@charset "utf-8";

/* Eric Meyer Reset, v1.0 | 20080212, http://meyerweb.com/eric/tools/css/reset/index.html, modified */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}/* mods */h1,h2,h3,h4,h5,h6{font-weight:normal}
/*CLEAR FIX*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix {display: inline-block;}
/* Hides from IE-mac \*/* html .clearfix { height: 1%;} .clearfix {display: block;}

/*
Order of Elements...
	1. Display and Flow
	2. Positioning
	3. Dimensions
	4. Margins, Padding, Borders, Outline
	5. Typographic Styles
	6. Backgrounds
	7. Opacity, Cursors, Generated Content
*/

/***************************************************************
	Basic Elements */
body {
	font: normal 75% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}


/****************************************************************
	Generic Classes */


/****************************************************************
	Basic Layout */
#leftBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 9px;
	width: 50%;
	background: url(../images/bg-body-left.png) repeat-x;
}
#rightBg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 9px;
	width: 50%;
	background: url(../images/bg-body-right.png) repeat-x;
}
#wrapper {
	position: relative;
	z-index: 2;
	width: 972px;
	margin: 0 auto;
	padding: 0 11px;
	text-align: left;
	overflow: hidden;
	background: url(../images/bg-header.png) no-repeat center top;
}

#header {
	position: relative;
	height: 161px;
	background: url(../images/bg-header.png) no-repeat -11px top;
}

#content {
	position: relative; /* IE7 fix */
	width: 972px;
	height: 418px;
	overflow: hidden;
}
#contentSlider {
	position: relative;
	width: 8748px;
}
#content .homePage,
#content .insidePage {
	position: absolute;
	top: 0;
	left: 0;
	width: 972px;
	background: #fff;
}
#content #page1 {
	left: 972px;
}
#content #page2 {
	left: 1944px;
}
#content #page3 {
	left: 2916px;
}
#content #page4 {
	left: 3888px;
}
#content #page5 {
	left: 4860px;
}
#content #page6 {
	left: 5832px;
}
/*
#content #page7 {
	left: 6804px;
}
#content #page8 {
	left: 7776px;
}
#content #page9 {
	left: 8748px;
}
*/
#content #page8 {
	left: 6804px;
}
#content #page9 {
	left: 7776px;
}
#content .insideBg {
	margin-bottom: 18px;
	background: url(../images/bg-inside-content.png) repeat-y 293px top;
}
#content .main {
	float: right;
	width: 617px;
	padding: 0 37px 80px;
}
#content .sidebar,
#content .sidebarLogo {
	position: relative;
	float: right;
	width: 281px;
	padding-bottom: 80px;
}

#footer {
	position: relative;
	min-height: 100px;
	margin-top: 23px;
	font-size: .917em; /* 11px */
	text-transform: lowercase;
	line-height: 2.182em; /* 24px */
	background: url(../images/bg-footer.png) no-repeat left 44px;
}

/****************************************************************
	Header */

#header h2,
#content .sidebarLogo h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 195px;
	height: 161px;
	overflow: hidden;
}
#header h2 span,
#content .sidebarLogo h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-header.png) no-repeat -11px top;
	cursor: pointer;
}
#nav {
	position: absolute;
	top: 69px;
	left: 199px;
	font-size: 1.083em; /* 13px */
	line-height: 1.154em; /* 15px */
	color: #c3c3c3;
}
#nav li {
	float: left;
}
#nav a {
	display: block;
	float: left;
	padding: 1.154em 23px 0;
	text-decoration: none;
	color: #50402d;
	cursor: pointer;
}
#nav a.current,
#nav a:hover {
	color: #e36e05;
}
#nav a .subText {
	font-size: .846em; /* 11px */
	font-style: italic;
	line-height: 1.364em; /* 15px */
	color: #ae987e;
}
#nav span.divider {
	float: left;
	padding-top: 1.154em;
}
#contactLink {
	position: absolute;
	top: 7px;
	right: 1px;
	font-size: .917em; /* 11px */
	text-transform: lowercase;
	line-height: 2.545em; /* 28px */
}
#contactLink a {
	display: block;
	color: #960000;
	text-decoration: none;
}
#contactLink a:hover {
	text-decoration: underline;
}

