body {
margin: 0 auto;
padding: 0;
font: 73% verdana, "Trebuchet MS", arial, sans-serif;
text-align: center;
line-height: 1.7em;
color: #000;
background: #2e2e2e url(images/bgd.jpg) center repeat-y;
}
			/* WRAP */
#container {
width: 750px;
margin: 0 auto;
padding: 0;
text-align: left;
color: #666;
background: #fff;
}

			/* BANNER */
#banner {
width: 750px;
margin: 0 0 30px 0;
padding: 0;
height: 200px;
background: #000 url(images/banner.jpg) no-repeat;
color: #000;
}
#banner h1 {	
margin: 0;
padding: 70px 100px 0 0;
height: 50px;
font: 140% "Trebuchet MS", verdana, arial, sans-serif;
text-align: right;
letter-spacing: 3px;
color:  #fff;
background: inherit;
}
			/*TOP NAV*/
#navPyra {
margin: 0;
padding: 20px 0 24px 10px;
border-bottom: 1px solid #aaa;
}
#navPyra li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navPyra a:link, #navPyra a:visited {
float: left;
font-size: 1.2em;
letter-spacing: 3px;
line-height: 1em;
font-weight: bold;
padding: 0 12px 6px 12px;
text-decoration: none;
color: #000;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
color: #708491;

background: url(images/pyramid.gif) no-repeat bottom center;
}
			/* SIDE CONTENT */
#side {
width: 150px;
float: left;
margin: 0 auto;
padding: 0 20px;
background: inherit;
color: #999;
}
#side p { 
margin: 1em 0 1em 0; 
}
			/* SIDE NAV */		
#side ul {
list-style : none;
margin : 20px 0;
padding : 0;
}

#side ul li {
display : inline;
padding : 0;
margin : 0;
font-weight: ;
}
#side ul li a {
display : block;
color : #708491;
background : inherit;
text-decoration : none;
font-size: 14px;

margin : 0;
padding : 5px 0;
border-bottom : 1px solid #aaa;
}

#side ul li a:hover {
text-decoration : none;
background : #3399CC;
color : #000;
} 
				/* MAIN CONTENT */

#contentt {width: 100px;
margin-left: 165px;
padding: 0 25px ;

}

#content {
width: 520px;
margin-left: 200px;
padding: 0 10px;

}

#content1 {
width: 520px;
margin-left: 87px;

}

#content2 {
width: 520px;
margin-left: 65px;

}

#content3 {
width: 520px;
margin-left: -45px;

}


				/* FOOTER */
#footer {	
margin-top: 0px;
padding: .5em;
clear: both;
font-size: 11px;
color: #fff;
background: #000;
border-top: 1px solid #aaa;
}
				/* LINKS*/
a {
color: #666;
text-decoration: none;
}
a:hover {
background: #eee;
color:  #708491;
text-decoration: none;
}
a img {
border: 0;
}
				/* SEARCH BOX*/
legend {
font-weight : bold;
color : #000;
}
input {
background : #000;
color : #fff;
}
				/* TYPOGRAPHY */
h2 {
margin: 0;
font: normal 150% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 3px;
color: #000;
background: inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #aaa;
}
				/* CLASSES*/
.imgright {
float : right;
padding : 10px;
border : 1px solid #aaa;
margin-left : 10px;
}
.big {
margin : 4px;
font: 200% "Trebuchet MS", verdana, arial, sans-serif;
font-size:115%;
line-height: 2em;
text-transform : uppercase;
background: #fff;
color: #2e2e2e;
}



/*CSS gallery begins*/


.thumbnail{
position: relative;
z-index: 0;
background-color: #02243C;
padding: 4px;
border: 0px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: gray;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 3px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -380px; 
left: -165px;

/*position where enlarged image should offset horizontally */ }

/*CSS gallery ends*/




/* form styles */


form {
 width: 360px;
	text-align: left;
}


fieldset {
 margin: 0;
	border: 0;
	padding: 0;
}
legend {
 display: none;
}


form h3 {
 clear: both;
	padding: 5px 0px 10px 0px;
 font-size: 14px;
}


form label {
 display: block;
	width: 310px;
	font-size: 12px;
 line-height: 14px;
 padding: 0px 0px 12px 0px;
}


form input {
 display: block;
	margin-top: 3px;
}


form select {
 float: left;
	display: block;
}



form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
 clear: left;
}




form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
 float: left;
	margin: 0px 10px 0px 0px;
 width: 150px;
}



form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
 float: left;
	width: 150px;
	padding: 0px;
}



form label.field-state {
 float: left;
 margin-right: 10px;
 width: 60px;
}



form label.field-state select {
 width: 60px;
 float: left;
 margin-top: 3px;
}


form label.field-zip {
	float: left;
	width: 80px;
}


form label.field-zip input {
 float: left;
 width: 80px;
}


form label.field-address {
 float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}


form label.field-address input {
 float: left;
	width: 310px;
 padding: 0px;
}



form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
 clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}



form label.radioitem {
 clear: none;
 margin: 0px 0px 0px 25px;
 padding: 0px 0px 15px 0px;
}



textarea {
 display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
 clear: both;
 float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
 clear: none;
	margin: 0px 0px 0px 25px;
 padding: 0px 0px 15px 0px;
}


form textarea {
	margin-top: 3px;
}



/* slides styling */
 
.photo {width:635px; text-align:left; position:relative; margin:0 auto;}
 
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}
 
.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}
 
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}
 
.photo ul.topic li.active a
{color:#000; background:#bbb;}
 
.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}
 
.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:425px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}
 
.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:425px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}
 
.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}
 
.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}
 
.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}
 
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}
 
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:240px; height:220px; border-color:#fff;}




























</style>