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

body, html { height: 100%; }

@media only screen and ( min-width: 981px) and ( max-width: 3980px ) {
body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #999999;
	background:url('../images/background_blur.jpg') no-repeat center;
	/* background: url(images/body.png) repeat 0 0;
	background-size:cover; */
	min-width: 100%;
}
}


/* SBVS icons */
@font-face {font-family:'SBVSIcons';src:url('fonts/sbvsicons-webfont.eot');src:url('fonts/sbvsicons-webfont.woff') format('woff'), url('fonts/sbvsicons-webfont.ttf') format('truetype'), url('fonts/sbvsicons-webfont.svg#webfontjJTHv0E8') format('svg');font-weight: normal;font-style: normal;}
.icon {font-weight: normal;font-style: normal;line-height: normal;font-family: 'SBVSIcons';font-size: 1.1em;position: relative;top: 0.1em;}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
/* a.more { color: #336699; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; } */
a.more { color: #336699; text-decoration: underline; font-weight:bold;}
a.more:hover { text-decoration: none;  }
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; }

article, aside, details, footer, header, menu, nav, section { display: block; }

.shell { width: 990px; margin: 0 auto; }
.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ;  }
#header { height: 134px; padding-top: 2px; padding-left: 33px; padding-right: 17px;  }
#logo { width: 416px; float: left; font-size: 0; line-height: 0;}
#logo a { height: 33px; display: block; background: url(images/new-logo-1.png) no-repeat 0 0;  text-indent: -4000px; }

