body{
background-color: #AFBFCE;
width: 100%;
font-family: Arial;
}

h1, h2, h3, h4, h5, h6{
}

#topbar{
margin: 0 auto;
width:954px;
height:51px;
background: url(/images/top_shadow.gif) top no-repeat;
}

#mainwrapper{
font-size: 0.7em;
}

#pixel_logo{
margin: 0 auto;
width:954px;
height:201px;
background: url(/images/pixel_logo.jpg) top no-repeat;
}

#maincontent{
margin: 0 auto;
width:954px;
background: url(/images/content_background.gif) top repeat-y;
}

#header_left{
float:left;
margin-left: 35px;
padding-top: 30px;
}

#header_right{
float:right;
margin-right: 35px;
padding-top:29px;
}

#about_heading{
float:left;
width:900px;
margin-left: 50px;
padding-top: 20px;
}

#about_left{
float:left;
width: 300px;
padding-top:5px;
margin-left:45px;
text-align:center;
}

#about_right{
float:left;
width: 450px;
padding-top:30px;
padding-left:65px;
background: url(/images/about_summary_bg.gif) top left no-repeat;
}

#about_people{
float:left;
width:900px;
margin-left:28px;
}

.single_person{
float:left;
width: 300px;
background: url(/images/single_person.gif) top left no-repeat;
}

#service_left{
float:left;
width: 445px;
}

.left_services_box{
width: 400px;
margin-top:10px;
margin-left:90px;
margin-bottom:20px;
background: url(/images/services_background.gif) top left no-repeat;
}

#service_right{
width: 445px;
float:left;
}

.right_services_box{
width: 400px;
margin-top:10px;
margin-left:15px;
background: url(/images/service_background_right.gif) top left no-repeat;
}

#portfolio_middle{
float:left;
width: 890px;
margin-top:10px;
margin-left:70px;
}

.portfolio_row{
float:left;
margin-top:30px;
background: url(/images/portfolio_long_bg.gif) bottom center no-repeat;
}

.single_portfolio{
float:left;
width: 200px;
padding-left:35px;
padding-right:35px;
padding-bottom:20px;
}

#contact_left{
float:left;
width: 280px;
margin-top:35px;
margin-left:35px;
background: url(/images/contact_left_bg.gif) top left no-repeat;
}

#contact_right{
width: 550px;
float:left;
}

#contact_right_bottom{
float:left;
background: url(/images/contact_right_bg.gif) top left no-repeat;
}

#contact_form{
width:564px;
height:200px;
background: url(/images/contact_right_bg.gif) top left no-repeat;
}

#contact_right_top{
float:right;
padding-top:15px;
padding-left:75px;
margin-top:20px;
margin-left:20px;
background: url(/images/about_summary_bg.gif) top left no-repeat;
}

#submit_button{
padding-left:500px;
padding-top:20px;
padding-bottom:50px;
}

#leftcolumn{
float: left;
padding-left: 37px;
padding-top: 17px;
width:357px;
}

img.floatLeft { 
    float: left; 
    margin: 10px; 
}

img.sevicesLeft { 
    float: left; 
    margin: 15px; 
}

#news{
padding-bottom:40px;
width:350px;
background: url(/images/news_background.gif) top right no-repeat;
}

#welcome{
padding-bottom:13px;
width:350px;
background: url(/images/welcome_background.gif) top right no-repeat;
}

#rightcolumn{
float: left;
padding-top:7px;
width: 539px;
}

#portfolio{
float: left;
width:530px;
height:230px;
padding-bottom:3px;
background: url(/images/portfolio_bg.gif) top right no-repeat;
}

#testimonials{
float: left;
width:530px;
background: url(/images/testimonials_bg.gif) top right no-repeat;
}

#testimonial_entries{
margin-top:15px;
margin-left:20px;
margin-right:20px;
}

#portfolio_images{
padding-top:15px;
padding-left:8px;
}

#portfolio_more{
float:right;
padding-bottom:8px;
padding-right:15px;
}

.portfolio_image{
border:solid 1px #000000;
}

.news_item{
float:left;
width:86px;
height:85px;
background: url(/images/news_bg.gif) top right no-repeat;
}

.news_text{
float:left;
width:250px;
padding-left:10px;
padding-top:18px;
}

#footer{
margin: 0 auto;
width:954px;
height:55px;
background: url(/images/bottom_shadow.gif) top no-repeat;
}

#footerwrap{
}

#footercontent{
float:left;
margin-top: 5px;
}

#footeraddress{
float:right;
text-align: right;
margin-top: 5px;
}

#logo_bottom{
width: 109px;
height: 31px;
background: url(/images/common/logo_bottom.png) top left no-repeat;
position: relative;
top:-2px;
}

#nav_ul{
background: url(/images/nav.png) top left no-repeat;
position: relative;
top:167px;
left:400px;
height:20px;
width:412px;
}

#nav_ul li{
float:left;
height: 20px;
}

#nav_about a{
width: 95px;
height: 20px;
display: block;
}

#nav_about{
width: 95px;
height: 20px;
display: block; 
}

