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

body {
padding:0;
margin:0;
background: black;
}

#siteWrap{
margin: 0 auto;
width:1005px;
background: transparent url(images/contentBackground.png) repeat top;
z-index: -1;}


#headerTop{
margin: 0 auto;
position: relative;
background: transparent url(images/logoHeadLeft.png) no-repeat top left;
width: 1005px;
height: 211px;
z-index: 4;
}


#textTop {
padding-top: 70px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin: 0 auto;
letter-spacing:2px;
font-size: 22px;
color:#000000;
font-weight:normal;
position: relative;
z-index: 5;

}

#slideShowContainerTop{
position: absolute;
width: 250px;
height: 211px;
overflow:hidden;
margin-left:755px;
z-index:1;
}

a:link, a:visited, a:hover, a:active{
color: #000;
text-decoration: none;
border: 0;}

#navTop {position: relative; z-index: 4; background: transparent url(images/navBanner.png) no-repeat top; width: 1005px; height:35px }


#contentText {
clear:right;
width: 718px;
background: transparent url(images/contenboxtback.png) repeat-y bottom;
float:right;
margin-right:17px;
margin-top: -12px;}

.text p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
width: 600px;
padding-left: 65px;}

.text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
width: 600px;
padding-left: 65px;}

#contentContainer{
margin: 0 auto;
background: transparent url(images/contentBackground.png) repeat top;
width:1005px;
min-height:625px;
position: relative;
clear:both;
}

#rightContainerTop{
background: transparent url(images/contentBoxTop.png) no-repeat right;
float:right;
width:718px;
height: 87px;
padding-top:20px;
margin-right:17px;
}


h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
letter-spacing:2px;
color: #b60000;
padding-top: 16px;
text-align: center;
font-weight:bold;
font-variant:small-caps;
text-transform: capitalize;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing:2px;
color: #b60000;
padding-top: 16px;
text-align: center;
font-weight:bold;}

h3{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: left;
padding-left: 43px;}

h4{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align: center;
}


#leftContainer{
background: transparent url(images/formTemplate.png) no-repeat left;
width: 261px;
height: 365px;
padding-top:16px;
float: left;}

#leftContainerTest{
background: transparent url(images/testimonialTemplate.png) no-repeat left;
width: 261px;
height: 500px;
padding-top:16px;
float: left;}

#customerTest{
	position: absolute;
	width: 261px;
	height: 365px;
	float: left;
	margin-top:85px;
	}
	
#customerTest img{
	background: transparent url(images/testimonial.png) repeat-y top;
	padding-left: 20px;}

#consult {
width: 251px;
height: 220px;
padding-top:80px;}

#contentBottom{
background:transparent url(images/contentBoxFoot.png) no-repeat bottom;
width:718px;
height:19px;
clear:right;
float:right;
margin-right:17px;}

#footerBottom{
clear:both;
background:url(images/contentBackground.png) repeat top; 
width:1005px;
height:40px;
}

.bottomText {
font-size: 13px;
text-align: center;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;}

#devLink { clear: left; text-align:right; font-family: "Courier New", Courier, monospace; font-weight: normal; width:1000px; margin: 0 auto; font-style: normal; color: #999999; font-size:10px; margin-top:-10px;}

.linkDev a:link, .linkDev a:visited, .linkDev a:hover, .linkDev a:active { color: #999999; font-size:10px;}

#copyLink { clear: left; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width:1000px; margin: 0 auto; font-style: normal; color: #999999; font-size:10px; margin-top:10px;}

/*Navigation*/

#dropDown{
width:1000px;
height:25px;
position:absolute;
}

#nav, #nav ul { /* all lists */
font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a:hover, #nav ul a:hover{

color: #FFFFFF;}

#nav a {
	text-align:center;
	position:relative;
	list-style-type: none;
	color: #000000;
	font-size:24px;
	text-decoration:none;
	font-variant: small-caps; 
	font-stretch:expanded;
	padding-top:4px;
	display: block;
	width: 190px;
}



#nav li { /* all list items */
	float:left;
	position:relative;
	list-style-type: none;
	text-decoration: none;
	color: #000000;
	padding-top: 2px;
	padding: 0 30px 0 30px;
	float: left;
	width: 190px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	margin-top:7px;
	margin-left: 40px;
	width:120px;
	height: 80px;	
	position: relative;
	background: transparent url(images/greytransparent.png) repeat-x top ;
/*	border: 3px solid #aaaaa9;*/
	padding-bottom: 10px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a{
text-align:left;
width: 60px;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	position: static;
}




/*googlelink*/

#googImage{
padding: 20px 40px 40px 40px;}

/*below is styling for boxes on gallery pages*/

label {display:block; font-family: Verdana, Geneva, sans-serif; text-transform:uppercase; color: #000; font-weight: bold; font-size: 14px; text-align:center;}
input, textarea {display: block; margin: 3px auto; margin-bottom:12px; }
body { padding-bottom: 20px }
#s2 { height: 175px; width: 175px; margin: 0 }
#s2 img { padding: 5px; border: 1px solid #ccc; background-color: #000;}
#s3 { height: 175px; width: 175px; margin: 0 }
#s3 img { padding: 5px; border: 1px solid #ccc; background-color: #000; }
#s4 { height: 175px; width: 175px; margin: 0 }
#s4 img { padding: 5px; border: 1px solid #ccc; background-color: #000; }