/****************************************************************
	Footer */
#footer li {
	float: left;
}
#footer a {
	float: left;
	padding: 0 8px;
	text-decoration: none;
}
#footerNav {
	width: 100%;
	line-height: 1.818em; /* 20px */
	color: #d4c7b9;
}
#footerNav a {
	color: #867158;
}
#footerNav a:hover {
	color: #e36e05;
}
#footerSubNav {
	position: absolute;
	top: 56px;
	right: 0;
	color: #b3b3b3;
}
#footerSubNav a {
	color: #858585;
}
#footerSubNav a:hover {
	color: #575656;
}
#prevNext {
	position: relative;
	height: 18px;
	margin: 0 40px 18px 320px;
	text-align: center;
}
#prevNext a {
	float: none;
	padding: 0;
	color: #e36e05;
}
#prevNext a.previous {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#prevNext a.next {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
#prevNext a:hover {
	text-decoration: underline
}

/****************************************************************
	Content */

/* inside pages */

#content .banner {
	margin-bottom: 36px;
	padding-top: 8px;
}
#content .bannerswf {
	margin-bottom: 36px;
	padding-top: 8px;
}
#content .banner img {
	display: block;
/*	border-top: 8px solid #5a5a5a;
	border-bottom: 28px solid #f2f2f2;
*/}
.main {
	font-size: .917em; /* 11px */
	line-height: 1.727em; /* 19px */
	color: #5e5e5e;
}
.main a {
	color: #e36e05;
	text-decoration: none;
}
.main a:hover {
	text-decoration: underline;
}
.main h1,
.main h2 {
	padding: .385em 0; /* 10px */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.364em; /* 26px */
	line-height: 1.154em; /* 30px */
	color: #e36e05;
}
.main h3 {
	margin-bottom: .231em; /* 3px */
	font-size: 1.182em; /* 13px */
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.769em; /* 23px */
	color: #3e3e3e;
}
.main p {
	margin-bottom: 2.273em; /* 25px */
}
.main ul {
	margin: 0 0 2.273em 35px; /* 25px */
	list-style-image: url(../images/bullet-cross.png);
}
.main ol {
	margin: 0 0 2.273em 35px; /* 25px */
	list-style: decimal;
}
.main li {
	margin-bottom: .273em; /* 3px */
}
.sidebar {
	font-size: .917em; /* 11px */
	line-height: 1.455em; /* 16px */
	color: #30261c;
}
.sidebar .subNav h3,
.sidebar .widget h3 {
	margin-bottom: .174em; /* 4px */
	padding-left: 23px;
	font-size: 2.091em; /* 23px */
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1em;
	color: #574433;
	background: url(../images/bg-widget-header.png) no-repeat left 1px;
}
.sidebar .subNav h3 a,
.sidebar .widget h3 a {
	display: block;
	text-decoration: none;
	color: #574433;
}
.sidebar .subNav h3 span,
.sidebar .subNav h3 a span {
	color: #ae987e;
}
.sidebar .subNav ul {
	padding-bottom: 2.455em; /* 27px */
	line-height: 2.091em; /* 23px */
}
.sidebar .subNav ul a {
	display: block;
	padding: 0 0 0 25px;
	text-decoration: none;
	color: #595959;
	background: url(../images/bullet-star-hover.png) no-repeat 4px 7px;
}
.sidebar .subNav ul a:hover {
	color: #353535;
	background-position: 4px -84px;
}
.sidebar .subNav ul a.current {
	color: #e36e05;
	background-position: 4px 7px;
}
.sidebar .subNav ul a span {
	display: block;
	border-bottom: 1px solid #bebebe;
}
.sidebar .widget {
	padding: 2em 0 2.455em;
	background: url(../images/bg-widget.png) repeat-x;
}
.sidebar .widget .copy {
	padding: 0 25px;
}
.sidebar .widget h4,
.sidebar .widget p {
	margin-bottom: 1em;
}
.sidebar .features h4,
.sidebar .features p {
	padding: 0 25px;
}
.sidebar .widget ul {
	margin: 0 0 1em 16px;
	list-style-image: url(../images/bullet-star.png);
}
.sidebar .features ul {
	margin-left: 25px;
	color: #595959;
}
.sidebar .widget a {
	text-decoration: none;
	color: #e36e05;
}
.sidebar .widget a:hover {
	text-decoration: underline;
}
.sidebar .widget a.outboundLink {
	display: block;
	padding-left: 16px;
	color: #595959;
	background: url(../images/bullet-star.png) no-repeat left 5px;
}

