body {
	padding:0;
	margin:0;
	color:#bdbdbd;
	font-family:Verdana;
	background:#ededed;
	
}

body.index {
		background:url('../images/site-elements/bg1.jpg') top center  no-repeat #010101;
}

a {
	color:#414142;
}

a img {
	border:0;
}

.clear {
	clear:both;
}

#container {
	width:1072px;
	margin:auto;
	
}


/* HEADER */

#header {
	width:100%;
}
#header .logo {
	float:left;
}

#header #navigation{
	float:right;
	padding-top:53px;
}

#lava ul li, #header #navigation li {
	list-style:none;
	float:left;
	background-color:#414142;
	padding:6px 10px 6px 10px;
	margin:2px;
	font-size:0.8em;
	text-transform:uppercase;
}

#header #navigation .selected {
	background:url("/assets/images/header/nav-swing.png") no-repeat;
	position:relative;
	width:63px;
	height:79px;
	top:0px;
	margin-left:2px
}

#lava ul li a, #header #navigation li a {
	color:#fff;
	text-decoration:none;
}

#header #navigation li a:hover {
	color:#ece829;
	text-decoration:none;
}


/* END HEADER*/

/* MENU */
#lava {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:680px; 
		height:40px;
		float:right;
		margin-top:70px;
		z-index:10;
		
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava1 ul li {
		
		/* give some spaces between the list items */
		margin:0 15px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:-70px; 

		/* should be lowerpar than the list menu */
		z-index:50; 
		/* image of the right rounded corner */
			background:url("/assets/images/header/nav-swing.png") no-repeat;
		height:70px;
		
		
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:#eee;
		
		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}
	

/* END MENU  */
/* CONTENT */

.contentWide {
	width:400px;
}
/* END CONTENT */

/* FOOTER */

#footer {
	min-height:278px;
	background:url("../images/footer/footer-inner.png") repeat-x !important;
}

.index #footer {
	background:url("../images/footer/footer.png") transparent repeat-x !important;
}

#footerRight {
	margin-top:20px;
	margin-left:1000px;
	position:absolute;
	height:260px;
	width:260px;
	z-index:1;
}

#footer #footerSocialNetwork {
	float:left;
	margin-top:-85px;
	padding-top:85px;
	margin-bottom:0px;
	padding-bottom:0px;
	z-index:10;
	position:relative;
	background:url("../images/footer/footer-right.png") no-repeat;
	height:168px;
	width:264px;
	text-align:right;
}

#footerInner {
	width:1072px;
	height:180px;
	overflow:hidden;
	margin:auto;
	padding-top:100px;
	font-size:0.75em;
}
#footerInner .footerCol {
	float:left;
	width:800px;
}
#footerInner .footerCol ul {
	float:left;
	width:150px;
}
#footerInner .footerCol li {
	list-style:none;
	padding-bottom:4px;
}

#footerInner .footerCol li a {
	color:#8d8d8d;
	text-decoration:none;
}

#footerInner .footerCol li a:hover {
	text-decoration:underline;
}

#footerInner .footerCol .header {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:10px;
}

#footerInner  .footerAddressDetails a {
	color:#8d8d8d;
	text-decoration:none;
}

#footerInner  .footerAddressDetails a:hover {
	color:#8d8d8d;
	text-decoration:underline;
}


#footerInner  .footerAddressDetails {
	font-size:0.8em;
	color:#8d8d8d;
	padding-left:40px;
}

/* CONTENT */
#content {
	width:980px;
	margin:auto;
}

h1 {
	color:#fff;
	font-size:3em;
	font-style:italic;
}

/* END CONTENT */


/* INDEX PAGE*/

#middleContainer {
	margin-bottom:100px;
}

#boxHolder {
	background-color:blue;
}

#boxHolder .box {
	background:url('../images/index/boxes/box-header.png') top center no-repeat;
	float:left;
	width:268px;
	height:300px;
	padding:30px 0;
}

#boxHolder .boxHeader {
	background-color:#dcdcdc;
	width:215px;
	height:40px;
	padding:30px 0 0 4px;
	margin:0 auto 5px auto;
}

#boxHolder .boxHeader:hover {
	cursor:pointer;
	cursor:hand;
}
#boxHolder .boxHeader a {
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.75em;
	color:#484848;
}

