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

html { height:100%;}
body { margin:0; padding:0; background:#000 url(res/v2bg.gif) repeat-x; height:100%; }

#container { margin-top:0; margin-left:auto; margin-right:auto; width:900px; height:100%; background:#FFF; position:relative; }

#header { width:900px; height:187px; background:url(res/v2_header_bg.jpg) no-repeat; overflow-y:hidden; float:left; }

#header-logo { width:222px; height:187px; float:left; display:block; }
#header-logo h1 { margin:0; padding:0; text-indent:-10000px; }

#header-nav { width:575px; height:26px; float:right; display:block; margin-top:145px; }
#header-nav a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-decoration:none; }
#header-nav a:visited { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-decoration:none; }
#header-nav a:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#CCC; text-decoration:underline; }
ul#header-nav { padding:0; margin:0; list-style-type:none; }
ul#header-nav li { display:inline-block; float:left; padding-right:30px; }

#wrap { width:900px; height:100%; display:inline-table; background:#FFF; }

#featured { width:842px; height:230px; margin-left:29px; margin-top:10px; float:left; }

#featured-port { width:842px; height:321px; margin-left:29px; margin-top:10px; float:left; }

#slider							{ height: 227px; overflow: hidden;
								  position: relative; margin: 0px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 0px 0px; width: 842px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 24px; margin-bottom:0; color:#767967; }
.slide h2						{ font-family:"Times New Roman", Times, serif; font-size: 14px; margin:3px; color:#767967; }
.slide p						{ color:#666; font-size: 14px; font-family:Arial, Helvetica, sans-serif; line-height: 18px; width: 200px; 							 									margin:5px; }
.slide img						{ position: absolute; top: 20px; left: 235px; }
.slide a						{font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; color:#767967;
								 text-decoration:underline; font-weight:bold; }
.slide a:visited				{font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; color:#767967;
								 text-decoration:underline; font-weight:bold; }
.slide a:hover					{font-family:"Times New Roman", Times, serif; font-size:18px; font-style:italic; color:#767967;
								 text-decoration:underline; font-weight:bold; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #767967; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }


#content-body { width:842px; margin-left:29px; margin-right:29px; background:#FFF; height:100%; }

#home-left-content { width:557px; min-height:100%; margin-top:20px; float:left; background:#FFF; }
#home-left-content h2 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#767967; text-align:left; font-size:16px; }
#home-left-content h3 { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-size:12px; }
#home-left-content p {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height:18px; text-align:left; }
#home-left-content a { color:#767967; text-decoration:underline; }
#home-left-content a:visited { color:#767967; text-decoration:underline; }
#home-left-content a:hover { color:#767967; text-decoration:underline; }

#home-spotlight { width:171px; float:left; }
#home-spotlight p { font-family:Arial, Helvetica, sans-serif; color:#999; font-size:10px; text-align:left; margin:5px; }
#home-spotlight-spacer { width:22px; height:86px; float:left; }

#home-right-content { width:250px; min-height:100%; margin-top:20px; float:left; padding-left:15px; background:#FFF; }
#home-right-content p {font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px; line-height:18px; text-align:left; margin:10px; }

#subpage-content {}

#port-sect { width:557px; display:inline-block; float:left; margin-top:15px; }
#portfolio { width:171px; float:left; }
#portfolio p { font-family:Arial, Helvetica, sans-serif; color:#333; font-size:10px; margin:3px; }
#portfolio a { color:#660; text-decoration:underline; }
#portfolio a:visited { color:#660; text-decoration:underline; }
#portfolio a:hover { color:#660; text-decoration:underline; }
#portfolio-spacer { width:22px; height:86px; float:left; }

#form_box p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color:#666;
	margin-bottom: 10px;
}

.fieldclass {
	border: 1px solid #666;
	background:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:21px;
	padding:8px;
	color:#666;
	width:400px;
}


#footer { width:900px; height:97px; background:url(res/v2_footer_bg.jpg); float:left; margin:0; }
#footer-content { margin-left:auto; margin-right:auto; margin-top:45px; width:842px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; }
#footer-content a { color:#999; text-decoration:none; }
#footer-content a:visited { color:#999; text-decoration:none; }
#footer-content a:hover { color:#FFF; text-decoration:underline; }
ul#footer-content { padding:0; margin:0; list-style:none; }
ul#footer-content li { display:inline-block; float:left; padding-right:25px; }