/*===common ===*/

a	{color: #236CA1; text-decoration: none;}
a:hover	{
	color: #BBBBBB;
	text-decoration: underline;
}

html	{height: 101%;}
body	{background : #333333; text-align: center;margin-top: 10px;}

img	{border: none;}

h1	{font: bold 18px/22px Verdana, Arial, sans-serif;color: #333333;margin: 0px 0px 10px 0px;}
h2	{font: bold 16px/22px Verdana, Arial, sans-serif;color: #666666;margin: 0px 0px 10px 0px;}
h3	{font: bold 14px/19px Verdana, Arial, sans-serif;color: Gray;margin: 0px 0px 10px 0px;}
h4	{font: bold 13px/17px Verdana, Arial, sans-serif;color: #999999;margin: 0px 0px 10px 0px;}

#rightcolumn h3 {font: bold 14px/19px Verdana, Arial, sans-serif;color: #FFFFFF;margin: 0px 0px 10px 0px;}

p	{font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 10px;}

ul	{font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin: 5px 0px 10px 30px;list-style : disc outside;}
ol	{font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin: 5px 0px 10px 30px;list-style : decimal outside;}
li	{font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 10px;}

blockquote	{margin: 10px 0px 10px 30px;}

/*===header===*/

#header	{position: relative;top: 0px; left: 0px;width: 760px;height: 100px;background : url(../images/masthead2.gif) no-repeat top;text-indent: -9999px;overflow: hidden;}

/*===page stuff ===*/

.container	{position: relative;margin-top: 0px;margin-left: auto;margin-right: auto;width: 760px;text-align: left;}
#pageback	{position: relative;top: 6px;width: 760px;min-height:250px;height:auto !important;height:250px;background : url(../images/content_area_back.gif) repeat-y;}
#galleryback	{
	text-align: center;
	position: relative;
	top: 3px;
	margin-bottom: 1px;
	width: 760px;
	min-height:405px;
	height:auto !important;
	height:405px;
	background : #666666;
}
#gallerybackmargin	{
	padding: 15px;
}


#gallerynav	{text-align: center;font: 12px/18px Verdana, Arial, sans-serif;color: #BBBBBB;margin-bottom: 10px;}
#gallerynav a	{color : #AAAAAA;}
#gallerynav a:hover	{color : #FFFFFF;}
#gallerynav.off	{color : #666666;}
.h2head{color : White;font: bold 16px/22px Verdana, Arial, sans-serif;margin: 10px 0px 10px 0px;text-align : center;}
#galleryback img{margin: 3px;}
#pagebottom	{position: relative;top: 6px;background: url(../images/footer.gif) no-repeat bottom;width: 760px;height: 54px;clear: both;margin-bottom: 15px;}

/* === home page ===*/

.banneroverlay	{position: absolute;top: 132px;width: 760px;height: 325px;z-index : 20;}
.bannerimage	{position: relative;top: 3px;border: 0px;width: 760px;height: 325px;}
#leftcolumn	{position: relative;top: 30px;left: 40px;width: 390px;padding: 0px 0px 40px 0px;}
#rightcolumn	{float: right;position: absolute;top: 30px;left: 520px;width: 210px; }

#rightcolumn a	{color: #FFFFFF;}
#rightcolumn a:hover	{color: #DDDDDD;}

#rightcolumn p {
	margin-bottom: 4px;
}

/*===interior pages ===*/

.mainimage	{position: absolute;top: 0px;left: 220px;text-align:center;display: block;}
.thumbarea	{position: absolute;top: 10px;left: 10px;width: 197px;text-align: center;}
.thumb	{margin: 2px;}

.galleryoverlay	{position: absolute;top: 132px;left: 220px;width: 540px;height: 405px;z-index : 20;}

.gallerynav	{font: 10px/10px Verdana, Arial, sans-serif;color: #FFFFFF;margin-bottom: 5px;}
.gallerynav	a	{color: #FFFFFF;text-decoration: underline;}
.gallerynav	a:hover	{color: #DDDDDD;text-decoration: underline;}

/* === Footer ===*/

#footer p	{text-decoration: none;color : White;font-size : 9px;color: #ffffff;}
#footer	{
	position: relative;
	top: 10px;
	width: 760px;
	text-align : center;
	padding: 0px 0px 0px 0px;
	color : White;
	font-size : 9px;
}
#footer a	{
	text-decoration: none;
	color : White;
	font-size : 9px;
}
#footer a:hover	{
	text-decoration: underline;
	color : White;
	font-size : 9px;
}
#footer.small p	{
	font-size: 9px;
	color: White;
	width: 700px;
	text-align : center;
	margin: 70px auto 10px auto;
}



/* === Rounded Boxes === */

.t {background: url(../images/linedot.gif) repeat-x 0 0;width: 100%}
.b {background: url(../images/linedot.gif) 0 100% repeat-x}
.l {background: url(../images/linedot.gif) 0 0 repeat-y}
.r {background: url(../images/linedot.gif) 100% 0 repeat-y}
.bl {background: transparent url(../images/bottomleft.gif) 0 100% no-repeat}
.br {background: transparent url(../images/bottomright.gif) 100% 100% no-repeat}
.tl {background: transparent url(../images/topleft.gif) 0 0 no-repeat}
.tr {background: transparent url(../images/topright.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


/*=== 3 Column List ===*/

/* separate lists from subsequent content */
div.outerwrap3col	{margin-bottom: 15px;}
div.wrapper3col	{ float: left;width:270px;}
.outerwrap3col br	{clear: left;}
.outerwrap3col ol	{margin: 0; padding: 0;}
.outerwrap3col ol li	{ list-style-type: none;}
.outerwrap3col ol li:before	{content: counter(item) ". ";counter-increment: item;}
.outerwrap3col ol li a	{text-decoration: none;}
.outerwrap3col ol li a:hover	{color: #FFF; background-color: #A52A2A;}

/*   ===  Navigation Bar === */

#nav {position: relative;top: 0px;left: 0px;width: 760px;height: 29px;background: url(../images/navbar.gif);margin: 0px 0px 0px 0px;padding: 0;overflow:hidden;}
#navhome li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navhome li, #navhome a {height: 35px; display: block; text-indent:-9999px; overflow:hidden;}

#navhome {left: 0px; width: 150px;}
#navservices {left: 152px; width: 150px;}
#navgallery {left: 304px; width: 150px;}
#navdownload {left: 456px; width: 150px;}
#navcontact {left: 608px; width: 152px;}

#navhome a:hover {background: transparent url(../images/navbar.gif) 0px -29px no-repeat ;}
#navservices a:hover {background: transparent url(../images/navbar.gif)  -152px -29px no-repeat;}
#navgallery a:hover {background: transparent url(../images/navbar.gif) -304px -29px no-repeat;}
#navdownload a:hover {background: transparent url(../images/navbar.gif) -456px -29px no-repeat;}
#navcontact a:hover {background: transparent url(../images/navbar.gif) -608px -29px no-repeat;}



/*===forms ===*/

input, textarea {background : #FFFFFF;width: 350px;margin-bottom: 15px;}
label 	{width: 450px;font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 10px;display : block;}
.checkbox	{width: 40px; vertical-align: bottom;}
.button	{background-color : #CC6600;color : #FFFFFF; height: 30px;}
.inline	{display: inline; margin-bottom: 0px;}

#rightcolumn input {background : #FFFFFF;width: 200px;margin-bottom: 15px;}
#rightcolumn textarea {background : #FFFFFF;width: 200px;margin-bottom: 15px;}
#rightcolumn label 	{width: 450px;font: 12px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 10px;display : block;}