/* Universal Rules -------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	background:  url("../images/bg.png") repeat-x;
	color: #999999;
	/* font sizing in ems to change anything, just change this.*/
	font: 75%/1.25  arial,  helvetica, "lucida console",  sans-serif;
	/*letter-spacing: 0.05em; */
}


td {
	font:  100%/1.2   arial,  helvetica, "lucida console",  sans-serif;
	letter-spacing: 0em; 
}
a:link, a:visited, a:active { color: #0066cc; text-decoration:none; }
a:link:hover {color: #1653b2; text-decoration:underline;}

.hide, hr {	display: none !important; }

img { border: none; }
form { margin: 0; }
a { outline: none; } /* firefox fix (remove dotted lines) */
.floatleft { float: left; margin: 0 1em .25em 0; }
.floatright { float: right; margin: 0 0 0 0; clear: both;}
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.clearboth { clear: both; }


h1, h2, h3 {
margin:0px;
padding:0;
}

p {
margin:0px;
padding:0;
padding-bottom: .8em;
line-height:1.5em;

}

ul, li {
margin-top:0px;
padding-top:0;
padding-bottom: .5em;
}



h1  {
margin-left: 17px;
margin-top: 12px;
font-size: 1.4em;
line-height:1.6em;
text-transform:uppercase;
color: #555;
letter-spacing: 1px;
}


h2{
	color: #555;
font-size: 1.2em;
line-height:1.5em;
padding-top:5px;
padding-bottom:2px;
text-transform: capitalize;
}

h3{
font-size: 1.05em;
line-height:1.1em;
padding-top:2px;
}


sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}

/* Layout -------------------------------------------------- */
#container {
	width: 762px;
	margin: 0 auto;
	text-align: left;
}

#header,
#nav,
#headline,
#wrapper,
#prefooter,
#footer {
	clear: both;
}


#wrapper {
width: 710px;
background: #fff8e4;
	color: #333;
	margin:0;
	padding:0;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	float: left; /* to contain floats */
	border-left: 1px #536157 solid;
	border-right: 1px #536157 solid;
	
}
#content {
	width: 420px;
	float: left;
	padding-right: 20px;
	border-right: 1px #536157 dotted;

}
#container.wide #content {
	width: 960px;
	float: none;
}
#sidebar {
	width: 250px;
	float: right;
}

/* Header -------------------------------------------------- */
#header {
	position: relative;
	color: #8a0917;
	padding: 0px;
		margin-bottom:15px;
}
#header a {
	color: #8a0917;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}
#header h1 {
	margin: 0;
}
#logo a {
	display: block;
	width: 260px;
	height: 50px;
	text-indent: -9999px;
	background: transparent url("../images/logo.png") no-repeat;
	border: 0;
	position: absolute;
	top: 23px;
	left: 10px;

}
#utilities {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 25px;
	right: 10px;
}
#utilities li {
	display: inline;
	font-size: .9em;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight: bold;
}
#utilities a {
	margin-left: 20px;
	color:#ffc334;
}

#utilities a:hover {
	color:#FF7700;
	text-decoration:none;
}


#search {
	position: absolute;
	top: 45px;
	right: 10px;
	margin: 0;
}
#search input,
#search input:hover,
#search input:focus {
	background: #a1a1a1;
	width:200px;
	font-size: 10px;
	color: #333;
	border: 1px solid #444;
	padding: 3px;
}

#prefooter .linkbutton
{
	float:right;
	background: #333;
	 	font-family:   arial,  helvetica, "lucida console",  sans-serif;
	color: #fff;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:1px;
	border: 1px solid #222;
	padding: 2px;
	padding-left: 13px;
	padding-right: 10px;
	margin-left: .5em;
	text-decoration:none;
	margin-bottom:15px;
	}
 #search input#Header1_Search_btnSearch {
width:75px;
	background: #333;
	 	font-family:   arial,  helvetica, "lucida console",  sans-serif;

	color: #fff;
	font-size: 11px;
	text-transform:uppercase;
	letter-spacing:1px;
	border: 1px solid #222;
	padding: 2px;
	padding-left: 13px;
	padding-right: 10px;
	margin-left: .5em;
	text-decoration:none;
}

#prefooter .linkbutton:hover, #search input#Header1_Search_btnSearch:hover {
	color: #f1b91e;
		text-decoration:none;
			border: 1px solid #222;

}

/* Navigation -------------------------------------------------- */
#nav ul {
	list-style: none;
	background: #8a0917;
	border: none;
    background: transparent url("../images/nav_bg.png") no-repeat;
	border-bottom: 2px solid #222;
	float: left;
	width: 762px; /* fixed width */
	height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav li {
	margin: 0; 
	padding: 0;
	float:left;
	_display:inline;
	list-style-type: none;
}

#nav li a {
	text-indent: -9999px;
	display: block;
	float: left;
	background: #8a0917;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
	width: 100px;
	padding: 0 5px; /*  was 15 with 6 navs 0 and 5 then 0 and 20 */
	 margin: 0 7px;
    _margin: 0px;
	_border:none;


	line-height: 20px;
}
#nav li a:hover,
#nav li.current a {
	background: #8a0917;
	color: #ccffff;
}



#nav ul li#nav-home a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	margin-left:50px;
	background: transparent url("../images/mainnav_home.gif") no-repeat;
	position: relative;
	background-position: bottom left;
}


