/* CSS Document */

body{
	margin:0;
	background-color: #333;
	text-align:center;
	background-image: url(../images/dark_hiphop_bg.jpg);
	background-repeat: repeat;

}
img{border:0;}
div{text-align:left;}
.portfolio{}
.imageOver{
	background:url(/images/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}

#page_container{
	margin:0 auto;
	width:750px;
	background-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5FCA2A;
	border-left-color: #5FCA2A;
	
}


html > body #page_container{
	margin:0 auto;
	width:740px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5FCA2A;
	border-left-color: #5FCA2A;
}

#header{
	background-image: url(../images/bg_topheader.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:105px;
}

#logo{margin-left:22px;}

#header_text{
	margin-top:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	line-height: 19px;
	text-align: right;
	margin-right: 20px;
}

#header_text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	/*color: #FCFF01;*/
	text-transform: uppercase;
	text-decoration: none;
	
}

#header_text a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}

#main_nav{text-align: right;
	margin-right: 20px;
	clear:both;
	margin-top:15px;}


#main_nav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #307C0A;
	text-decoration:none;
	text-transform: uppercase;
margin-left:6px;
padding:0 2px 0 2px;
}


#main_nav a:hover{
text-decoration:none;
color: #fff;
background-color: #307C0A;
}	


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


.fleft{text-align:left;}
.fright{text-align:right;}
.center{text-align:center;}

.solid	{ 
	border-width:1px;
	border-style: solid;
	border-color:#9AB558;
	}
.solid2	{ 
	border-width:1px;
	border-style: solid;
	border-color:#D7DFBA;
	}
	
.dkgreen{color: #307C0A;}

/********** START HOMEPAGE EXCLUSIVE STYLES ****************/


#featured{
	/*width:720px;*/ 
	height:279px;
	background-image: url(../images/bg_featured.jpg);
	background-repeat: no-repeat;
	background-position: center top;
/*	border:1px solid #000;*/
}


#feat_img{
width:259px;
height:161px;
margin: 31px 25px 0 18px;
text-align:center;
float:left;

}

html > body #feat_img{
width:259px;
height:161px;
margin: 31px 25px 0 40px;
text-align:center;
float:left;

}

#feat_text{
width:370px;
width:360px;
height:200px;
margin: 16px 32px 0 0;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;

}

#feat_text a{

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #307C0A;
text-decoration:underline;
}

#feat_text a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5FCA2A;
text-decoration:none;
}

.big_words{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}


#middle_bar{
/*	width:720px; */
	height:69px;
	background-image: url(../images/bg_middlebar.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left:73px;
	padding-top:10px;
}

.rightspace {margin-right:50px;}
.rightspace2 {margin-right:85px;}
.leftspace15 {margin-left:5px; }
html > body .leftspace15 {margin-left:15px; }
.padtop15 {margin-top:15px;}
.padright5 {margin-right:5px;}


#middle_bar .links {float:left; width:170px;}


#middle_bar .links a{font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
text-decoration:none;

}


#middle_bar .links a:hover{
text-decoration:underline;
}	


.homebox{
	background-image: url(../images/bg_homebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px;
width: 355px;
}


.homebox th {
	color: #307C0A;
	/*background-color: #ccc;*/
	font-weight: bold;
	text-align: left;
	padding: 3px;  /* space surrounding text and cell borders */
	white-space: nowrap;  /* stops the headers from wrapping */
	}

.homebox td{font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;}


html > body .homebox{
	background-image: url(../images/bg_homebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px;
	width: 345px;

}


.homebox a{

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #307C0A;
text-decoration:underline;
}

.homebox a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #5FCA2A;
text-decoration:none;
}




.homebox_new{
	background-image: url(../images/bg_homebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 5px;
	line-height:25px;
width: 355px;
}



html > body .homebox_new{
	background-image: url(../images/bg_homebox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	padding: 5px;
	line-height:25px;
	width: 345px;

}


.homebox_new a{

font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #307C0A;
text-decoration:underline;
}

.homebox_new a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #5FCA2A;
text-decoration:none;
}






/********** END HOMEPAGE EXCLUSIVE STYLES ****************/


.green_hdr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #307c0a;
	background-color: #FFFFFF;
	background-image: url(../images/icon_3ec.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 27px;
	text-transform: uppercase;
	margin-bottom:6px;
	/*border:1px solid #000;*/
}

#clients_btm{background-image: url(../images/bg_clients.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:80px;
	clear:both;	
	padding: 5px 0 0 20px;}
	
#google_btm{background-image: url(../images/bg_google.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:80px;
	clear:both;	
	padding: 10px 0 0 20px;}


