* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	background: url(/images_shared/body.png) repeat 0 0;
 
}

/*font-family: 'Ubuntu', sans-serif;*/

a { color: #067aa7; text-decoration: underline; font-weight:bold; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.view { background: url(/images_shared/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell  { width: 980px; margin: 0 auto; }

.top-nav .shell { position: relative; }
.top-nav { background: #b6dde7; height: 59px;  }
.top-nav ul { list-style: none; list-style-position: outside; font-family: 'Ubuntu', sans-serif; font-size: 16px; text-transform: uppercase; line-height: 58px; font-weight: 700;  }
.top-nav ul li { float: left; padding: 0 0 0 0; border-right: 1px solid #dbeef3;  }
.top-nav ul li.active  { border-right: 0;  }
.top-nav ul li a { color: #239cc5; float: left; padding: 0 34px; text-shadow: rgba(255,255,255,0.8) 0px 1px 0px; }
.top-nav ul li span { float: left; }
.top-nav ul li a:hover,
.top-nav ul li.active a { color: #00719d; text-decoration: none; background: #c8e6ed; }
.top-nav ul li.active a {   }
.top-nav ul li.active span {  padding-left: 2px; }
.top-nav span.top-nav-shadow {  width: 959px; height: 7px; position: absolute; top: 59px; left: 50%; margin-left: -480px; }
.top-nav a.nav-btn { display: none; } 
#header { background-color:#cc9933; min-height: 380px; }
#footer { padding:1%; background-color:#cc9933; min-height: 320px; }

.header-inner { position: relative;    }

.header-cnt #logo { width: 397px; font-size: 0; line-height: 0;  }
.header-cnt #logo a { height: 134px; background: url(/images_shared/logo.png) no-repeat 0 0; text-indent: -4000px; display: block;  }
.header-cnt { width: 422px; padding-top: 10px; }
.header-cnt h2 { font-size: 74px; line-height: 83px; color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px;  font-weight: bolder; } 
.header-cnt h3 { font-size: 30px; padding-bottom: 8px; font-weight: normal;  color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; font-family: tahoma, arial, helvetica, serif;  } 
.header-cnt a { color:#ffffff; } 
.header-cnt p { color: #fff; text-shadow: rgba(0,0,0,0.5) 0px 1px 2px; padding-bottom: 10px; }
.header-cnt a.blue-btn { margin:0 auto; background: url(/images_shared/blue-btn.png) no-repeat 0 -75px; position: relative; /* WHY bottom: -30px; */ z-index: 100; width: 198px; height: 70px; text-align: center; line-height: 56px; display: block; color: #fff; text-decoration: none; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px; font-size: 16px; font-family: 'Ubuntu', sans-serif; font-weight: 700;   }
.header-cnt a.community { display:block; padding-bottom:10px; text-aligh:center;  }

.header-cnt a.blue-btn:hover  { text-decoration: underline; background-position: 0 0px; }

.slider-holder { float: right; width: 300px; height: 300px; background-color:#ffffff; position: absolute;  top:10px; right: -19px; padding: 14px 14px 14px; z-index: 1000; margin:0 80px; } 
.slider-holder .flexslider { width: 300px; height: 300px; position: relative; }
.slider-holder .flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.slider-holder .flexslider ul.slides li { width: 300px; height: 300px; float: left; }
.slider-holder .flexslider ul.slides li img { width: 300px; height: 300px; }

.main { padding: 66px 0 50px; position: relative; height: 100%; }
.main span.shadow-top { background: url(/images_shared/main-shadow.png) repeat-x 0 0;  top: 0; left: 0; position: absolute; width: 100%;  height: 46px; z-index: 20; display: block;  }
.main h2 { font-size: 28px; color: #2d2d2d; line-height: 28px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 12px; }
.main h3 { font-size: 20px; color: #2d2d2d; line-height: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 8px; }
.main section, nav section { background: url(/images_shared/section-shadow.png) no-repeat 0 bottom; padding: 20px 20px 33px;  }
.main section:last-of-type { background: transparent; }

.main .testimonial { text-align: center; padding-right: 88px; padding-left: 88px; }
.main .testimonial p { padding-bottom: 10px; }
.main .testimonial p strong { font-size: 28px; font-family: georgia, serif; position: relative; top: 10px; left: -5px; }

.main .content { width: 615px; float: left; }
.main .content ul { list-style: none; list-style-position: outside; padding-top: 8px;  }
.main .content ul li { padding-left: 8px; background: url(/images_shared/bullet.png) no-repeat 0 9px; padding-bottom: 5px;  }
.main .content ul li a { text-decoration: underline; }
.main .content ul li a:hover { text-decoration: none; }
.main .content img.alignleft { margin-right: 22px; }
.main .content .cnt { overflow: hidden; height: 100%; }
.main section.blog {   }

.main .sidebar { width: 240px;  float: left; }
.main .sidebar ul { list-style: none; list-style-position: outside; }
.main .sidebar ul li { position: relative; padding-left: 84px; background: url(/images_shared/sidebar-list-border.png) no-repeat 0 bottom; padding-bottom: 15px; margin-bottom: -13px; min-height: 72px; }
.main .sidebar ul li .img-holder { position: absolute; top: 6px; left: 0px; width: 66px; height: 48px; padding: 2px; border: 1px solid #d7d7d6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.main .sidebar ul li img { width: 66px; height: 48px; }
.main .sidebar ul li .mobile { font-style: normal; display: none; }
.main .sidebar ul li a { color: #828282; }
.main .sidebar ul li a:hover { text-decoration: none; color: #666;  }
.main .sidebar ul li p { padding-bottom: 7px; }
.main .sidebar ul li span { font-size: 10px; color: #c0c0c0; display: block; }
.main .sidebar .widget ul li.last { background: transparent; }

.main .cols { padding-bottom: px;  }
.main .cols a.view { margin-right: 16px; position: absolute; bottom: 0; right: 45px; }
.main .cols .col {  float: left; background: url(/images_shared/col-separator.png) no-repeat right 0; padding-right: 45px; margin-right: 12px; padding-bottom: 16px; position: relative; }
.main .cols .col-cnt { padding-top: 7px; height:  100%; overflow: hidden }
.main .cols .col img.alignleft { margin-right: 7px; }
.main .cols .col.last {   padding-right: 0; margin-right: 0; background: transparent; }

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -286px; }
#footer, #footer-push { min-height: 286px; }
#footer span.shadow-bottom { background: url(/images_shared/main-shadow-bottom.png) repeat-x 0 0;  top: -46px; left: 0; position: absolute; width: 100%; height: 46px; z-index: 20; display: block;  }

#footer { border-top: 1px solid #fff; position: relative;   }
.footer-cols { background: url(/images_shared/footer-cols.png) repeat-x 0 0; padding: 26px 0; }
.footer-cols .col { float: left; width: 226px; padding-right: 24px; }
.footer-cols .col.last { padding-right: 0; }
.footer-cols h3 { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; font-size: 21px; line-height: 28px; font-family: 'Ubuntu', sans-serif; font-weight: 500; padding-bottom: 12px; }
.footer-cols h3 a { color: #fff; text-shadow: rgba(0,0,0,0.6) 0px 1px 2px; }
.footer-cols h3 a:hover { text-decoration: none; color: #bdbdbd;  }
.footer-cols p { color: #fff; }
.footer-cols p a { color: #fff; }
.footer-cols ul { list-style: none; list-style-position: outside; }
.footer-cols ul li { color: #fff; padding-bottom: 6px; padding-left: 9px; background: url(/images_shared/bullet-footer-col.png) no-repeat 0 8px; }
.footer-cols ul li a { color: #fff; }

.footer-bottom { background: #ffffff; /* height: 70px; padding: 22px 0 18px 0;*/ }
.footer-nav { float: left; font-size: 11px; line-height: 16px;  }
.footer-nav ul { list-style: none; list-style-position: outside; padding:20px 20px 40px;}
.footer-nav ul li { float: left; padding: 0 10px; background: url(/images_shared/footer-nav-border.png) no-repeat 0 0; }
.footer-nav ul li.first { background: transparent; padding-left: 0;  }
.footer-nav ul a { color: #6b848a; }
.footer-bottom p.copy { float: right; color: #6b848a;  line-height: 11px; padding:10px 0; }
.footer-bottom p.copy span  { padding: 0 9px;  }
.footer-bottom p.copy a { text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }

/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	#header { background-color:pink; min-width: 768px; }
	.shell { max-width: 768px; }
	
	#header { background-color:#cc9933; min-height: 257px; }
	.header-cnt #logo { width: 277px; font-size: 0; line-height: 0; }
	.header-cnt #logo a { height: 93px; background: url(/images_shared/logo-tablet.png) no-repeat 0 0; text-indent: -4000px; display: block;  }

	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { font-size: 14px; }
	.top-nav ul li a { color: #239cc5; float: left; padding: 0 24px; text-shadow: rgba(255,255,255,0.8) 0px 1px 0px; }
	.top-nav ul li.last a { padding-right: 34px; } 

	.header-inner { width: 728px;  padding: 0 20px; }

	.header-cnt { width: 295px; }
	.header-cnt h2 { font-size: 56px; line-height: 60px; }
	.header-cnt h3 { font-size: 30px; line-height: 32px; }
	.header-cnt p .desktop { /* WHY  display: none; */}
	.header-cnt p .mobile { display: block; }
	.header-cnt a.blue-btn { /* WHY bottom: -60px; */ }
	.slider-holder { width: 250px !important; height: 250px !important;   padding: 14px; top: 30px; right: 0;  }
	.slider-holder .flexslider { width: 250px; height: 250px; }
	.slider-holder .flexslider ul.slides li { width: 100%; height: 100%; }
	.slider-holder .flexslider ul.slides li img { width: 100%; height: 100%; }

	.container {  }

	.main section { background: url(/images_shared/tablet-section-shadow.png) no-repeat 0 bottom  !important; }
.main section.blog { padding-bottom: 60px; }
	.main section.blog { background: transparent  !important; padding-bottom: 0;  }
	.main .cols { background: transparent  !important; padding-bottom: 0; }
	.main .cols .col { width: 282px; padding-right: 15px; margin-right: 0; background: transparent;}
	.main .cols .col.last { padding-right: 0;   }
	.main .cols .col img { float: none; display: block; margin: 0 auto 0 auto !important;  }
	
	.main .content { width: 100%;  display: block; padding-bottom: 40px; }
	
	.main .sidebar { width: 100%; float: none; display: block; }
	.main .sidebar ul li { margin: 0 0 0 0; background: url(/images_shared/tablet-section-shadow.png) no-repeat center bottom; display: block; min-height: 70px; }
	.main .sidebar ul li .mobile { display: inline;  }
	.main .sidebar a.view { margin-right: 20px;  }

	.footer-cols .shell { padding-left: 20px; padding-right: 20px; width: 728px; }
	.footer-cols .col { width: 166px; padding-right: 20px; }
	.footer-cols .col.last { padding-right: 0; }
	.footer-bottom { height: 48px; line-height: 17px;  }
	.footer-bottom .footer-nav { float: none; display: block; padding-bottom: 16px;     line-height: 16px; }
	.footer-bottom  p.copy { float: none; display: block; clear: both; }
	.footer-bottom .shell { padding-left: 20px; width: 748px; }
}

	
@media only screen and ( max-width: 767px) { 
	#header { background-color:red;  min-width: 320px;}
	.shell { max-width: 100%; }
	.main { /* WHY padding-top: 220px !important; */ margin-top: 0; }
	a.view { background: url(/images_shared/bullet.png) no-repeat 0 8px; padding-left: 8px; font-size: 10px; float: right;  }
	#header { background-color:#cc9933; min-height: 218px; width: 100%; }

	.header-cnt #logo { width: 280px; font-size: 0; line-height: 0; margin-bottom: 8px; }
	.header-cnt #logo a { height: 94px; background: url(/images_shared/logo-@2x.png) no-repeat 0 0; text-indent: -4000px; display: block;  }
	
	.top-nav { position: relative; z-index: 1001; background: #fcfcff; height: 48px; margin: 7px; border: 1px solid #9ad0e2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { display: none;  font-size: 14px; position: absolute; width: 100%; top: 46px; left: -1px; line-height: 24px; padding: 0 0px 0px 0px; background: #fcfcff; border: 1px solid #9ad0e2; border-top: 0; 
		border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
	.top-nav ul li.active a { display: block; float: none; background: none; }
	.top-nav ul li.active span { display: block; float: none; background: none; }
	.top-nav ul li { display: block; float: none;  padding: 15px 20px 15px 20px;  background: url(/images_shared/tablet-section-shadow.png) no-repeat center top; }
	.top-nav ul li a { display: block; float: none; padding: 0 0 0 0; }
	.top-nav ul li span { float: none; }
	.top-nav ul li a:hover { display: block; float: none; background: none; }
	.top-nav ul li.last a { float: none; display: block;  padding-right: 0; } 
	.top-nav ul li.last {  padding-bottom: 10px }
	.top-nav a.nav-btn { width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  height: 48px; display: block; color: #239CC5; font-size: 14px; line-height: 48px;  text-shadow: 0 1px 0 rgba(255, 255, 255,0.8); font-family: 'Ubuntu',sans-serif; font-weight: 700; padding-left: 20px;  }  
	.top-nav a.nav-btn:hover { text-decoration: none; }
	.top-nav a.nav-btn span { background: url(/images_shared/nav-arr@2x.png) no-repeat center 20px; width: 40px; height: 48px; display: block; position: absolute; top: 0px; right: 0; z-index: 2000;}
	.top-nav a.nav-btn span.active { background: url(/images_shared/nav-arr-active.png) no-repeat center 20px; }
	.top-nav ul li.first  { display: none; }

	.header-inner { width: 100%; padding:  10px; background: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.header-cnt { width: 100%;   padding-top: 0;  }
	.header-cnt a.blue-btn { /* WHY top: 426px; position: absolute; left: 50% !important; margin-left: -97px; */ }
	.header-cnt a.blue-btn:hover { background-position: 0 0; text-decoration: none; color: #dbdbdb;  }
	.header-cnt h2 { font-size: 56px; line-height: 60px; }
	.header-cnt h3 { font-size: 30px; line-height: 32px; }
	.header-cnt p .desktop { display: inline; }
	.header-cnt p .mobile { display: none; }
	
	.slider-holder { width: 200px !important; height: 200px  !important;  padding: 10px; top:0; /* WHY top: 230px; left: 50%; margin-left: -160px; */
    
 position:relative;0
 top:0;
 left:0;
 margin-left:0;   
 float:left;   
    
    }
	.slider-holder .flexslider { width: 200px; height: 200px; }
	.slider-holder .flexslider ul.slides li { width: 100%; height: 100%; }
	.slider-holder .flexslider ul.slides li img { width: 100%; height: 100%; }
	.container {   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

	.main .testimonial { padding-left: 0; padding-right: 0; }
	.main span.shadow-top { top: 0px; left: 0; }
	.main section { background: url(/images_shared/mobile-section-shadow.png) no-repeat center bottom  !important; }
	.main section.blog { background: transparent  !important; padding-bottom: 0; }
	.main .cols { background: transparent  !important; padding-bottom: 0; }
	.main .cols .col { width: 100%; padding-right: 0px; margin-right: 0; padding-bottom: 20px; background: url(/images_shared/mobile-section-shadow.png) no-repeat center bottom;}
	.main .cols .col a.view { bottom:  20px; right:  10px; }
	.main .cols .col.last { width: 100%; padding-right: 0px; }
	.main .cols .col img { float: left;  }
	.main .content { width: 100%;  display: block; padding-bottom: 40px; }
	.main .content img.alignleft { margin-right: 8px; float: none; display: block; margin: 0 auto 30px auto;  }
	.main .content p { font-size: 11px; line-height: 18px; }
	.main .content ul li { font-size: 11px; padding-bottom: 0; line-height: 18px;  }
	.main .content ul li { background-position: 0 7px !important; display: block; }

	.main .sidebar { width: 100%; float: none; display: block; padding-right: 0; }
	.main .sidebar ul li { margin: 0 0 0 0; background: url(/images_shared/mobile-section-shadow.png) no-repeat center bottom; display: block; min-height: 70px; }
	.main .sidebar ul li .mobile { display: inline; }
	.main .sidebar a.view { margin-right: 20px; }
	
	.footer-cols .shell { padding-left: 20px; padding-right: 20px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.footer-cols .col { width: 100%; display: block; padding-right: 0;  }
	.footer-cols .col ul li { padding-right: 0; }
	.footer-cols .col .col-cnt { display: none; }
	.footer-cols .col.last { padding-right: 0; }
	.footer-bottom { height: 48px; line-height: 17px; }
	.footer-bottom .footer-nav { float: none; display: block; text-align: center;  padding-bottom: 16px; font-size: 10px;  }
	.footer-bottom .footer-nav ul li { padding: 0 2px 0 4px; float: none; display: inline; background-position: 0 2px;  }
	.footer-bottom  p.copy { float: none; display: block; text-align: center;  clear: both; font-size: 10px;  }
	.footer-bottom .shell { width: 100%;  background: none repeat scroll 0 0 #ffffff; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	.slider-holder {  -webkit-background-size: 320px 202px; -moz-background-size: 320px 202px; background-size: 320px 202px; }
	.main section, 	
	.main .cols .col, 
	.main .sidebar ul li { margin: 0 0 0 0; background: url(/images_shared/mobile-section-shadow@2x.png) no-repeat center bottom;  -webkit-background-size: 299px 14px; -moz-background-size: 299px 14px; background-size: 299px 14px; }
}






.container .main { padding:0 !important;   }





/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }



.main,
.container > header {
	 
	padding: 0;
}

.main {
}

.container > header {
	text-align: center;
	font-size: 16px;
	padding: 4em 2em 3em;
	background: rgba(0,0,0,0.01);
}

.container > header h1 {
	font-size: 2.625em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 60%;
	color: #ceccc6;
	padding: 0 0 0.6em 0.1em;
}

/* Header Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.4);
	text-transform: uppercase;
	position: relative;
	width: 100%;
	font-size: 0.7em;
	line-height: 2.2;
}

.codrops-top a {
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.9);
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.codrops-icon-drop:before {
	content: "\e001";
}
.codrops-icon-prev:before {
	content: "\e004";
}
.codrops-icon-archive:before {
	content: "\e002";
}
.codrops-icon-next:before {
	content: "\e000";
}
.codrops-icon-about:before {
	content: "\e003";
}

@media screen and (max-width: 25em) { 
	.codrops-icon span {
		display: none;
	}
	.container > header {
		font-size: 75%;
	}
}








a, li {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* Global CSS that are applied for all screen sizes */

.nav ul {
 	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
	font-weight: 300;
    background-color:#000000;
}

.nav li span {
	display: block;
}

.nav a {
	display: block;
	color: rgba(249, 249, 249, .9);
	text-decoration: none;
	-webkit-transition: color .5s, background .5s, height .5s;
	-moz-transition: color .5s, background .5s, height .5s;
	-o-transition: color .5s, background .5s, height .5s;
	-ms-transition: color .5s, background .5s, height .5s;
	transition: color .5s, background .5s, height .5s;
}

.nav i{
	/* Make the font smoother for Chrome */
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Remove the blue Webkit background when element is tapped */

a, button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav ul:hover a {
	color: rgba(249, 249, 249, .5);
}

.no-touch .nav ul:hover a:hover {
	color: rgba(249, 249, 249, 0.99);
}

/* Adding some background color to the different menu items */

.nav li:nth-child(6n+1),
.nav li:nth-child(6n+1) li,
.nav li:nth-child(6n+1) ul
 {
	background-color: #990000;
}

.nav li:nth-child(6n+2),
.nav li:nth-child(6n+2) li,
.nav li:nth-child(6n+2) ul {
	background-color: #000033;
}

.nav li:nth-child(6n+3),
.nav li:nth-child(6n+3) li,
.nav li:nth-child(6n+3) ul {
	background-color: #389B07;
}

.nav li:nth-child(6n+4),
.nav li:nth-child(6n+4) li,
.nav li:nth-child(6n+4) ul {
	background-color: #079B50;
}

.nav li:nth-child(6n+5),
.nav li:nth-child(6n+5) li,
.nav li:nth-child(6n+5) ul {
	background-color: #99079B;
}

.nav li:nth-child(6n+6),
.nav li:nth-child(6n+6) li,
.nav li:nth-child(6n+6) ul {
	background-color: #333300;
}
.nav li:nth-child(6n+7),
.nav li:nth-child(6n+7) li,
.nav li:nth-child(6n+7) ul {
	background-color: #1F079B;
}
.nav li:nth-child(6n+8),
.nav li:nth-child(6n+8) li,
.nav li:nth-child(6n+8) ul {
	background-color: #663300;
}
.nav li:nth-child(6n+9),
.nav li:nth-child(6n+9) li,
.nav li:nth-child(6n+9) ul {
	background-color: #000066;
}

/* For screen bigger than 800px */
@media only screen and  (min-device-width : 700px) {

	/* Transforms the list into a horizontal navigation */
	.nav li {
		float: left;
		/* width: 11.111111111%;*/
        padding:0 1%;
		text-align: center;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	.nav a {
		display: block;
		width: auto;
 	}

		
}

@media only screen and  (min-device-width : 700px)  {
     #header {  }

	/* Size and font adjustments to make it fit into the screen*/
	.nav ul {
		font-size: 1.2em;
	}

}


/* Styling the toggle menu link and hiding it */
.nav .navtoogle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.5em;
	font-family: 'Lato',Calibri,Arial,sans-serif;
	font-weight: normal;
	text-align: center;
	color: rgb(7, 16, 15);
	font-size: 1.2em;
	background: none;	
	border: none;
	border-bottom: 4px solid rgb(221, 221, 221);
	cursor: pointer;
}

.navtoogle i{
	z-index:-1;
}

.icon-menu {
	position: relative;
	top: 3px;
	line-height: 0;
	font-size: 1.6em;
}

@media only screen and  (max-device-width : 700px) {

.nav button { font-size:40px !important;text-transform:uppercase;  }
 .nav span { font-size:30px !important;text-transform:uppercase;  } 
 .nav ul { font-size:25px !important;  } 
 

	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 999990em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span { 
		font-size: 0.8em;
	}
	
	/* Adding a left border of 8 px with a different color for each menu item
	.nav li:nth-child(6n+1) {
		border-left: 8px solid rgb(174, 78, 1);
	}

	.nav li:nth-child(6n+2) {
		border-left: 8px solid rgb(191, 117, 20);
	}

	.nav li:nth-child(6n+3) {
		border-left: 8px solid rgb(13, 111, 150);
	}

	.nav li:nth-child(6n+4) {
		border-left: 8px solid rgb(10, 75, 117);
	}

	.nav li:nth-child(6n+5) {
		border-left: 8px solid rgb(16, 34, 44);
	}

	.nav li:nth-child(6n+6) {
		border-left: 8px solid rgb(9, 18, 25);
	}
	.nav li:nth-child(6n+7) {
		border-left: 8px solid rgb(9, 18, 25);
	}
	.nav li:nth-child(6n+8) {
		border-left: 8px solid rgb(9, 18, 25);
	}
	.nav li:nth-child(6n+9) {
		border-left: 8px solid rgb(9, 18, 25);
	}*/

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
}



/* subnav */


.js .nav ul ul {	       font-size: 0.8em;
   	max-height: none; 
    padding-left:10px;
    
    }
@media only screen and  (min-device-width : 700px) {	

.js .nav ul ul {	  	max-height: 30px;  overflow:hidden; 
    padding-left:0;  }

	.nav li a { padding:4px }	
	#menu { height:60px; background-color:#000000; }
    .nav ul { 
	font-size: 1.1em;
	font-weight: 300;
    background-color:#000000; }
	.nav li ul { position:absolute;   width:100%; left:0; }
    .nav li ul li { padding:0 20px; }
    
    
}

.nav li ul li { width:auto; }

.nav li ul li {
    padding-left:1%;
    border-left: none !important;
} 

#header_ad_banner {   padding:0 1% 0; }
#header_logo {  padding:2% 1% 1%; }
#header_logo h1  {  }
#header_logo h1 a { text-decoration:none; color:#cc9933; background:none;  }

#footer_ad_text {  }
#footer  { color:#ffffff; } 
#footer a { color:#ffffff; } 


font.link_header {font-size:1.1em; color:#ffffff;padding:1% 0; }


#footer_ad_text,.container,#wrapper { text-align:center; width:100%; overflow:hidden; }

.addthis_toolbox.addthis_default_style {
    margin: 0 auto;
    text-align: center;
    width: 400px;
}

.member_photo_box {
    float: left;
    margin: 5px;
    text-align: center;
    width: 60px;
}
.member_photo_box {
    cursor: default;
    list-style: none outside none;
}
.member_photo_box a .preview, .thumbnail_box a .preview {
    display: none;
}
.member_photo_box a:hover .preview {
    border: 2px solid #000000;
    display: block;
    left: -65px;
    position: absolute;
    top: -8px;
    z-index: 100;
}
.thumbnail_box a:hover .preview {
    border: 2px solid #000000;
    display: block;
    font-size: 100%;
    left: -65px;
    position: absolute;
    top: -18px;
    z-index: 100;
}
.member_photo_box {
    display: inline;
    float: left;
    position: relative;
}
.thumbnail_box {
    display: inline;
    float: left;
    margin: 0 20px;
    position: relative;
}
.member_photo_box .preview {
    border-color: #000000;
    width: 150px;
}
.member_photo_box .square {
    background-color: #FFFFFF;
    border: 3px solid #666666;
    height: 59px;
    overflow: hidden;
    width: 60px;
    z-index: -100;
}

.goldstar {
    left: -20px;
    position: relative;
    top: -20px;
}
.goldstar_zoomed {
    left: -62px;
    position: relative;
    top: -22px;
}
.goldstar_search {
    left: 3px;
    position: relative;
    top: -20px;
}
.goldstar_profile {
    left: -87px;
    position: relative;
    top: -25px;
}
.goldstar_homepage_forums {
    left: -15px;
    position: relative;
    top: -20px;
}
#recent_logins .member_photo_box {
    height: 65px;
}
#newest_members .member_photo_box {
    height: 65px;
}

#recent_homepage { width:760px ; display:box;} 
@media only screen and ( max-width: 700px) {
	#recent_homepage { width:380px ; }
 }
@media only screen and ( max-width: 990px) {
   aside.sidebar  {width:100%; background:none !important;}
}
.main .cols .col {padding: 10px 40px 10px 20px } 

#addthis_div { padding-top:5px;height:22px; clear:both;}
.addthis_button_google_plusone { width:60px} 
div.login_register { width:310px; background: url(/images_shared/col-separator.png) no-repeat right 0;   margin-right: 4px; padding-bottom: 16px; }
aside.sidebar { background: url(/images_shared/col-separator.png) no-repeat right 0;   margin-right: 4px; padding-bottom: 16px;}
div.login_register, div.register{ text-align:left;}
.header-cnt,.header-cnt *  {color:#ffffff !important; }

#header_logo h1 { font-size:32px; line-height:28px; }
#header_logo p { font-size:18px; }
#header_ad_text { text-align:left;  }


.nav * { background:none;background-image:none;  } 
.nav { background-color:#669aed !important; }
.nav ul.main_nav { background-color:#669aed !important; }
.nav ul.main_nav li { background-color:#669aed !important; }
.nav ul.main_nav li li { background-color:blue !important; }
.nav ul.main_nav li ul { background-color:blue !important; }
.nav ul.sub_nav { background-color:blue !important; }
.nav ul.main_nav li:hover,
.nav ul.main_nav li.selected { background-color:blue !important; }

.nav li#home_nav,
.nav li#search_nav,
.nav li#chat_nav,
.nav li#games_nav,
.nav li#forum_nav,
.nav li#fun_nav,
.nav li#books_nav,
.nav li#help_nav,
.nav li#account_nav { background-image: none; /*background:url('none');*/ }

.nav li#home_nav:hover,
.nav li#search_nav:hover,
.nav li#chat_nav:hover,
.nav li#games_nav:hover,
.nav li#forum_nav:hover,
.nav li#fun_nav:hover,
.nav li#books_nav:hover,
.nav li#help_nav:hover,
.nav li#account_nav:hover,
.nav li#home_nav.selected,
.nav li#search_nav.selected,
.nav li#chat_nav.selected,
.nav li#games_nav.selected,
.nav li#forum_nav.selected,
.nav li#fun_nav.selected,
.nav li#books_nav.selected,
.nav li#help_nav.selected,
.nav li#account_nav.selected  { background-image: none; /*background:url('none');*/ background-color:blue; }

.nav li:nth-child(6n), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n) ul,
.nav li:nth-child(6n+1), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n+1) ul,
.nav li:nth-child(6n+2), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n+2) ul,
.nav li:nth-child(6n+3), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n+3) ul,
.nav li:nth-child(6n+4), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n+4) ul,
.nav li:nth-child(6n+5), .nav li:nth-child(6n+1) li, .nav li:nth-child(6n+5) ul  { background-image: none; /*background:url('none');*/ background-color:blue; }

.nav li:nth-child(6n), 
.nav li:nth-child(6n+1), 
.nav li:nth-child(6n+2), 
.nav li:nth-child(6n+3), 
.nav li:nth-child(6n+4), 
.nav li:nth-child(6n+5)   {background-image: none; /*background:url('none');*/background-color:#669aed; }

.nav li:nth-child(1)   { background-image: none; /*background:url('none');*/ background-color:blue; }

.gaming_hp a.profile_gaming img.profile_gaming_thumb { 
    border: 3px solid #cccccc;
    display: none;
    position: absolute;
}
.gaming_hp a.profile_gaming:hover img.profile_gaming_thumb {
    display: inline;
    z-index:9999999999999999;
}

.shell.gaming_hp { clear:both;color:#ffffff; font-size:14px; font-weight:bold;display:block;   padding:10px;width:750px; height:160px;z-index:999999999999;}



@media only screen and   (max-device-width: 900px) {

body *,.header-cnt, .header-cnt * { font-size:103% !important;  }
#header_logo * { font-size:25px !important; }
 .shell gaming_hp,  { font-size:20px !important; } 

}

.small_screens_only { display:none; }

@media only screen and   (max-device-width: 770px) {

    .big_screens_only { display: none !important; } 
    .small_screens_only { display:block !important; }
 
    #addthis_div, #footer { display:none; } 
 
 	body {     overflow-x: hidden; } 
 
 	a, .adsbygoogle { margin: 20px !important; padding:20px !important; font-size:200% !important; line-height: 200% !important;  }
 
    * {
        letter-spacing: .1em !important;
        font-size: 1em !important;
        max-width:100%; 
    }
}