/* ____________________ #body overwrites ______________________________________________________________________________ */
#body h1{}
#body h2{}
#body h3{}
#body p{}
#body a{font-weight:bold; color:#373f2c}
#body a:hover{}
#body small{}
#body form{}
#body ul.navigation li{}
#body{
	background-attachment:fixed;
	background-color:#8b8f8e;
	background-image:url(http://lygo.com/ly/zeeblio/styles/on-point/images/747335.jpg);	
	background-repeat:repeat-x;
}
/* ____________________ OuterContainer and Container CSS ______________________________________________________________________________ */
#outerContainer{}
#container{}
/* ____________________ Header CSS ______________________________________________________________________________ */
#header{
	background-color:#8A927C;
	background-image:url(http://lygo.com/ly/zeeblio/styles/on-point/images/747332.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	color:#fff;
	margin:0 auto;
	min-height:70px; 
	padding:30px;
	width:856px;  
}
#header h1{font-size:35px}
#header ul.navigation{ 
	margin:8px 0; 
	width:90%;
}
#header ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; 
	float:left;  
	margin:0 5px 8px 0; 
	min-width:30px; 
	text-align:center; 
	width:auto;
}
#header ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px;  
	padding:2px 10px; 
}
#header ul.navigation li a:hover, #header ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Main / Content Area & Side bar CSS ______________________________________________________________________________ */
#main{
	background-color:#8a927c;
	background-image:url(http://lygo.com/ly/zeeblio/styles/on-point/images/747334.png); 
	background-position:center top;
	background-repeat:no-repeat;
	-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; 
	margin:0 auto;
	padding:60px 0 0;
	width:916px;
}
#content{
  	padding:0 25px;
  	width:600px;
}
#content ul.navigation{ 
	margin:8px 0; 
	width:90%;
}
#content ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	float:left;  
	margin:0 5px 8px 0;
	min-width:30px; 
    text-align:center;
}
#content ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px;   
	padding:2px 10px; 
}
#content ul.navigation li a:hover, #content ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
#sidebar{
	padding:0 30px;
	width:200px; 
}
#sidebar ul.navigation{
	margin:8px 0; 
	width:auto;
}
#sidebar ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin:0 5px 8px 0;
	min-width:30px;
    text-align:left; 
	width:auto; 
}
#sidebar ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:0 10px; 
	width:auto;
}
#sidebar ul.navigation li a:hover, #sidebar ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Footer CSS ______________________________________________________________________________ */
#footer{
	background-color:#8A927C;
	border:1px solid #8A927C;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	margin:30px auto 0;
	min-height:40px;
	padding:20px 20px 30px;  
	width:876px;
} 
#footer ul.navigation{ 
	margin:8px auto;
	width:90%;
}
#footer ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	float:left; 
	margin:0 5px 8px 0;
	min-width:30px;   
	text-align:center; 
}
#footer ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:2px 10px;
}
#footer ul.navigation li a:hover, #footer ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/* ____________________ Layout Specific CSS ______________________________________________________________________________ */
/*----LAYOUT 1 Column----*/
.layout1c #content{width:auto;}
.layout1c #sidebar{
	border-top:1px dashed #000;  
	padding:20px; 
	width:auto;
}
.layout1c #sidebar ul.navigation{
	margin:8px 0; 
	width:90%; 
}
.layout1c #sidebar ul.navigation li{
	background-color:#adb59f; 
	border:2px solid #373f2c; 
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	float:left;  
	margin:0 5px 8px 0; 
	min-width:30px; 
	text-align:center; 
	width:auto; 	  
}
.layout1c #sidebar ul.navigation li a{
	color:#373f2c; 
	display:block; 
	font-size:12px; 
	padding:0 10px; 
}
.layout1c #sidebar ul.navigation li a:hover, .layout1c #sidebar ul.navigation li a.selected{
	background-color:#373f2c; 
	color:#fff; 
	text-decoration:none; 
}
/*----LAYOUT 2 Column Left----*/
.layout2cl #sidebar{border-right:1px dashed #000;}
/*----LAYOUT 2 Column Right----*/
.layout2cr #sidebar{border-left:1px dashed #000}
/* ____________________ Module Specific Styling ______________________________________________________________________________ */
.addOnBorder{} 
.addOnBorderBottom{} 
.addOnBorderTop{} 
.addOnGradientTop{} 
.addOnGradientBottom{}
.addOnShadowBox{} 
.addOnShadowBoxSmall{} 
.addOnTableHeading{}
.addOnTableHeadingBg{} 
.addOnTableRowBg{} 
.addOnTableRowAltBg{}
.addOnTableColumnBg{} 
.addOnTableColumnAltBg{}
.addOnBackgroundImage{}
.addOnHeadline{}
.addOnSubHead{}
.addOnSubH3{}
.addOnSubH4{}
.addOnPlainText{}
.addOnBasicLink{}
.addOnSmallText{}
.addOnBackground{}
.addOnShadedText{}
.addOnAccentText{}
.addOnSectionHead{}
.addOnMiniNavBox{}
.addOnButton{background:#adb59f; border:2px solid #373f2c; color:#373f2c}


/* ____________________ mobile layout ______________________________________________________________________________ */
@media screen and (max-device-width:480px), screen and (max-width:600px){
/* adds mobile only background */
#body.mobileLayout{background:url(http://lygo.com/ly/zeeblio/styles/on-point/images/mBG.jpg) no-repeat #dce3dc}

/* style for menu button at top right of page */
#body.mobileLayout #mNavLink{background:#ADB59F; color:#373F2C; border:1px solid #373F2C}

/* styling for navigation menu to be placed at bottom of page */
#body.mobileLayout .mobileNav ul{}
#body.mobileLayout .mobileNav ul li a{background:#ADB59F; color:#373F2C}
#body.mobileLayout .mobileNav ul li a:hover, #body.mobileLayout .mobileNav ul li a.selected{background:#373F2C; color:#fff}
#body.mobileLayout .mobileNav ul li.first a{}
#body.mobileLayout .mobileNav ul li.last a{}

/* mobile layout/content styling */
	#body.mobileLayout #header{padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; color:#333}
	#body.mobileLayout #main{margin:15px!important}
	#body.mobileLayout #content{margin-bottom:15px}
	#body.mobileLayout #sidebar{background:rgba(0, 0, 0, .1);border-top:dashed 3px #8A927C; padding-top:15px}
	#body.mobileLayout #footer{background:#8A927C}
}