/*      HOME PAGE         
//////////////////////////////
*/

a {color:#339900;}
a:hover {color:#666666;}

hr{ border-color:#ffffff; border-style:none none solid; border-width:1px; margin:10px 0 20px;}

#slogan {margin-top:10px; padding-top:25px; font-size:27px; height:110px; text-shadow:0 1px 4px #ccc; letter-spacing: -.5px; text-align: center;}

.service {padding-left: 7px;}
	.service h1{font-size: 28px; color:#339900; padding-bottom:0; margin-bottom:10px; text-shadow:0 1px 4px #ccc;}
	.service a{color:#339900; text-decoration: none;}
	.service a:hover{text-decoration: underline;}
	.boxgridServices{  height: 80px; float:left;  overflow: hidden; position: relative; }


#portfolio {margin-top:80px;}
	#portfolio h1{font-size: 28px; color:#339900; text-shadow:0 1px 4px #ccc; padding:0; margin-bottom:5px;}
	#portfolio h2{font-size: 18px; color:#339900; text-shadow:0 1px 4px #ccc; padding:0; margin-bottom:0px;}
	.featuredSite{margin-bottom:20px;}
	.featuredSite img {}
	
	/* CASE STUDIES */
	.caseButton{background:url("../img/caseStudies/caseButton.gif") top left no-repeat;  padding:10px 30px 10px 25px;color:#339900; text-decoration: none; text-shadow:-1px 0px 0px #cccccc;}
	.caseButton a{}
	.caseButton:hover {color:#666666;}
	.caseStudy{font-size:90%;}
	
	.boxgrid{ width: 284px; height: 149px; float:left; background:#F1F1ED; overflow: hidden; position: relative; 
	
	
	border-top:1px solid #ccc;
	border-right:1px solid #d2d2;
	border-bottom:1px solid #d2d2;
	border-left:1px solid #ccc;
	
	
	
	}
	.boxgrid h3{ margin: 10px 10px 5px 10px; color:#000; font-size:18pt; letter-spacing:-1px; font-weight: normal;text-shadow: 1px 1px 0px #fff;}
	.boxgrid img{ position: absolute; top: 0; left: 0; padding:2px; border: 0px solid #eeeeee;}
	.boxgrid p{ padding: 0 10px; color:#999; font-size:90%; }
	.boxgrid p a{ color:#000; }
				
	
	

#news {margin-top:80px;}
	#news h1{font-size: 28px; color:#339900; text-shadow:0 1px 4px #ccc; padding:0; margin-bottom:5px;}
	#news h2{font-size: 18px; color:#339900; text-shadow:0 1px 4px #ccc; padding:0; margin-bottom:0px;}
	#news a {color:#339900;}
	#news a:hover {color:#666666;}
	

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}


/*		Parallax
*/
#parallax {position:relative; overflow:hidden; width:144; height:144;}


/*      header         
//////////////////////////////
*/

.head_container{
	position: relative;
	width: 100%;
	
}

#cta{
	position: absolute;
	top: 75px;
	left: 872px;
	z-index: 9999;
}

#cta a{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #666;
	text-align: center;
	text-decoration: none;
	box-shadow: 3px 4px 5px #4c4b4b;
	border: 1px solid #CCC;
	color: white;
}

#cta a:hover{
	background-color: #777;
}

#cta a p{
	padding-top: 17px;
	font-size: 21px;
	line-height: 21px;
	color: white;
	margin: 0px;
	font-weight: bold;
	text-shadow: 0 1px 4px #444 !important;
	
}
#cta a p small{
	font-size: 11px;
	line-height: 11px;
}


/*      NAV         
//////////////////////////////
*/

#phone {
	
	float: right;
	font-size: 125%;
}


#logo {
	margin-top: 21px;
	
}

#slogan {
	font-size: 16px;
	
}

.nav {margin:42px 0 10px 0; color:#ffffff; list-style-type: none; font-family:Georgia,sans-serif; }

	.nav ul { padding-left:0; margin:0; list-style:none; border:0; list-style: none; position: relative; zoom: 1; }
	.nav ul li { margin-left:8px; padding:3px; border:0; float: left; position: relative; }
	.nav ul li a { margin:0px; padding:0px; font-size: 18px; text-decoration:none; outline:none;  color:#666666; text-shadow:0 1px 4px #ccc;}
	.nav ul li a:hover{ text-decoration:underline; color:#339900; }
	.nav ul li a.active { text-decoration:none; }
	.nav ul li.selected a { color:#339900; text-decoration:none;}

/* Dropdown */

/* 
	LEVEL ONE
*/
/*


ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #ccc; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } 
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

*/

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #F1F1ED; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 


ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



/*   */

.sub_menu 						{ z-index: 999999;}

.sub_menu li a					{ font-size: 14px !important; border-right: none; width: 100%; display: inline-block; } 
.sub_menu li:hover 				{ opacity: .8;} 








/*      FOOTER         
//////////////////////////////
*/

	
#footer	{ color:#91918e; padding:30px 0 40px 0; margin-top:60px;  background:url("../img/footer/footer_bg-1.gif") top left repeat-x #f1f1ed;}
	#footer h2{font-size: 18px; color:#787876; padding:0; margin-bottom:10px; letter-spacing: -.5px;}
	#footer a{color:#91918e;}
	
	
	

#credits { padding:20px 0 20px 0; background:url("../img/footer/footer_bg-2.gif") top left repeat-x #cfb59a; color:#ffffff;}
	#credits a{color:#ffffff;}
	#credits a:hover{color:#ffffff; text-decoration: none;}
	
	
.call-today { width: 900px; text-align:center; font-size:40px;}	










.mobile-nav {  display: none; }

@media screen and (max-width: 500px) {
		
	.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {margin:0; float: none; clear: both; width: 94%; margin: 0 auto;}
	
	
	.container { width: 100%; }
	
	#innerContainer { background: none; }
	
	.sliderholder,
	#cta,
	.jqGSContainer,
	.nav,
	ol#tags { display: none; }
	
	.mobile-nav { background-color: #000; display: block; padding: 0; width: 100%; }
	.mobile-nav ul ul { padding-left: 10px; }
	.mobile-nav ul ul li { margin-bottom: 0; }
	.mobile-nav ul li { clear: both; float: none; list-style-type: none; margin-bottom: 5px; }
	.mobile-nav ul li a { color: #fff; text-shadow: 0 1px 3px #444; }
	
	#slogan { font-size: 27px; padding: 80px 0 50px 0; }
	
	.prepend-1,
	.prepend-2,
	.prepend-3 { padding-left: 0; }
	
	#pageTitle h2 { color: #000; opacity: 1; }
	
	#pageDesc h3 { color: #000; }

}