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

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#e6e6e6;
	background-image:url(../assets/images/bgTile.gif);
	background-repeat:repeat;
	background-position:top;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
}

a, object{
	outline:none;
}

p{margin-top:0px;}

.defaultLight{color:#e6e6e6;}
a.defaultLight:link { color: #888888; text-decoration: none;}
a.defaultLight:visited { color: #888888; text-decoration: none;}
a.defaultLight:hover { color: #ffffff; text-decoration:none;}
a.defaultLight:active { color: #888888;}


a.defaultDark:link { color: #333333; text-decoration: none;}
a.defaultDark:visited { color: #333333; text-decoration: none;}
a.defaultDark:hover { color: #000000; text-decoration:none;}
a.defaultDark:active { color: #333333;}

.footer_txt {color: #666666; font-size: 9pt;}
a.footer_txt:link { color: #666666; text-decoration: none;}
a.footer_txt:visited { color: #666666; text-decoration: none;}
a.footer_txt:hover { color: #333333;}
a.footer_txt:active { color: #666666;}

.whiteText {color:#e6e6e6;}

.smallGrey{font-size:8pt; color:#777;}
a.smallGrey:link { color: #777; text-decoration: none;}
a.smallGrey:visited { color: #777; text-decoration: none;}
a.smallGrey:hover { color: #ffffff;}
a.smallGrey:active { color: #777;}

#topStrip{
	width:100%;
	height:12px;
	padding-top:288px;
	position:fixed;
	text-align:right;
	left:0px;
	top:0px;
	color:#999;
	background-color:#000;
	background-image:url(../assets/images/topStripBg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-bottom-style:solid;
	border-bottom-color:#999;
	border-bottom-width:1px;
	z-index:1;
}



#mainContainer{
	width:840px;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-420px;
	z-index:5;
}

#header{
	width:840px;
	height:205px;
}

#headerBottom{
	width:840px;
	height:165px;
}

#headerTop{
	width:840px;
	height:40px;
	background-image:url(../assets/images/titleBg.gif);
	background-position:left;
	background-repeat:no-repeat;	
}

#tagLine{
	width:810px;
	position:absolute;
	text-align:right;
	z-index:9;
	top:55px;
	left:50%;
	margin-left:-420px;
	color:#888888;
	padding-right:30px;
}

#navigation{
	width:800px;
	height:50px;
	background-color:#000;
	margin:auto;
}

#navigation li{
	width:200px;
	height:65px;
	float:left;
}

#navigation ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

#HOME .home a{
	background-image:url(../assets/images/navigationGreen.jpg);
	color:#FFF;
}

#PORTFOLIO .portfolio a{
	background-image:url(../assets/images/navigationBlue.jpg);
	color:#FFF;
}

#SERVICES .services a{
	background-image:url(../assets/images/navigationOrange.jpg);
	color:#FFF;
}

#CONTACT .contact a{
	background-image:url(../assets/images/navigationPink.jpg);
	color:#FFF;
}


.home a, .portfolio a, .services a, .contact a{
	width:200px;
	height:52px;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-align:center;
	text-decoration:none;
	font-size:14pt;
	padding-top:13px;
	background-image:url(../assets/images/navigationBg.jpg);
	text-shadow:#000 -1px -1px 0;
}

.home a:hover, .portfolio a:hover, .services a:hover, .contact a:hover{
	background-image:url(../assets/images/navigationBgOver.jpg);
	color:#FFF;
}




#container{
	width:840px;
	overflow:auto;
	background-image:url(../assets/images/bg01.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin:auto;
}

#containerInner{
	width:780px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	clear:both;
	
}


#twitter_div{
	width:280px;
	height:380px;
	overflow:auto;
	padding:10px;
	background-image:url(../assets/images/twitterBg.jpg);
	float:left;
	margin-right:10px;
}

.twitterTitle{
	width:280px; 
	color:#222; 
	font-size:18pt; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:center;
	padding-top:5px;
}

#twitter_update_list{
	height:260px;
	overflow:auto;
	list-style:none;
	margin-bottom:10px;
	margin-left:0px;
	padding:0px;
	text-align:left;
}

#twitter_update_list li{
	padding-top:10px;
	padding-bottom:10px;
	margin-right:10px;
	margin-left:0px;
	padding-left:0px;
	border-bottom-style:dashed;
	border-bottom-color:#999;
	border-bottom-width:1px;
}

.followUsLink{color:#CCC;}
a.followUsLink:link { color: #CCC; text-decoration: none;}
a.followUsLink:visited { color: #CCC; text-decoration: none;}
a.followUsLink:hover { color: #FFF; text-decoration:none;}
a.followUsLink:active { color: #CCC;}

#twitter_update_list a{
	color:#0C0;
	text-decoration:none;
}


#recentWork{
	width:470px;
	height:400px;
	background-image:url(../assets/images/recentWorkBg.jpg);
	float:left;
}

.recentWorkTitle{
	width:470px; 
	color:#222; 
	font-size:18pt; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	text-align:center;
	padding-top:15px;
}

#recentWorkFlash{
	width:430px;
	margin:auto;
	padding-top:5px;
}


#footer{
	width:780px;
	height:43px;
	background-image:url(../assets/images/footerBg.gif);
	background-repeat:no-repeat;
	margin:auto;
	margin-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	padding-top:27px;
	text-align:center;
	clear:both;
}

#contactFormContainer{
	width:290px;
	float:left;
	margin-right:10px;
}

.contactHeader{
	width:290px;
	padding-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
	color:#e6e6e6;
	text-align:center;
}

#contactFormBg{
	width:270px;
	height:430px;
	padding:10px;
	background-image:url(../assets/images/contactFormBg.jpg);
}

.contactFormResult{
	width:250px;
	padding:10px;
	text-align:center;
	color:#333;
	font-weight:bold;
}

#contactFaq{
	width:480px;
	float:left;
	
}


.faqHeader{
	width:480px;
	padding-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
	color:#888;
	text-align:center;
}

.faqContainerQ{
	width:480px;
	margin-bottom:10px;
}

.faqContainerA{
	width:480px;
	margin-bottom:20px;
}

.faqContent{
	width:410px;
	padding-top:13px;
	padding-left:40px;
	padding-right:30px;
	background-image:url(../assets/images/faqBg.jpg);
	background-position:top;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	background-repeat:no-repeat;
}

.faqContent2{
	width:410px;
	padding-top:13px;
	padding-left:30px;
	padding-right:40px;
	background-image:url(../assets/images/faqBg2.jpg);
	background-position:top;
	color:#333;
	text-align:center;
	background-repeat:no-repeat;
}


#servicesLeft{
	width:470px;
	float:left;
	margin-right:10px;
}


#servicesRight{
	width:300px;
	float:left;
}


#servicesRightQuote{
	width:200px;
	height:245px;
	background-image:url(../assets/images/servicesQuoteBg.jpg);
	text-align:center;
	padding-top:110px;
	padding-left:50px;
	padding-right:50px;
	color:#FFF;
	font-size:12pt;
	margin-bottom:10px;
}

