/* 
ERIC BENOIT - Boston Freelance Web Designer
http://www.ebenoit.com
CSS Document - Styles and Structure
*/


/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }

/* --- DEFAULT BODY --- */
body {
	background: #000;
	color: #6D6E71;
	font: normal 12px/18px Helvetica, Arial, sans-serif;
	text-align: center;
}


/* DEFAULT LINK */
a:link, a:visited {
	color: #FFF;
	text-decoration:  none;
}

a:active {
	color: #FFF;
}

a:hover {
	color: #b6b6b6;
}

 
/* DEFAULT STYLES */
p {
	padding: 0 0 18px;
}

H1 { 
	color: #6D6E71;
	font: bold 19px/24px Helvetica, Arial, sans-serif;
	padding:  35px 0;
}

H2 { 
	color: #6D6E71;
	font: bold 15px/19px Helvetica, Arial, sans-serif;
}

small {
	font-size: 10px;
	font-weight:  bold;
	color:  gray;
}

img {
  -ms-interpolation-mode: bicubic;
}

.imgLeft {
	float: left;
	margin: 0 20px 7px 0;
}

/* STRUCTURE DIVS */
.clear { clear: both; height: 0; }

#splash {
	background: #6d6e72;
}

#splash #header {
	padding-top:  300px;
}

.fadeIn {
	display:  none;
}

#wrapper {
	margin: 0 auto;
	text-align:  center;
	width:  921px;
}

#header {
	background:  url(../images/header-bg.jpg) repeat-x top center #6d6e72;
	height: 80px;
	padding-top:  40px;
}
 
#content {
	margin-top:  30px;
}

#navigation {
	float:  left;
	margin-top: 25px;
	width: 22px;
}

#rightContent {
	float:  right;
	padding: 1px 0;
	text-align:  left;
	width:  899px;
}

#rightContentTop {
	background: url(../images/content-top-bg.jpg) no-repeat top center;
	padding: 0 55px;
}

#rightContentBottom {
	background: url(../images/content-bottom-bg.jpg) no-repeat top center;
	height: 41px;
}

#rightContentHome {
	background: url(../images/content-home-bg.jpg) no-repeat top center;
	float:  right;
	padding: 1px 0;
	text-align:  center;
	width:  899px;
}

#rightContentContact {
	background: url(../images/content-contact-bg.jpg) no-repeat top center;
	color:  #FFF;
	float:  right;
	height:  328px;
	padding: 80px 0 0 400px;
	text-align:  left;
	width:  499px;
}

#footer {
	font-size:  10px;
	line-height: 16px;
	padding-top:  30px;
}

#footer a:link, #footer a:visited, #footer a:active {
	color:  #9fa1a6;
	text-decoration:  none;
}

#footer a:hover {
	color:  #FFF;
}


/* DROP DOWN STYLES */
ul.topnav {  
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    float: left;  
    width: 920px;  
    background: #222;  
    font-size: 1.2em;  
    background: url(topnav_bg.gif) repeat-x;  
}  
ul.topnav li {  
    float: left;  
    margin: 0;  
    padding: 0 15px 0 0;  
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  
ul.topnav li a{  
    padding: 10px 5px;  
    color: #fff;  
    display: block;  
    text-decoration: none;  
    float: left;  
}  
ul.topnav li a:hover{  
    background: url(topnav_hover.gif) no-repeat center top;  
}  
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 17px;  
    height: 35px;  
    float: left;  
    background: url(subnav_btn.gif) no-repeat center top;  
}  
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: 0; top: 35px;  
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    float: left;  
    width: 170px;  
    border: 1px solid #111;  
}  
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;  
    width: 170px;  
}  
html ul.topnav li ul.subnav li a {  
    float: left;  
    width: 145px;  
    background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
    padding-left: 20px;  
}  
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
}