/*------keeps footer at the bottom---------*/
html {overflow-y: scroll; } 
/*------end keeps footer at the bottom---------*/

body
{ 
background:url(images/top_bg.jpg) repeat-x top #5b9db5; /*------background color---------*/
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#4f4f4f;
}

h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}

h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}

h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}

h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}

h5{
font-size:14px;
color: #e3952f;
margin:0px;
padding:3px 0px 3px 0px;
font-weight:bold;
}

t1{ /*------smaller italicized blue font---------*/
font-size:12px;
color: #006699;
font-style: italic;
font-weight: bold;
}

t2{ /*------Quote Font - quote font---------*/
font-size:13px;
color: #666666;
margin:0px;
padding:0px;
font-style: italic;
font-weight:bold;
}

t3{ /*------Quote Font - company info---------*/
font-size:12px;
color: #D7812B;
margin:0px;
padding:3px;
font-weight:normal;
}

.clear {
clear:both;
overflow:hidden;
height:4px;
}

#main_content{
width:850px;
height: auto;
margin:auto;
background-color:#FFFFFF; /*------main content background color---------*/
border:8px #F6F6EE solid;
}

#top_banner{
width:850px;
height:130px;
background:url(images/illustr.jpg) no-repeat right;
}

img.logo{
padding-left:15px;
}

/*------top vertical menu---------*/

#top_menu{
width:850px;
margin:auto;
padding:15px;
}

ul.menu {
list-style-type:none;
display:block; 
width: auto; 
height:18px; 
margin:auto; 
padding:0;}

ul.menu li {
display:inline;}

a.nav:link, a.nav:visited {
display:block; 
float:left; 
padding:4px 11px 0 26px; 
margin:0;
width: auto; 
height:18px; 
text-align:center; 
line-height:18px; 
font-weight:bold; 
font-size:12px;
text-decoration:none; 
color:#fff; 
background:url(images/arrow.jpg) no-repeat left;}

a.nav:hover {
display:block; 
float:left; 
padding:4px 11px 0 26px; 
margin:0;width: auto; 
height:18px; 
text-align:center; 
line-height:18px;
text-decoration:none;  
color:#fff; 
background:url(images/arrow_a.jpg) no-repeat left;
}

/*----page content----*/
#page_content{
width:800px;
height:auto;
margin:auto;
}

#page_content_left{
width:400px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}

#page_content_right{
width:400px;
height:auto;
float:left;
padding:10px;
}

#page_content_contact{
width:270px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}

#page_content_contentr{
width:520px;
height:auto;
float: left;
padding:10px;
}

/*---------PHOTO GALLERY DO NOT REMOVE---------*/
#primaryGalleryArea {
clear: both;
margin: 0 auto;
}

/*---------END PHOTO GALLERY---------*/

/*---------left side nav with text on right---------*/
#nav_content_left{
width:200px;
height:auto;
float:left;
padding:10px;
border-right:1px #800000 dashed;
}


#nav_content_right{
width:600px;
height:auto;
float:right;
padding:10px;
}

/*---------end left side nav with text on right---------*/


#nav_content_center{
width:700px;
height:auto;
float:left
padding:10px;
}

/*---------TITLE DIVs---------*/
.title{
font-size:16px;
color:#4cb3f0;
clear:both;
padding-left:10px;
}

.content_text{
font-size:14px;
color:#4a4a4a;
height:auto;
text-align:justify;
padding:8px;
}

img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}

img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}

img.portfolio{
padding:0px;
margin:8px;
border:5px #000000 solid;
float:left;
}

.more{
width:auto;
float:right;
height:20px;
}

.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#5e0d75;
font-size:12px;
padding:3px 23px 0 5px;
}

.link_more a:hover{
text-decoration:underline;
}

img.more{
float:left;
}

#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}

img.portfolio{
padding:2px;
margin:3px;
border:none;
}

#portfolio {
width: 730px; 
height: 400px; 
margin-left: auto; 
margin-right: auto;


}



object a {
display: none;
} 

object {
margin-left:
auto; margin-right:
auto; display block;
}

/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:5px;
}

ul.services {
list-style-type:none;
display:block; 
width:150px; 
height:auto; 
float:left; 
margin:10px; 
padding:10px 20px 10px 10px;
}

ul.services li {
display:inline;
}

a.nav_services:link, a.nav_services:visited {
display:block;
padding:1px 0 0 20px; 
margin:10px; 
width: auto; 
height: auto; 
text-align:left; 
line-height:17px;
text-decoration:none;
background:url(images/bullet.png) no-repeat left; color:#000;
}

a.nav_services_a {
display:block; 
padding:1px 0 0 20px; 
margin:10px;
width:auto; 
height:auto; 
text-align:left; 
line-height:17px; 
font-weight:bold;
text-decoration:none; 
background:url(images/bullet_a.png) no-repeat left; 
color: #663399;
}

a.nav_services:hover {
display:block; 
padding:1px 0 0 20px; 
margin:10px;
width:auto; 
height:auto; 
text-align:left; 
line-height:17px;
text-decoration:none; 
background:url(images/bullet_a.png) no-repeat left; 
color:#6a9c7f;
}


/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}

#left{
width:auto;
float:left;
}

.left{
float:left;
}

.right{
float:left;padding:3px;
}

.right a{
text-decoration:none;
color:#5e0d75;
}

#right{
width:auto;
float:right;
padding-right:25px;
}

/*------contact form------*/
#contact{
float:left;
width: 460px;
height:auto;
padding:10px 0px 20px 40px;
color:#666666;
}

.input{
width:180px;
height:12px;
font-size:10px;
float:left;
}

.textarea{
width:140px;
height:50px;
font-size:12px;
float:left;
}

.submit{
float:right;
margin-left:100px;
margin-top:10px;
}

/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #000000;
}

#footer_content{
width:850px;
margin:auto;
}

#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}

/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; 
float:left; 
display:block; 
width:auto; 
height: auto;  
margin:0px; 
padding:3px 0 0 10px;
}

ul.footer_menu li {
display:inline;
}

a.nav2:link, a.nav2:visited {
display:block; 
float:left; 
padding:4px 0 0 5px; 
margin:2px;
width: auto; 
height:20px; 
text-align:center; 
line-height:16px;
text-decoration:none; 
color: #999999;
}

a.nav2:hover {
display:block; 
float:left; 
padding:4px 0 0 5px; 
margin:2px;
width:auto; 
height:20px; 
text-align:center; 
line-height:16px;
text-decoration:none;
color:#5b9db5;
}