#servicesMoreInfo{
	width:260px;
	height:122px;
	text-align:center;
	background-image:url(../assets/images/servicesMoreInfoBg.jpg);
	padding-top:28px;
	padding-left:20px;
	padding-right:20px;
	color:#666;
	
}

.servicesWeb{
	width:315px;
	height:85px;
	background-image:url(../assets/images/servicesWebBg.jpg);
	margin-bottom:5px;
	padding-top:15px;
	padding-left:135px;
	padding-right:20px;
}

.servicesMyspace{
	width:315px;
	height:85px;
	background-image:url(../assets/images/servicesMyspaceBg.jpg);
	margin-bottom:5px;
	padding-top:15px;
	padding-left:135px;
	padding-right:20px;
}

.servicesPrint{
	width:315px;
	height:85px;
	background-image:url(../assets/images/servicesPrintBg.jpg);
	margin-bottom:5px;
	padding-top:15px;
	padding-left:135px;
	padding-right:20px;
}

.servicesLogo{
	width:315px;
	height:85px;
	background-image:url(../assets/images/servicesLogoBg.jpg);
	margin-bottom:5px;
	padding-top:15px;
	padding-left:135px;
	padding-right:20px;
}

.servicesGraphic{
	width:315px;
	height:85px;
	background-image:url(../assets/images/servicesGraphicBg.jpg);
	padding-top:15px;
	padding-left:135px;
	padding-right:20px;
}

.servicesHeaders{font-family:Georgia, "Times New Roman", Times, serif; font-size:12pt; color:#F90;}


.TandCTitle{
	width:780px;
	font-size:18pt; 
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#e6e6e6;
	padding-bottom:30px;
}

#TandCsection{
	width:780px;
	padding-bottom:14px;
	padding-top:10px;
	border-bottom-style:dashed;
	border-bottom-color:#666;
	border-bottom-width:1px;
	clear:both;
	overflow:auto;
}

.TandCnumber{
	width:32px;
	text-align:right;
	padding-right:8px;
	padding-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	float:left;
}

.TandCtext{
	width:740px;
	text-align:left;
	color:#CCC;
	float:left;
	padding-top:10px;
}

.TandCtitles{
	width:780px;
	padding-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
	font-size:12pt;
	text-align:left;
}