h2.phone { font-size: 14px; line-height: 14px; padding-left:4px; padding-top: 4px; color: #336699; font-family: 'Ubuntu', sans-serif;}
h4.jobs { font-size: 22px; color: #336699; padding-bottom:24px; font-family: 'Ubuntu', sans-serif; text-align:center;}
h5.jobs { font-size: 18px; color: #999999; padding-top:2px; padding-bottom:8px; font-family: 'Ubuntu', sans-serif; text-align:center;}
h2.contact2 { font-size: 22px; color: #336699; line-height: 22px; padding-bottom:8px; font-family: 'Ubuntu', sans-serif;}
p.contact {  color: #ffffff; font-size: 16px;  padding-bottom: 4px; padding-left: 9px;  font-family: 'Ubuntu', sans-serif; text-align:left;}
a.contact { color:#ffffff; }
a.contact:hover { text-decoration: none; font-weight:bold; }
h2.sendfile { font-size: 22px; color: #fff; font-family: 'Ubuntu', sans-serif; }
h1.titlebar { font-size: 22px; color: #fff; font-family: 'Ubuntu', sans-serif; }

.search { float: right; }
.search input.field { border: 1px solid #d6d6d6; background: #ededed; width: 166px; height: 24px; line-height: 22px;margin:4px;padding: 0px 10px; float: left; font-size: 11px; font-family: verdana, arial, helvetica, serif;  color: #bebebe;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.search input.search-btn { width: 22px; height: 26px; margin-left: 3px;  border: 0; cursor: pointer; background: url(images/search-btn.png) no-repeat 0 0; float: left; font-size: 0; line-height: 0; text-indent: -4000px;  }

#navigation { height: 52px; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; background: url(images/navigation.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right: 2px; line-height: 52px; background: url(images/nav-border.png) no-repeat right 0;  font-size: 13px; text-transform: uppercase; }
#navigation ul li a { display: block; padding: 0 32px 0 28px; color: #333399;  }
#navigation ul li a:hover { text-decoration: none; color: #0066cc; }
#navigation ul li.first a { padding-left: 28px; }
#navigation a.nav-btn { display: none; } 

.site-navigation {
	display:block;
	/* font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: bold; */
	margin: 0px;
}

.site-navigation ul {
  /* background: #3498DB; */
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.site-navigation li {
	display: block;
	float: left;
	/* margin: 0 20px 0 20px; */
	padding: 0;
	position:relative;
	text-decoration: none;
	text-transform: uppercase;
}
  
.site-navigation li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size:16px;
  font-weight:700;
}

.site-navigation li:hover {
	@include transition(background, 0.2s);
	/* background: #52a6df; */
	cursor: pointer;
}

.site-navigation ul li ul {
	background: #fff;
	visibility: hidden;
	float: left;
	min-width:220px;
	position: absolute;
	transition: visibility 0.05s ease-in;
	margin-top:0px;
	left: 0;
	z-index: 999;
	
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
   visibility: visible;
}

.site-navigation ul li ul li {
	clear: both;
	/*padding: 5px 0 5px 18px; */
  width: 100%;
}

.site-navigation ul li ul li:hover {
	background: #74b7e4;
}








#nav
		{ 
			
			/*
			font-family: 'Open Sans', sans-serif;
			font-weight: 400; */
			
			
			 height: 52px; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 600; background: url(images/navigation.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); 
			
		}

			#nav > a
			{
				display: none;
				
			}

			#nav li
			{
				position: relative;
				background: url(images/nav-border.png) no-repeat right 0;  font-size: 11px; text-transform: uppercase;
				
				
			}
				#nav li a
				{
					text-decoration:none;
					display: block;
				}
				#nav li a:hover
				{
					color:#333399;
				}


			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				
				/* height: 3.75em; /* 60 */
				z-index: 999;
				list-style: none; list-style-position: outside;
			}

			
				#nav > ul > li
				{
					
					
					height: 100%;
					float: left;
				}
				
					#nav > ul > li > a
					{
						
						height: 100%;
						font-size: 1.5em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						display: block; padding: 0 32px 0 28px; color: #333399;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							/* border-right: 1px solid #cc470d; */
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							
							z-index: 999;
						}


				/* second level */

				#nav li ul
				{
					list-style-type: none;
					display: none;
					position: absolute;
					top: 100%;
					padding-top: 11px;
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
						z-index: 999;
						text-decoration: none; color: #0066cc;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							background: url(images/navigation.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); 
							list-style-type: none;
							font-size: 1.25em; /* 20 */
							border-bottom: 1px solid #0066cc;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								z-index: 999;
								
							}
							
							/*


		@media only screen and ( max-width: 62.5em ) /* 1000
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}

		@media only screen and ( max-width: 40em )  /* 640
		{
			html
			{
				font-size: 75%; /* 12 
			}

			#nav
			{
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{ 
					width: 100%; 
					height: 3.125em; 
					text-align: left;
					text-indent: -9999px;
					background-color: #e15a1f;
					position: relative;
					

				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level 

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) 
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #cc470d;
						}


				/* second level  

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 
					padding-top: 0;
				}
		}

*/








#navbar {height: 52px; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; background: url(images/navigation.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);}
#navbar ul {list-style: none; list-style-position: outside;}
#navbar ul li { float: left; padding-right: 2px; line-height: 52px; background: url(images/nav-border35.png) no-repeat right 0;  font-size: 13px; text-transform: uppercase; }
#navbar ul li a { display: block; padding: 0 32px 0 28px; color: #333399;  }

#navbar ul a { display: block; padding: 0 32px 0 28px; color: #333399;  }
#navbar ul li a:hover { text-decoration: none; color: #0066cc; }
#navbar ul li.first a { padding-left: 38px; }
#navbar a.nav-btn { display: none; }

#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   background: url(images/navigation.png) repeat-x 0 0;
   color: #fff;
   text-decoration: none; }
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   background: url(images/navigation.png) repeat-x 0 0;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #69f;
   border-bottom: 1px solid #fff;
   color: #333399; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1);}
#navbar li li a:hover {
   background: url(images/navigation.png) repeat-x 0 0; text-decoration: none; color: #0066cc;}



.slider-holder { position: relative; z-index: 5; }
.slider-holder span.slider-b { background: url(images/slider-bottom.png) no-repeat 0 0;  width: 990px; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0;  width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; }
.slider { width: 990px;  height: 378px; position: relative;  background: url(images/slide-img5.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }

.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }

.slider ul.slides li .slide-cnt { width: 480px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; }
.slider ul.slides li .slide-cnt h2 { font-size: 44px; line-height: 44px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 22px; }
.slider ul.slides li .slide-cnt a.grey-btn { background: url(images/grey-btn.png) no-repeat 0 0; width: 186px; height: 45px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px;  color: #336699; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.slider ul.slides li .box-cnt p { font-weight:bold; font-family: 'Ubuntu', sans-serif;}
.flex-control-nav { left: 480px; }
.main a.m-btn-grey { display: none; }

.main { padding: 47px 0px 0px;  background: url(images/main.png) repeat-x 0 0; }
.main h2 { font-size: 22px; color: #336699; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main h3 { font-size: 18px; color: #5e5e5e; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.main section { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0 20px 60px; }
.main ul { list-style: none; list-style-position: outside; }
.main ul li { padding-bottom: 6px; padding-left: 10px; background: url(images/arr-ico.png) no-repeat 0 8px; }
.main ul li a { color: #2b9208; text-decoration: underline; } 
.main ul li a:hover { text-decoration: none; } 

.main .cols { padding-left: 0; padding-right: 0; }
.main .cols .col { width: 314px; float: left; }
.main .cols .col:after { content:''; width: 100%; clear: both; }
.main .cols .col + .col { padding-left: 20px; }
.main .cols .col img { float: left; width: 120px; height: 120px;  }
.main .cols .col-cnt { width: 183px; float: left; }

.main .post  { background: url(images/cols-shadow.png) no-repeat 0 bottom; padding-top: 28px; padding-left: 40px;  }
.main .post .video-holder { width: 435px; height: 245px; float: left; margin-right: 20px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { display: block; }
.main .post-cnt { float: right; width: 475px; }

.main .testimonial { padding-top: 20px; padding-bottom: 20px;  text-align: center; background: transparent; }
.main .testimonial strong.quote { font-size: 28px; font-family: georgia ,arial, helvetica, serif; position: relative; top: 10px; left: -6px; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }

.socials { background: url(images/socials-bg.png) repeat-x 0 0;  height: 49px;  }
.socials-inner { background: url(images/socials-inner.png) repeat-x 0 0; padding-left: 158px;}
.socials h3 { float: left; font-size: 18px; line-height: 49px; padding-right: 19px; padding-bottom: 0; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.socials ul { list-style: none; list-style-position: outside; line-height: 49px;  }
.socials ul li { font-size: 11px; padding-right: 18px;  color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
.socials ul li a { color: #7c7c7c; text-decoration: none; display: block; padding-left: 28px; position: relative;  }
.socials ul li a span { background: url(images/socials.png) no-repeat 0 0; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; }
.socials ul li a:hover { color: #333; }

.socials ul li a.facebook-ico span { background-position: 0 0; }
.socials ul li a.twitter-ico span { background-position: -22px 0; }
.socials ul li a.rss-feed-ico span { background-position: -44px 0; }
.socials ul li a.myspace-ico span { background-position: -67px 0; }
.socials ul li a.john-doe-123-ico span { background-position: -89px 0; }

#footer { background: url(images/footer-bottom4.png) repeat 0 0; }
#footer h2 { font-size: 23px; color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding-bottom: 18px;  }

/* .footer-cols { padding: 46px 24px; background: url(images/footer-lights.png) no-repeat center 0px; } */
.footer-cols { padding: 6px 24px; }
.footer-cols .col { float: left; width: 195px; padding-bottom: 14px; }
.footer-cols .col + .col { padding-left: 54px; }
.footer-cols .col ul { list-style: none; list-style-position: outside; }
/* .footer-cols .col ul li { color: #336699; font-size: 16px;  padding-bottom: 4px; background: url(images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px;  } */
.footer-cols .col ul li { color: #336699; font-size: 26px;  padding-bottom: 4px; padding-left: 9px;  }
.footer-cols .col ul li a { color: #336699; }

.footer-bottom { background: url(images/footer-bottom2.png) repeat 0 0; height: 38px; padding-top: 24px; padding: 24px 20px 0; border-top: 1px solid #262c2c;  }
.footer-bottom .footer-nav { float: left; line-height: 11px;  }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline;  font-size: 14px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0;  }
.footer-bottom .footer-nav ul li a { color: #999999; }
.footer-bottom .footer-nav ul li a:hover { color: #fff; font-size:14px; text-decoration:none;}
<!-- .footer-bottom .footer-nav ul li.active a { color: #999999; text-decoration: none; } -->


.footer-bottom p.copy { float: right; line-height: 11px; font-size: 11px; color: #999999; }
.footer-bottom p.copy span { padding: 0  11px;  }
.footer-bottom p.copy a { color: #2b9208; text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }

/*FULL SOCIAL ICONS*/
	.social-icons{/*float:right;*/margin:0 10px 0 0;overflow:hidden}.social-icons li{font-size:26px;float:right;list-style:none;margin:0 0 0 5px;height:36px}.social-icons li a.icon{display:block;background:#333399;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:28px;height:px;line-height:28px;text-align:center}.social-icons li a.icon:focus,.social-icons li a.icon:hover,.social-icons li a.iconactive{background:#0066cc; text-decoration:none;}.social-icons li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}
/*FOOTER SOCIAL ICONS*/
.social-icons-footer{/*float:right;*/overflow:hidden}.social-icons-footer li{font-size:26px;float:right;list-style:none;height:36px;}.social-icons-footer li a.icon{display:block;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:28px;line-height:28px;text-align:center}.social-icons-footer li a.icon:focus,.social-icons-footer li a.icon:hover,.social-icons-footer li a.iconactive{background:#fff; text-decoration:none;width:32px;line-height:32px;font-size:32px;}.social-icons-footer li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}

.columns{display:table-row}.columns article{float:none;display:table-cell;font-size:1em;line-height:1.8em;padding-right:55px; padding-left:12px;}.columns article h3{font-size:16px;line-height:22px;padding:0;margin:0;color:#222}.columns article h3 span{padding-right:5px}.columns article p{margin:0 0 10px}.columns article a:active,.columns article a:focus,.columns article a:hover{text-decoration:underline}.columns figure img{-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0;padding:0;margin:15px 0 15px;width:250px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.columns figure img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25))}.columns figure img.alt-col:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25)} 

.fbcolumns{display:table-row}.fbcolumns article{float:none;display:table-cell;}

.columns2{display:table-row}.columns2 article{float:none;display:table-cell;font-size:1em;line-height:1.8em;padding-right:55px;}.columns2 article h3{font-size:16px;line-height:22px;padding:0;margin:0;color:#222}.columns2 article h3 span{padding-right:5px}.columns2 article p{margin:0 0 10px}.columns2 article a:active,.columns article a:focus,.columns2 article a:hover{text-decoration:underline}.columns2 figure img{-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0;padding:0;margin:15px 0 15px;width:200px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.columns2 figure img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5))}.columns2 figure img.alt-col:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)} 

aside[role=complementary]{background:#f0f0f0;border-right:1px solid #e0e0e0;display:table-cell;padding:10px 20px;width:180px}
aside[role=complementary] h2.left{float:left;font-size:16px;color:#000}
aside[role=complementary] h2.right{float:right;font-size:16px;color:#000}
aside[role=complementary] h2{font-size:16px;color:#000}
aside[role=complementary] p{font-size:14px}
aside[role=complementary] p.left{float:left;font-size:14px}
aside[role=complementary] p.right{float:right;font-size:14px}

aside[role=titlebar]{background:#336699;border-right:1px solid #e0e0e0;display:table-cell;padding:10px 20px;width:180px}


#sub-left {
   float: left;
}
#sub-right {
   float: right;
}
.clear-both {
   clear: both;
}

.aParent div {
  float: left;
  clear: none; 
}

.content{display:table-cell;padding:10px 0 50px 30px}.content img{border:1px solid #f0f0f0;padding:2px}.content table{width:100%;border-color:#ccc}.content td,.content th{border-color:#ccc;padding:4px 10px}.content th{background:#005596;color:#fff;text-align:left}.content tr:nth-child(even) td{background:#f6f6f6}.post-list{margin:0;padding:0}td{background:#f6f6f6}.post-list{margin:0;padding:0}.post-list li{list-style:none;border-bottom:2px dotted #eaeaea;margin:0 0 30px}.post-list li:last-child{border:0;margin:0}.meta{color:#666;font-size:11px}.g-map{border:1px solid #f0f0f0;float:right;padding:2px;width:580px}section[role=banner] article[role=main].contact .post{width:100%}section[role=banner] article[role=main].contact .postright{float:right;width:35%}

.c-form h2{float:none;margin:0 0 20px}.c-form label{display:block;margin:0 0 5px}.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text]{border:1px solid #e0e0e0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;display:block;margin:0 0 15px;padding:10px;width:320px}.c-form input[type=email]:focus,.c-form input[type=tel]:focus,.c-form input[type=text]:focus{border-color:#3891cf;outline:0;-moz-box-shadow:#dfe9f2 0 0 7px;-webkit-box-shadow:#dfe9f2 0 0 7px;box-shadow:#dfe9f2 0 2px 0,#dfe9f2 0 2px 1px inset}.c-form textarea{border:1px solid #e0e0e0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;display:block;margin:0 0 20px;padding:10px;width:520px;height:80px}.c-form textarea:focus{border-color:#3891cf;outline:0;-moz-box-shadow:#dfe9f2 0 0 7px;-webkit-box-shadow:#dfe9f2 0 0 7px;box-shadow:#dfe9f2 0 2px 0,#dfe9f2 0 2px 1px inset}.c-form .button{display:block;float:none}

.button{background:#336699;border:4px solid #000;color:#fff;display:block;font:700 22px Oswald,'Century Gothic','Trebuchet MS',Tahoma;word-spacing:3px;padding:10px 35px;text-align:center;text-transform:uppercase;width:140px;margin:20px 0 0 0;text-shadow:#689603 0 1px 0}.button:focus,.button:hover{background-color:#0066cc;color:#fff; text-decoration:none;}.button.map{background:#005596;border:4px solid #000;color:#fff;display:block;font:300 14px Oswald,'Century Gothic','Trebuchet MS',Tahoma;word-spacing:3px;padding:6px 6px;text-align:center;text-transform:uppercase;width:100px;margin:10px 10px 10px 0;text-shadow:#689603 0 1px 0}.button.map:focus,.button.map:hover{background-color:#3891cf;color:#fff}

/* .content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content img,aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:85%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}.ie7 aside[role=complementary]{float:left} */
.content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:85%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}.ie7 aside[role=complementary]{float:left}




#upload-wrapper input[type=file] {
	padding: 6px;
	background: #FFF;
	border-radius: 5px;
}
#output{
	padding: 5px;
	font-size: 18px;
}
#progressbox {
	border: 1px solid #0066cc;
	padding: 1px; 
	position:relative;
	//width:400px;
        width:41%;
	border-radius: 3px;
	margin: 10px 0 10px 0;
	display:none;
	text-align:left;
}
#progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #336699;
	width:1%;
}
#statustxt {
	top:3px;
	//left:50%;
        //text-align:center;
	position:absolute;
	display:none;
	color: #999999;
}
#theForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#theForm .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#theForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#theForm textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
	height: 50px;
}

#theForm button{clear:both;}
.send-button {background-color:#336699;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #999999;display:inline-block;color:#ffffff;padding:12px 44px;margin:4px 0 0 0;text-decoration:none;text-shadow:1px 1px 0px #999999;font: bold 13px arial;}
.send-button:hover {box-shadow:inset 0px 0px 10px 0px #000;}
.send-button:active {position:relative;top:1px;box-shadow:inset 0px 0px 10px 0px #000;}
aside[role=titlebar]{display:block;padding:20px 5%;width:90%}


.album { list-style: none;}
.album li { display:block; float:left; padding-bottom:20px; margin-bottom:10px; text-align:center;}


#gallerycontainer {
width: 80%;
}

#galleryleft {
width: 10%;
float: left;
}

#gallerymiddle {
width: 50%; /* Account for margins + border values */
float: left;
}

#galleryright {
width: 10%;
}

#portcontainer { text-align: center; }
#portlinkleft { float: left; }
#portlinkcenter { display:inline-block; }
#portlinkright { float: right; }




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

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 768px; }
	.shell { width: 748px; }
	#navigation ul li a { padding: 0 22px;  }
	#navigation ul li.first a { padding-left: 26px; }
	
	.slider-holder { position: relative; }
	.slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0;  width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	.flex-control-nav { left: 346px; }

	.slider { width: 748px; height: 292px; position: relative; background: url(images/t-slide-img3.png) no-repeat 0 0;}
	.slider ul.slides { list-style: none; list-style-position: outside; }
	.slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }

	.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
	.slider ul.slides li .img-holder img { width: 537px  !important; height: 266px  !important; }

	.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
	.slider ul.slides li .box-cnt { width: 285px; }
.slider ul.slides li .box-cnt p { font-weight:bold; font-family: 'Ubuntu', sans-serif;}
	.slider ul.slides li .slide-cnt h2 { font-size: 40px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	
	.main { padding: 47px 0 0 0;  }
	.main section { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }
	.main .cols { margin: 0 0 0 0; padding-left: 30px; padding-right: 22px;   }
	.main .cols .col { width: 188px; }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { padding-left: 66px; }
	.main .cols .col-cnt {text-align: center; }

	.main .testimonial { background: transparent; }
	.main .post { background: url(images/t-section-post.png) no-repeat center bottom; padding-left: 20px ;  }
	.main .post .video-holder { width: 435px; height: 245px; float: none; display: block;  margin-right: 0px; margin-bottom: 20px;  }
	.main .post-cnt { float: none; display: block;  width: 100%; }

	.socials-inner { padding-left: 70px; }
	.socials2-inner { padding-left: 30px; }
	.footer-bottom { height: 58px; }
	.footer-cols { padding-left: 10px; padding-bottom: 14px; }
	.footer-cols .col { width: 150px; }
	.footer-cols .col + .col { padding-left: 38px; }
	.footer-cols .col ul li { font-size: 24px; }
	
	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding-bottom: 4px;  }
	.footer-bottom p.copy { float: none; display: block; text-align: center;  }

	
	
	/*IPAD SOCIAL ICONS*/
	.social-icons{/*float:right;*/margin:0 10px 0 0;overflow:hidden}.social-icons li{font-size:26px;float:right;list-style:none;margin:0 0 0 5px;height:36px}.social-icons li a.icon{display:block;background:#333399;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:28px;height:px;line-height:28px;text-align:center}.social-icons li a.icon:focus,.social-icons li a.icon:hover,.social-icons li a.iconactive{background:#0066cc; text-decoration:none;}.social-icons li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}
/*IPAD FOOTER SOCIAL ICONS*/
.social-icons-footer{/*float:right;*/overflow:hidden}.social-icons-footer li{font-size:26px;float:right;list-style:none;height:36px;}.social-icons-footer li a.icon{display:block;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:28px;line-height:28px;text-align:center}.social-icons-footer li a.icon:focus,.social-icons-footer li a.icon:hover,.social-icons-footer li a.iconactive{background:#fff; text-decoration:none;width:32px;line-height:32px;font-size:32px;}.social-icons-footer li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}

.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form textarea{padding:10px 3%;width:93%}
.content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content img,aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:95%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}

.send-button {padding:12px 64px;}

h4.jobs { font-size: 22px; color: #336699; padding-bottom:12px; font-family: 'Ubuntu', sans-serif; text-align:center;}

.columns{display:table-row}.columns article{float:none;display:table-cell;font-size:1em;line-height:1.8em;;padding-right:24px; padding-left:24px;}.columns article h3{font-size:16px;line-height:22px;padding:0;margin:0;color:#222}.columns article h3 span{padding-right:5px}.columns article p{margin:0 0 10px}.columns article a:active,.columns article a:focus,.columns article a:hover{text-decoration:underline}.columns figure img{-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0;padding:0;margin:15px 0 15px 0;width:180px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.columns figure img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25))}.columns figure img.alt-col:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);transform:scale(1.25)} 

#progressbox { width:60%; }
}

	
@media only screen and ( max-width: 767px) {
	body { width: auto; }
	.shell { width: 320px; margin: 0 auto;  }
	#header { position: relative; z-index: 1000; padding-left: 0; padding-right: 0; width:auto; height:auto; }
	#logo { width: 200px; float: none; display:compact; margin: 0 auto; padding: 0 0 0 0; }
	.search { display: none; }
	.social-icons{display:inherit;float:none;}
	#navigation { padding: 0 0 0 0; height: 36px; }
	#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px;  padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #336699; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	#navigation a.nav-btn:hover { text-decoration: none; }
	#navigation a.nav-btn span.arr { background: url(images/nav-arr.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr.png) no-repeat 0 bottom; }
	#navigation { position: relative; z-index: 1000; }
	#navigation ul { display: none; position: absolute; top: 36px; left: 0;  width: 100%;}
	#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(images/navigation.png) repeat 0 0;  }
	#navigation ul li a { padding: 0 22px; }
	#navigation ul li.first a { padding-left: 26px; display: none; }
	
	.m-slider { background: #f3f3f3;  }
	.slider-holder { position: relative; margin: 0 auto; width: 310px; }
	.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
	.slider-holder span.slider-shadow { background: transparent; display: none; }
	.flex-control-nav { left: 130px; }

	.slider { width: 310px; height: 181px; overflow: hidden; position: relative; background: url(images/m-slide-img2.png) no-repeat 0 0;}
	.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }

	.slider ul.slides li .img-holder { width: 250px  !important; height: 134px  !important; bottom: -10px !important; left: 50%; margin-left: -145px;  }
	.slider ul.slides li .img-holder img { width: 250px  !important; height: 134px !important; }

	.slider ul.slides li .slide-cnt { width: 310px; margin: 0 auto;  padding: 0px 0 0 0px; }
	.slider ul.slides li .box-cnt { display: none; }
	.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center;  line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	.slider ul.slides li .slide-cnt a.grey-btn { display: none;  }

	

	.main { padding: 40px 0 0 0; }
	.main section { background: url(images/m-section-shadow.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; }
	.main .cols .col { width: 188px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
	.main .cols .col img { float: none; display: block; margin: 0 auto; }
	.main .cols .col + .col { padding-left: 0px; }
	.main .cols .col-cnt { text-align: center; float: none; display: block;  }
	.main a.m-btn-grey { display: block; background: url(images/m-btn-grey.png) repeat-x 0 0; margin: 0 10px 14px;  height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
	.main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }

	.main .post  { background: url(images/m-section-post.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px;   }
	.main .post .video-holder { width: 280px; height: 162px; float: none; display: block;  margin: 0 auto 20px;  }
	.main .post .video-holder img { width: 280px; height: 162px; }
	.main .post-cnt { float: none; display: block;  width: 100%; }
	.main .post-cnt p strong { display: block; padding-bottom: 12px; }

	.testimonial h2 { font-size: 21px; }
	.testimonial p.author { text-align: center; }

	.socials { background: url(images/socials-bg.png) repeat-x 0 0;  padding-bottom: 20px;  height: 100%; }
	.socials-inner { padding-left: 10px; }
	.socials2-inner { padding-left: 10px; }
	.socials h3 { float: none; display: block; }
	.socials ul li { display: block; float: none; line-height: 30px;  }
	.socials ul li a { display: block; float: none; }
	.socials ul li a span { top: 4px; }
	
	
	.socials2 { background:#FFF); padding-bottom: 20px;  height: 100%; }
	.socials2-inner { padding-left: 10px; }
	.socials2 h3 { float: none; display: block; }
	.socials2 ul li { display: block; float: none; line-height: 30px;  }
	.socials2 ul li a { display: block; float: none; }
	.socials2 ul li a span { top: 4px; }

	#footer h2 { padding-bottom: 12px; }
	.footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
	/* .footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; } */
.footer-cols .col { float: none; display: block; }
	.footer-cols .col + .col { padding-left: 0px; }
	.footer-cols .col ul li { font-size: 24px; }

	.footer-bottom { height: 58px; }
	.footer-bottom { padding: 10px 9px 20px; height: 100%; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
	.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 12px !important;  }

	.footer-bottom p.copy { float: none; display: block; text-align: center;}
	.footer-bottom p.copy strong {display: block;  padding-top: 10px; }
	.footer-bottom p.copy span {display: none; }
	/*FULL SOCIAL ICONS*/
	.social-icons{/*float:right;*/margin:0 10px 0 0;overflow:hidden}.social-icons li{font-size:18px;float:right;list-style:none;margin:0 0 2px 5px;height:22px}.social-icons li a.icon{display:block;background:#336699;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:20px;line-height:20px;text-align:center}.social-icons li a.icon:focus,.social-icons li a.icon:hover,.social-icons li a.iconactive{background:#0066cc; text-decoration:none;}.social-icons li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}

	/*FOOTER SOCIAL ICONS*/
.social-icons-footer{/*float:right;*/overflow:hidden;}.social-icons-footer li{font-size:26px;float:right;list-style:none;height:36px;}.social-icons-footer li a.icon{display:block;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:28px;line-height:28px;text-align:center;}.social-icons-footer li a.icon:focus,.social-icons-footer li a.icon:hover,.social-icons-footer li a.iconactive{background:#fff; text-decoration:none;width:32px;line-height:32px;font-size:32px;}.social-icons-footer li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}

.columns{display:table-row}.columns article{float:right;display:table-cell;font-size:1em;line-height:1.8em;padding-right:40px; }.columns article h3{font-size:16px;line-height:22px;padding:0;margin:0;color:#222}.columns article h3 span{padding-right:5px}.columns article p{margin:0 0 10px}.columns article a:active,.columns article a:focus,.columns article a:hover{text-decoration:underline}.columns figure img{-moz-border-radius:0 0 0 0;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0;padding:0;margin:15px 0 0;width:200px;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.columns figure img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2))}.columns figure img.alt-col:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)} 

h4.jobs { font-size: 22px; color: #336699; padding-bottom:4px; font-family: 'Ubuntu', sans-serif; text-align:center;}

.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form textarea{padding:10px 3%;width:93%}
.content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content img,aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:95%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}

	#sub-left {
   float: left;
}
#sub-right {
   float: left;
   padding-top:40px;
}
.clear-both {
   clear: both;
}

.send-button {padding:12px 112px;}

#progressbox { width:98%; }

}

@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)  { 
.social-icons{/*float:right;*/margin:0 10px 0 0;overflow:hidden}.social-icons li{font-size:18px;float:right;list-style:none;margin:0 0 2px 5px;height:22px}.social-icons li a.icon{display:block;background:#336699;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:20px;line-height:20px;text-align:center}.social-icons li a.icon:focus,.social-icons li a.icon:hover,.social-icons li a.iconactive{background:#0066cc; text-decoration:none;}.social-icons li a.icon.flip{-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv}
	#navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }

	#logo a { background: url(images/logo@2x.png) no-repeat 0 0; -webkit-background-size: 81px 33px; -moz-background-size: 81px 33px; background-size: 81px 33px;  }
	
	.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form textarea{padding:10px 3%;width:93%}
	.content,aside[role=complementary]{display:block;padding:10px 5%;width:90%}.content img,aside[role=complementary] img{max-width:90%}.content table,aside[role=complementary] table{width:95%}.content td,.content th,aside[role=complementary] td,aside[role=complementary] th{padding:2px 4px}

#progressbox { width:98%; }
}

@media only screen and ( max-width: 40em ) /* 640 */
{
	body {
		background-color:#FFF;
	}
    #nav
    {
        position: relative;
    }
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
        #nav:target > ul
        {
            display: block;
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
        }
 
    /* second level */
 
    #nav li ul
    {
        position: static;
    }
#progressbox { width:94%; }
}