#google_btm .img{ float:left; margin-right:12px; width:170px; }
#google_btm .ads{ float:left;  width:468px;  }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	text-transform: uppercase;
}
	
h2 {font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-align:right;
	margin:0px;}
	
h3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #307c0a;}

#leftside{float:left; width:160px; padding-top:35px; margin-right:8px;}

#leftside ul{ margin:0px;
padding: 3px; width:120px;}

html > body #leftside ul{ margin:0px;
padding: 5px;  }

#leftside li{
	margin:0px;
	padding:0px;
	list-style-type: none;
	}


html > body #leftside li{list-style-type: none;  }



#leftside li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #307C0A;
text-decoration:none;
padding:5px 0px;
}

#leftside li a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000; font-weight:bold;
text-decoration:none;
/*background-color:#ccc;*/
padding:5px 0px;
}

.leftform { background-image: url(/images/left-formbg.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding:7px 0px 0px 7px; width:166px; height:184px; color:#fff; font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;}

#rightside{float:left; background-image: url(../images/rightside_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#fff;
	width:550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px 6px;
	text-align:justify;}


html > body #rightside{float:left; background-image: url(../images/rightside_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:540px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding:0px 6px;
	text-align:justify;}
	
#rightside a{
	font-weight: normal;
	color: #307c0a;
	text-decoration:underline;}
	
	
#rightside a:hover{
	font-weight: normal;
	color: #307c0a;
	text-decoration:none;}		
	

#rightside .accent{
	font-weight: bold;
	color: #307c0a;}

#rightside p{
	line-height: 18px;
}
#rightside td{font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

.work_pic{border:2px solid #ccc; margin-top:8px;}

.dotline{ border-bottom:1px dashed #669900; padding-bottom:4px;}
.r_menu{float: right;}
.logo_fix{margin:auto;}


.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #669900;
	background-color: #eeeeee;
	padding: 1px;
	border: 1px solid #666666;
	line-height: 20px;
    width: 250px;
}

.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #669900;
	background-color: #eeeeee;
	padding: 2px;
	border: 1px solid #666666;
	line-height: 20px;
}

.button {
	border: 1px solid #669900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #669900;
	background-color: #eeeeee;
}

th {
	color: #307C0A;
	background-color: #EAEAEA;
	font-weight: bold;
	text-align: left;
	padding: 5px;  /* space surrounding text and cell borders */
	white-space: nowrap;  /* stops the headers from wrapping */
	}
	
.submit {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  cursor: default;
 
}
#submitpad {
  padding: 5px;
  background-color: #ff0000;
  margin: 0px;
  border-width: 3px;
  border-color: #ff0000;
  border-spacing: 0;
}	

#article{font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; padding:0px 5px;}
#article ol{/*padding-left:11px;*/}
#article a{ font-weight: bold; color:#307c0a; text-decoration:underline;}
#article a:hover{font-weight: bold; color:#307c0a; text-decoration:none;}
#article h3{font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #307c0a;}
#article .goback{font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; padding:4px 3px; background-color:#eeeeee; margin-top:5px; clear:both;
  border-top:1px dotted #e5e5e5;  border-bottom:1px dotted #e5e5e5;}
		
/********** FOOTER STYLES ****************/



#footer{
background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:160px;
	clear:both;	
	padding: 6px 0 20px 20px;
	}
	
	
#footer .links {float:left; margin-right:8px;}

#footer .w100 {width:100px;}

#footer .w75 {width:75px;}


#footer .links a{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
text-decoration:none;

}


#footer .links a:hover{
text-decoration:underline;
}	

#footer .quote{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float:right;
	margin-right:43px;
	margin-top:10px;
}

html > body #footer .quote{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float:right;
	margin-right:73px;
	margin-top:10px;
}


#footer .quote a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
text-decoration:none;
}


#footer .quote a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
text-decoration:underline;
}

#footer .copy{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	clear:both;
	margin-top:16px;
}

html > body #footer .copy{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	clear:both;
	margin-top:65px;
}


#footer .copy a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	text-decoration:none;
}


#footer .copy a:hover{
text-decoration:underline;
}


#footer .extras{text-align:center; padding:4px; margin-top:6px;}


/******** Email Sign up Page footer styles ****/
#footer2{
background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:80px;
	clear:both;	
	padding: 6px 0 20px 20px;
	}
	
#footer2 .copy{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	clear:both;
	margin-top:16px;
}

html > body #footer2 .copy{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	clear:both;
	margin-top:65px;
}


#footer2 .copy a{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #307C0A;
	text-align:center;
	text-decoration:none;
}


#footer2 .copy a:hover{
text-decoration:underline;
}