#nav_about a:hover{
background: url(/images/nav.png) 0px -20px no-repeat;
}

#nav_portfolio a{
width: 102px;
height: 20px;
display: block;
}

#nav_portfolio{
width: 102px;
height: 20px;
display: block; 
}

#nav_portfolio a:hover{
background: url(/images/nav.png) -95px -20px no-repeat;
}

#nav_packages a{
width: 93px;
height: 20px;
display: block;
}

#nav_packages{
width: 93px;
height: 20px;
display: block; 
}

#nav_packages a:hover{
background: url(/images/nav.png) -197px -20px no-repeat;
}

#nav_contact a{
width: 122px;
height: 20px;
display: block;
}

#nav_contact{
width: 122px;
height: 20px;
display: block; 
}

#nav_contact a:hover{
background: url(/images/nav.png) -290px -20px no-repeat;
}

#body_about li#nav_about a {
background: url(/images/nav.png) 0px -20px no-repeat;
}

#body_portfolio li#nav_portfolio a {
background: url(/images/nav.png) -95px -20px no-repeat;
}

#body_services li#nav_packages a {
background: url(/images/nav.png) -197px -20px no-repeat;
}

#body_contact li#nav_contact a {
background: url(/images/nav.png) -290px -20px no-repeat;
}

/* LINKS */

a.home_link:link{
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

a.home_link:visited{
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

a.home_link:hover{
color: #74BF3D;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

a.home_link:active{
color: #FFFFFF;
font-size: 14px;
font-weight:bold;
text-decoration: none;
}

a.home:link{
color: #34596F;
font-weight:bold;
text-decoration: none;
}

a.home:visited{
color: #34596F;
font-weight:bold;
text-decoration: none;
}

a.home:hover{
color: #74BF3E;
font-weight:bold;
text-decoration: none;
}

a.home:active{
color: #34596F;
font-weight:bold;
text-decoration: none;
}

a.news:link{
color: #74BF3D;
text-decoration: none;
}

a.news:visited{
color: #74BF3D;
text-decoration: none;
}

a.news:hover{
color: #375D73;
text-decoration: none;
}

a.news:active{
color: #74BF3D;
text-decoration: none;
}

a.view_more:link{
color: #375D73;
text-decoration: none;
}

a.view_more:visited{
color: #375D73;
text-decoration: none;
}

a.view_more:hover{
color: #74BF3D;
text-decoration: none;
}

a.view_more:active{
color: #375D73;
text-decoration: none;
}

a img { border: 1px #000000 solid;}
a:visited img { }
a:hover img { border: 1px #74BF3D solid; }

a.portfolio_pic img { border: 1px #FFFFFF solid;}
a.portfolio_pic:visited img { }
a.portfolio_pic:hover img { border: 1px #000000 solid; }

/* FONTS */

.heading {
	color: #375D73;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial;
}

.welcome_heading {
	color: #375D73;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
}

.about_heading {
	color: #385C72;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
}

.person_name {
	color: #5B7A3E;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	padding-left:45px;
	padding-top:15px;
}

.person_title {
	color: #5B7A3E;
	font-size: 14px;
	font-family: Arial;
	padding-left:45px;
	padding-top:3px;	
}

.person_bio {
	color: #395E71;
	font-size: 12px;
	font-family: Arial;
	padding-left:45px;
	padding-top:15px;	
	padding-right: 20px;
}

.services_text {
	color: #395E71;
	font-size: 12px;
	font-family: Arial;
	padding-left:20px;
	padding-top:10px;	
	padding-right: 55px;
}

.news_date {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial;
	text-align:center;
	padding-top:23px;
	line-height: 20px;
}

.news_font {
	color: #375D73;
	font-size: 12px;
	font-family: Arial;
}

.testimonial_font {
	color: #8F8E8E;
	font-size: 12px;
	font-family: Arial;
}

.testimonial_name {
	float:right;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:15px;
	color: #74BF3D;
	font-size: 12px;
	font-family: Arial;
}

.footer_font {
	padding-left:35px;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial;
}

.header_font {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial;
}

.about_quote {
	color: #616161;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial;
	text-align:center;
	padding-top:5px;
}

.about_problems{
	color: #616161;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	padding-top:5px;
}

.contact_text {
	color: #616161;
	font-size: 14px;
	font-family: Arial;
	margin-right:60px;
	padding-left:10px;
}

.contact_prefer{
	color: #395D73;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}	

.contact_email{
	color: #8BCA60;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	margin-right:60px;
	padding-left:10px;
}	

.form_text {
	color: #A4A4A4;
	font-size: 12px;
	font-family: Arial;
}

.header_phone {
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial;
}

.header_email {
	color: #D5D3D3;
	font-size: 14px;
	font-family: Arial;
}

/* OVERLAYS */

/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(/images/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:468px;         
     
    /* initially overlay is hidden */ 
    display:none; 
	 
    /* some padding to layout nested elements nicely  */ 
    padding-left:45px;
	padding-top:45px;
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(/images/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}