#nav ul li#nav-portfolio a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	background: transparent url("../images/mainnav_portfolio.gif") no-repeat;
	position: relative;
		background-position: bottom left;

}


#nav ul li#nav-services a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	background: transparent url("../images/mainnav_services.gif") no-repeat;
	position: relative;
		background-position: bottom left;

}


#nav ul li#nav-resources a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	background: transparent url("../images/mainnav_resources.gif") no-repeat;
	position: relative;
		background-position: bottom left;

}



#nav ul li#nav-about a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	background: transparent url("../images/mainnav_about.gif") no-repeat;
	position: relative;
		background-position: bottom left;

}


#nav ul li#nav-contact a {
	display: block;
	height: 20px;
	width:100px;
	margin: 0;
	background: transparent url("../images/mainnav_contact.gif") no-repeat;
	position: relative;
		background-position: bottom left;

}
#nav ul li#nav-home a#hot,
#nav ul li#nav-portfolio a#hot,
#nav ul li#nav-resources a#hot,
#nav ul li#nav-services a#hot,
#nav ul li#nav-about a#hot,
#nav ul li#nav-contact a#hot,

#nav ul li#nav-home a:hover,
#nav ul li#nav-portfolio a:hover,
#nav ul li#nav-resources a:hover,
#nav ul li#nav-services a:hover,
#nav ul li#nav-about a:hover,
#nav ul li#nav-contact a:hover
{
	background-position: top left;
}





/* Headline ------------------------------------------------- */
#headline {
margin:0;
padding:0;
height: 300px;
background-color: #fff8e4;

}

#headline2 {
margin:0;
padding:0;
background: transparent url("../images/header.jpg") repeat-x;
background-color: #fff8e4;
color: #444;
	float: left; /* to contain floats */
	border-left: 1px #536157 solid;
	border-right: 1px #536157 solid;
	
height: 50px;
width: 760px;;


}

/* Content -------------------------------------------------- */
#content {

}
.noflash {
	margin: 0;
	padding: 0;
}


	#flashcontent {
		border: none;
		background-color: #000;
		width: 760px;;
		height: 300px;
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	
.promo {
	margin: 0;
	padding: 0;
}


#gallery {
	margin-top: 0px;
	text-align: left;
}

/* Pre-Footer -------------------------------------------------- */
#prefooter {
	background: #4f5661;
	color: #f3eee4;
	float: left;
	width: 100%;
	font-size: 1em;
	clear: both;
}


#prefooter a, #prefooter p a {
    color: #ffea9b;
	text-decoration: none;
}

#prefooter a:hover {
	color: #ffea9b;
	text-decoration: underline;
	border: 0;
}


#prefooter p {
	margin: 15px;
	margin-left:315px;
}


#prefooter blockquote {
/*	text-indent: -9999px; */
	display: block;
	width: 295px;
	
	vertical-align: bottom;
	
	margin: 10px;
	padding: 2px 0 0;
	float: left;
	/* background: transparent url("../images/quotes_01.png") no-repeat 0 1px; */
}
#prefooter blockquote cite {
	display: block;
}

/* Footer -------------------------------------------------- */
#footer {
	clear: both;
	color: #4f5661;
	padding: 0;
	font-size: .9em;
}
#footer a {
	color: #4f5661;
	text-decoration: none;
}
#footer a:hover {
color: #0c597f;
	text-decoration: none;
}
#footer p {
	line-height: 1.5;
	margin: 0;
	padding: .5em 1em 1em;
}
#footer #copyright {
	float: left;
	clear: left;
	margin-top: 0;
}
#container.wide #footer #copyright {
	padding-left: 115px;
}
#footer #address {
	text-align: right;
}
#container.wide #footer #address {
	padding-right: 115px;
}
#footer ul {
	list-style: none;
	text-align: center;
	margin: 0 0 .5em;
	padding: 1em 0;
	border-bottom: 1px solid #666;
}
#footer ul li {
	list-style: none;
	display: inline;
	text-transform: uppercase;
	margin: 0;
	padding: 0 40px;
	border-right: 1px solid #666;
}
#footer li.first {
	padding-left: 0;
}
#footer li.last {
	padding-right: 0;
	border: 0;
}





a, area, label, select, input {outline:none;}

.formbox {
 font-size: 11px;
 background-color: #fff;
 border: 1px solid #cdcdcd;
 	font-family:  arial,  helvetica, "lucida console",  sans-serif;

}

.gobutton {
  background-color: #f8df9b;
 border: 1px solid #cdcdcd;
 font-size: 11px;
 font-weight: bold;
 color: #000;
  padding: 3px;
 padding-left: 15px;
padding-right: 15px;

}


.gobutton:hover
.gobutton:focus {
	color: #0c597f;
	border: 1px solid #f7d36f;
}

.tip
{
	font:	16px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #f8df9b;
	font-weight: normal;
	letter-spacing: 1px;

}
   

.req {
	margin: 0px;
	font:	11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ff3300;
}
   

form { margin-bottom:0; 
margin-top:0;}



.clearfix:after {content:"."; display:block; height:0;
                 clear:both; visibility:hidden; }
.clearfix       {display:inline-block;
	border-left: 1px #536157 solid;
	border-right: 1px #536157 solid;
	background-color: #fff8e4;
}
/* Hide from IE Mac */
.clearfix       {display:block;
	border-left: 1px #536157 solid;
	border-right: 1px #536157 solid;
	background-color: #fff8e4;
}
/* End hide from IE Mac */