#boxHolder .boxContent {
	background-color:#484848;	
	width:210px;
	height:180px;
	padding:10px 6px 2px 6px;
	margin:auto;
	font-size:0.75em;
}

#boxHolder .boxContentInner {
	height:140px;
}

#boxHolder .boxContentInner a:hover {
	text-decoration:underline;
}
#boxHolder .boxContentInner a {
	color:#fff;
	text-decoration:none;
}

#boxHolder .boxContent .boxButton {
	float:right;
	height:40px;
	padding:5px 6px 2px 0px;
}





#contentHolder {
	width:1010px;
	margin-left:55px;
}

#contentHolderMenu ul {
	margin:0;
	padding:0;
}
#contentHolderMenu ul li {
	float:left;
	list-style:none;
	background-color:#fff;
	padding:14px;
	font-size:0.65em;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Verdana;
	color:#414142;
		margin-right:4px;
}

#contentHolderMenu ul li a {
	text-decoration:none;
}

#contentHolderMenu ul li a:hover {
	text-decoration:underline;
}


#contentHolderMenu ul li h1 {
	font-size:1em;
	color:#414142;
	font-style:normal !important;
	margin:0px;
}
#contentHolderMenu ul li.sub {
	background-color:#414142;
	margin-right:4px;
}
#contentHolderMenu ul li.sub a {
	text-decoration:none;
	color:#fff;
}

#contentHolderMenu ul li.sub a:hover {
	color:#ece829;
}


#contentHolderInner {
	clear:both;
	background-color:#fff;
	padding:18px 14px 18px 14px;
	color:#414142;
	font-size:0.8em;
}

#contentHolderInner .imageHolderRight, #contentHolderInner .formHolderRight, #contentHolderInner .videoHolderRight, #contentHolderInner .generalColumnRight  {

	width:300px;
}

#contentHolderInner .imageHolderRight .imageHolderRightInner, #contentHolderInner .formHolderRight .formHolderRightInner {
	width:400px;
	margin:auto;
}

#contentHolderInner .videoHolderRight .videoHolderRightInner,#contentHolderInner .generalColumnRight  .generalColumnRightInner {
	width:425px;
	margin:auto;
	
}

#contentHolderInner .videoHolderRight .videoHolderRightInner,#contentHolderInner #mailchimp .generalColumnRightInner {
	width:400px !important;	
}
#contentHolderInner .imageHolderRight .imageHolderRightInner img {
	border:8px solid #ededed;
}

#contentHolderInner .formHolderRight .formHolderRightInner, #contentHolderInner .generalColumnRight  .generalColumnRightInner {
	background-color:#ededed;
	padding:10px;
}

#contentHolderInner .videoHolderRight .videoHolderRightInner {
	padding:10px;
	
}


#contentHolderInner .cleanLinksList ul li {
	list-style:none;
	float:left;
	width:350px;
	padding-left:30px;
}

#contentHolderInner .cleanLinksList ul li a {
	text-decoration:none;
}
#contentHolderInner .cleanLinksList ul li a:hover {
	text-decoration:underline;
}


.message, .archiveMessage {
	background-color:#414142;
	padding:10px;
	color:#fff;
}

.archiveMessage a{
	font-weight:bold;
	color:#fff;
}


/* Main content form */

form.mainContentForm {
	padding:10px;
	color:#BDBDBD;
}

form.mainContentForm legend {
	background-color:#e2e2e2;
	padding:10px;
	font-weight:bold;
	color:#4a4a4a;
}


form.mainContentForm fieldset {
	background-color:#4a4a4a;
	width:100%;
	border:0;
}

form.mainContentForm fieldset a {
	color:#e2e2e2;
	font-weight:bold;
}

form.mainContentForm label {
	color:#BDBDBD !important;
}

form.mainContentForm .textareaSmall{
	height:100px;
}

form.mainContentForm .textSmall{
	width:20px;
}

/* End main content form */


/* Start Validation*/
.vanadium-advice {
		margin-left:10px;
		color:#ece829;
	}
/* End Validation*/


.leftColumnNew {
 float:left;
 width:400px;
}

.leftColumnNewWide {
 float:left;
 width:960px;
}

.rightColumnNew {
	float:right;

	width:500px;
}