/* home page */

#mainHome {
	position: relative;
	float: left;
	width: 672px;
	height: 402px;
	margin-right: 20px;
	padding-top: 8px;
	border-top: 8px solid #5a5a5a;
	background: url(../images/banner-home.jpg) no-repeat;
}
#mainHome h1 {
	position: absolute;
	right: 360px;
	top: 73px;
	text-align: right;
	font-size: 59px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1em;
	color: #fff;
}
#mainHome h2 {
	position: absolute;
	left: 319px;
	top: 103px;
	font-size: 23px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #fff;
}
#mainHome h3 {
	position: absolute;
	left: 319px;
	top: 130px;
	padding-right: 15px;
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	background: url(../images/star-home.png) no-repeat top right;
}
#mainHome h3 a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
#mainHome h3 a:hover {
	border: 0;
	padding-bottom: 1px;
}
#sidebarHome {
	float: left;
	width: 280px;
	font-size: .917em; /* 11px */
	line-height: 1.455em; /* 16px */
	color: #30261c;
}
#sidebarHome .login {
	margin-bottom: 2.727em; /* 30px */
}
#sidebarHome .login h3 {
	font-size: 2.545em; /* 28px */
	text-transform: uppercase;
	line-height: .893em; /* 25px */
	color: #960000;
	background: url(../images/navalis-logo-small.png) no-repeat right top;
}
#sidebarHome .login h4 {
	margin-bottom: .353em; /*6px */
	font-size: 1.545em; /* 17px */
	text-transform: uppercase;
	line-height: 1em; /* 17px */
	color: #2b2219;
}
#sidebarHome .formItem {
	float: left;
	width: 144px;
	margin-bottom: 12px;
}
#sidebarHome .left {
	min-height: 41px;
	margin-bottom: 0px;
}
#sidebarHome .right {
	width: 136px;
}
#sidebarHome label {
	line-height: 1.727em; /* 19px */
	color: #50402d;
}
#sidebarHome .txtInput {
	width: 116px;
	height: 20px;
	padding: 2px 9px 0;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #50402d;
}
#sidebarHome .loginBtn {
	float: right;
	width: 54px;
	height: 21px;
	margin-bottom: 3px;
	overflow: hidden;
	text-indent: -999em;
	background: url(../images/btn-login.png) no-repeat;
}
#sidebarHome .loginBtn:hover {
	background-position: left -21px;
}
#sidebarHome .login p.links {
	clear: left;
	float: left;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.636em; /* 18px */
}
#sidebarHome .login p.links a {
	text-decoration: none;
	color: #969696;
}
#sidebarHome .login p.links a:hover {
	text-decoration: underline;
}
#sidebarHome .login .error{
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.636em; /* 18px */
	color: #960000;
}
#sidebarHome .widget {
	padding: 2em 0 2.455em;
	background: url(../images/bg-widget.png) repeat-x;
}
#sidebarHome .news {
	padding-top: 1.182em; /* 13px */
	background-position: left -9px;
}
#sidebarHome .widget h3 {
	margin-bottom: 6px;
	padding-left: 33px;
	font-size: 29px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1em;
	color: #574433;
	background: url(../images/bg-widget-header-home.png) no-repeat left top;
}
#sidebarHome .widget h4,
#sidebarHome .widget p {
	margin-bottom: 1em;
}
#sidebarHome .widget ul {
	margin: 0 0 1em 25px;
	list-style-image: url(../images/bullet-star.png);
}
#sidebarHome .widget a {
	text-decoration: none;
	color: #e36e05;
}
#sidebarHome .widget a:hover {
	text-decoration: underline;
}
#sidebarHome .widget ul a {
	padding-left: 16px;
	color: #595959;
	background: url(../images/bullet-star-hover.png) no-repeat left 3px;
}
#sidebarHome .widget ul a:hover {
	text-decoration: none;
	color: #353535;
	background-position: left -88px;
}

