@charset "utf-8";
/* CSS Document */

html{overflow-y:scroll;}

body{
	font-family:Arial, Helvetica, sans-serif; color:#000;
	behavior:url("/shared_code/csshover.htc");
	behavior: url("/shared_code/iepngfix.htc");
	outline:none;
	background:#fff;
	
	
}



#outerBody{background:url(/images/bg_site.gif) center top repeat-x; border:0px solid #000;}
#subOuterBody{background:url(/images/bg_home.jpg) center top no-repeat; border:0px solid #000;}


#outerBody_inner{background:#fff url(/images/bg_site_inner.gif) center top repeat-x; }
#subOuterBody_inner{background:url(/images/bg_inner.jpg) center top no-repeat; }



#innerBody{width:960px; margin:auto; padding:8px;}
#header {height:123px; }
#content{width:960px; position:relative;}



.shadow{background:url(/images/bg_trans1.png) left top; color:#fff;padding-bottom:15px;}
.shadowGray {background:#efefef; font-size:10pt;padding:15px 15px 15px 0px; color:#000;}
.shadowGray ul{margin-left:15px;}
.shadowGray li{font-size:10pt;margin-top:px;padding-bottom:px; list-style:disc;line-height:1.5;margin-left:30px;}
.sideBar{background:url(/images/bg_side.jpg) center top no-repeat;}

.shadowDarkGray {background:#636363; font-size:10pt;padding:15px 15px 15px 0px;}
.shadowDarkGray2 {background:#cecece; padding:15px 15px 15px 0px;}

ul.bullets {padding-right:30px;}
.bullets li{list-style:none; background:url(/images/bullet_arrow1.gif) left 6px no-repeat; padding-left:15px;line-height:1.4;margin-top:1px;}
/*
ul.bullets {padding-left:20px;}
ul.bullets li{font-size:12pt;margin-top:5px;padding-bottom:5px; list-style:disc;line-height:1.3;}
*/

ul.bullets2 {width:265px;margin-left:15px;} /* for additional works nav only */
.bullets2 li{font-size:10pt;margin-top:7px;list-style:none;background:url(/images/bullet_arrow1.gif) left 4px no-repeat; padding-left:15px;line-height:1.4; border-bottom:1px solid #dedede; padding-bottom:7px;}
.bullets2 a{padding:2px;font-weight:bold;}
.bullets2 a:hover{background:#fc3100; color:#fff; text-decoration:none;}


ul.bullets3 {margin-left:15px;} /* for additional works nav only */
.bullets3 li{font-size:12pt;margin-top:7px;list-style:none;background:url(/images/bullet_arrow1.gif) left 4px no-repeat; padding-left:15px;line-height:1.4; border-bottom:1px solid #dedede; padding-bottom:7px;}
.bullets3 a{padding:2px;}
.bullets3 a:hover{background:#fc3100; color:#fff; text-decoration:none;}


.noBullet{background:none;}

.gisha{letter-spacing:-.5pt;}

.nav{letter-spacing:-.5pt;}
.btnRed{letter-spacing:-.5pt;}
.gisha span, .nav span, .btnRed span, h1 span, h2 span, h3 span, h4 span, h5 span{color:#bb1800; font-size:21pt;}
.additional {color:#fff; font-size:14pt;}

.boxVibrant{width:265px;}

.container{margin:20px; border:0px solid #fff;}



.logo{width:176px; height:72px;float:left;margin-top:25px;}
#nav {float:right; margin-top:45px;}
#nav li {float:left; margin-left:10px;}
#nav li a{padding:10px;display:block;font-size:12pt;color:#fff; text-decoration:none;}
#nav li a:hover{padding:10px;display:block; background:#fc3100;}
#nav li a.select{color:#000; background:#fff;}

#feature{float:left; width:674px; height:386px; background:url(/images/feature_outerBox.png) left top no-repeat;}

.col1{width:660px; float:left;border:0px solid #000;margin-top:7px;}
.col1b{width:600px; float:left;border:0px solid #000;margin-top:7px;}


.col2{width:255px; float:right;margin-top:7px;}
.col2b{width:290px; float:right;margin-top:7px;}


#bottomContent{margin-top:40px;}




.vDivider200{background:url(/images/divider_v_short.png) left top no-repeat;width:16px;height:200px;}
.vDivider50{background:url(/images/divider_v_short2.png) left top no-repeat;width:16px;height:50px;}
.hDivider960{background:url(/images/divider_h_960.png) left top no-repeat;height:16px;width:960px;}

.hDivider{background:url(/images/divider_h_960.png) center top no-repeat;height:16px;}



.projects{width:370px; padding-top:25px; background:url(/images/title_recentprojects.gif) left top no-repeat; float:left;}
.services{padding-top:0px;; background:url(/images/title_webdesign.gif) left top no-repeat; width:498px;border-top:1px solid #000;}
.smallbusiness{padding-top:0px; background:url(/images/title_smallbusiness.gif) left top no-repeat; width:498px; border-top:1px solid #000;}
.projectThumb{border:1px solid #fff; margin-top:15px;}

.paddingZero{padding:0px;}
.paddingTen{padding:10px;}
.paddingFif{padding:15px;}
.paddingTwenty{padding:20px;}
.paddingLeftTen{padding-left:10px;}
.paddingLeftFif{padding-left:15px;}
.paddingLeftTwenty{padding-left:20px;}

.paddingTopTen{padding-top:10px;}
.paddingTopFif{padding-top:15px;}
.paddingTopTwenty{padding-top:20px;}
.paddingTopThirty{padding-top:30px;}


.marginZero{margin:0px;}
.marginLeftZero{margin-left:0px;}
.marginTen{margin:10px;}
.marginTwenty{margin:20px;}


.marginLeftTen{margin-left:10px;}
.marginLeftFif{margin-left:15px;}
.marginLeftTwenty{margin-left:20px;}
.marginLeftThirty{margin-left:30px;}
.marginLeftFourty{margin-left:40px;}
.marginLeftFifty{margin-left:50px;}


.marginTopFive{margin-top:5px;}
.marginTopTen{margin-top:10px;}
.marginTopFif{margin-top:15px;}
.marginTopTwenty{margin-top:20px;}
.marginTopThirty{margin-top:30px;}
.marginTopThirtyFive{margin-top:35px;}
.marginTopForty{margin-top:40px;}
.marginTopFifty{margin-top:50px;}
.marginTopFiftyFive{margin-top:55px;}
.marginTopSixty{margin-top:60px;}
.marginTopSixtyFive{margin-top:65px;}
.marginTopSeventy{margin-top:70px;}
.marginTopZero{margin-top:0px;}



.marginBottomTen{margin-bottom:10px;}
.marginBottomTwenty{margin-bottom:20px;}
.marginBottomTwentyFive{margin-bottom:25px;}


.marginRightTen{margin-right:10px;}
.marginRightFif{margin-right:15px;}
.marginRightTwenty{margin-right:20px;}

.textCenter {text-align:center;}
.textRight {text-align:right;}
.textLeft {text-align:left;}

a{color:#000;font-size:inherit;}
a:hover{color:#fc3100;}

p a {color:#000;padding:2px;font-size:inherit;}
p a:hover{background:#fc3100; color:#fff; text-decoration:none;}

.shadow a{color:#fff;}
.shadow a:hover{background:#fc3100; color:#fff; text-decoration:none;}

a:active {outline: none;}
a:visited {}
.bullets2 a{}

.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}

.leftP{float:left; width:335px; margin-top:40px;}
.rightP{float:right; width:335px; margin-top:40px;}



p {font-size:12pt; line-height:1.5;margin-top:10px;}
.panel p{margin-top:15px;}
#content p{}
#bottomContent p{margin-top:10px;line-height:1.4;}

.dots{padding:25px 0px 25px 0px; background:url(/images/dot.gif) left 50% repeat-x; border:0px solid #fff;}
.error{color:#e52524;font-size:10pt; display:block; margin-bottom:10px;margin-top:5px;}

.featured{margin-top:20px; color:#666;}
.featured{margin-top:20px; color:#666; font-size:14pt;}

.featured_gfm{background:url(/images/ourwork/featured_gfm.png) left bottom no-repeat; height:835px;border:width:960px;}
.featured_piretti{background:url(/ourwork/piretti/featured_piretti.png) left bottom no-repeat; height:875px;border:width:960px;}
.featured_electricnow{background:url(/ourwork/electricnow/featured_electricnow.png) left bottom no-repeat; height:875px;border:width:960px;}
.featured_rugglesgreen{background:url(/ourwork/rugglesgreen/featured_rgn.png) left bottom no-repeat; height:1000px;border:width:960px;}


h1 {color:#000;font-size:32pt; letter-spacing:-.5pt; background:url(/images/divider_h_960.png) right bottom no-repeat;padding-bottom:10px; }

h2 {font-size:21pt; text-transform:lowercase; margin-top:30px;/*background:url(/images/divider_h_960.png) right bottom no-repeat;padding-bottom:10px; */letter-spacing:-.5pt;}
h3 {font-size:21pt;letter-spacing:-.5pt;}
h4 {font-size:18pt;letter-spacing:-.5pt;}
h5 {font-size:14pt;letter-spacing:-.5pt;}
h6 {font-size:12pt; letter-spacing:-.5pt;}

.pageTitle{margin-top:15px;}
.pageTitle2{margin-top:0px;padding:0px;font-size:32pt;}
.white{color:#fff;}

a.buttonQuote{width:283px; height:46px; background:url(/images/masterSprite.gif) 0px 0px no-repeat;display:block;margin-top:20px;}
a.buttonQuote:hover{background:url(/images/masterSprite.gif) 0px -48px no-repeat;}






input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11pt; color:#000;padding:5px;}
textarea {width:310px;height:90px;}
.textInput{width:320px;}
.dateInput{width:100px;}
.inputButton{margin-top:10px;}


a.btnBlack {background:#000;padding:10px;color:#fff; text-decoration:none; display:block;font-size:9pt;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
a:hover.btnBlack{background:#bb1800;}


.round {    
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


#footerBody{background:#e9e9e9 url(/images/bg_footer.gif) left top repeat-x; color:#3b3b3b;padding-top:20px;height:100%;}
#footer {width:960px; margin:auto; text-align:center; color:#FFF; margin-top:15px; padding-bottom:25px; font-size:10pt;border:0px solid #000;overflow: hidden;}


#fnav {width:960px;}
#fnav li {float:left; vertical-align:middle;}
#fnav li a{font-size:10pt; color:#3b3b3b; text-decoration:none;display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px; padding:10px 10px 10px 10px;margin-top:5px;}
#fnav li a:hover {background:#fff;}
#fnav li.vDivider50{margin-left:3px;}
#fnav li.copy {text-align:left;line-height:1.6;margin-right:30px;}
#fnav li.marginLeftZero{margin-left:0px;}


#flinks {width:960px;}
#flinks li{float:left; color:#3b3b3b;margin-left:15px;}
#flinks li a{font-size:14pt; color:#3b3b3b;}
#flinks li.vDivider50{margin-left:45px; margin-right:45px;}
#flinks li.marginLeftZero{margin-left:0px;}


a.twitter{display:block; background:url(/images/masterSprite.png) -115px top no-repeat;width:39px; height:50px;}
a.twitter:hover{background-position:-115px -50px;}

a.facebook{display:block; background:url(/images/masterSprite.png) -66px top no-repeat;width:39px; height:50px;}
a.facebook:hover{background-position:-66px -50px;}

a.newsletter{display:block; background:url(/images/masterSprite.png) 0px top no-repeat;width:58px; height:50px; border:0px solid #000;}
a.newsletter:hover{background-position:0px -50px;}

.copy{font-size:9pt;color:#3b3b3b;}




		

			.boxgrid{ 
				width: 165px; 
				height: 145px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 1px #757575; 
				overflow: hidden; 
				position: relative; 
			}
			.boxgrid:hover{border: solid 1px #fc3100;}
			.boxgrid a{text-decoration:none;}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
				.boxgrid strong{font-size:9pt;}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:normal; 
					font-size:9pt; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 145px; 
				width: 100%; 
				opacity: .75; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 			}
 				.captionfull .boxcaption {
 					top: 110px;
 					left: 0;

 				}






			.boxgrid2{ 
				width: 445px; 
				height: 192px; 

				float:left; 
				background:#161613; 
				border: solid 1px #757575; 
				overflow: hidden; 
				position: relative; 
			}
			.boxgrid2:hover{border: solid 1px #fc3100;}
			.boxgrid2 a{text-decoration:none;}
				.boxgrid2 img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
				.boxgrid2 strong{font-size:11pt;}
				.boxgrid2 p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:normal; 
					font-size:9pt; 
				}
				
			.boxcaption2{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 212px; 
				width: 100%; 
				opacity: .75; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 			}
 				.captionfull2 .boxcaption2 {
 					top: 150px;
 					left: 0;

 				}