/*  CSS Document */

* { padding: 0; margin: 0; }

body { font-size: 62.8%; font-family: Helvetica, Arial, sans-serif; background: url(images/bg.jpg) repeat-x; }

#page { width: 900px; margin: 0 auto; }

#header { height: 150px; position: relative;}

#logo { position: absolute; left: 34px; top: 0; width: 231px; height: 187px; text-align: center; font-size: 1em; color: #000;}
#logo span { position: absolute; top: 0; left: 0; width: 231px; height: 187px; background: url(images/ryno.png) no-repeat;}

#nav { list-style: none; margin-left: 380px;}
#nav li { float: left; margin-right: 2px;}
#nav li a { display: block; padding: 55px 15px 5px; font-size: 2em; color: #fff; text-decoration: none;}
#nav li a.selected, #nav li a:hover { border-bottom: 3px solid #7D96A5; background: #00404E;}

p { font-size: 1.4em; line-height: 1.3em; margin: 1em 0;}
a img { border: none;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}
a.button { float: right; display: block; padding: 5px 10px 3px; background: url(images/button_bg.gif) repeat-x center center #3889b3; color: #fff; text-decoration: none; margin-top: 1em;}
a.button:hover { text-decoration: underline; background-image: none; background-color: #00404E}
.alignleft { float: left; margin-right: 1em;}
.alignright { float: right; margin-left: 1em; text-align: right;}
.clearer { clear: both;}
.imgright { float: right; margin: 0 0 0 8px;}
.imgleft {float: left; margin: 0 8px 0 0;}

#feature { height: 245px; position: relative; color: #fff;}
#feature_prev { position: absolute; top: 107px; left: 305px; z-index: 99;}
#feature_next { position: absolute; top: 107px; right: 5px; z-index: 99;}
#feature_inlay { position: absolute; right: 0; top: -27px;width: 600px; height: 300px; background: url(images/features.png) no-repeat;}
#features { margin: 20px; width: 560px; height: 360px; }
#features .feature_item { margin: 20px; width: 520px; height: 220px;}
#features .feature_item h1, #features .feature_item h2 { font-size: 3em;}
#features .feature_item h2 { text-align: right;}
#features .feature_item p {color: #002430;}

#top_box { float: right; width: 580px; height: 215px; padding: 30px 0 0 0;}
#top_box h1 { color: #CADB2A; font-weight: normal; font-size: 6em;}
#top_box p { font-size: 1.6em;}

#feature .downloads { padding-top: 40px; width: 290px; }
#feature .downloads a { display: block; color: #fff; border-bottom: 1px dashed #CADB2A; padding-bottom: 0.5em; margin-bottom: 1.5em;}
#feature .downloads a.last { border: none; margin: 0; padding: 0;}
#feature .downloads a h3 {  font-size: 2em; padding: 0.25em 0 0 0;}

h1.page-title {  font-weight: normal; font-size: 6em; color: #CADB2A; text-align: center; width: 300px; text-transform: uppercase;}
.subnav { list-style: none; width: 300px; padding-top: 50px;}
.subnav li { margin: 5px 0; border: 1px solid #CADB2A; padding: 1px;}
.subnav li a { padding: 7px 10px 5px 10px; font-size: 1.6em; font-weight: bold; color:#e5ed95;  display: block; }
.subnav li a.selected, #feature .subnav li a:hover { background: #CADB2A; color: #334C23;}

#content { padding-top: 40px;}
.main {width: 590px; float: right; margin-left: 10px; padding-top: 10px;}
.main .col1 { width: 285px; padding-right: 9px; margin-right: 10px; float: left; border-right: 1px dashed #666;}
.main .col2 { width: 285px; float: left;}

.sidebar { width: 300px; float: right; }
.sidebar .shadow { padding: 5px 10px; background: url(images/sidebar_bg.png) repeat-y;}
.sidebar .item { border-bottom: 1px dashed #666; padding: 3px; margin-bottom: 5px;}
.sidebar .item.last {border: none; margin-bottom: 0;}

#content h2 { font-size: 2em; color: #fff; background: #002430; padding: 7px 5px 5px;}
#content h2 { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#content h3 { padding: 0.5em 0 0.25em 0; font-size: 1.6em; color: #002430; }
#content .sidebar .item.first h3 { border: none; }

#content hr { border: none; border-top: 1px dashed #666; margin: 20px 0; }
#content li { font-size: 1.4em; margin:1em 0 0 25px;}

#content .port { list-style: none;}
#content .port li{ margin: 0; float: left; width: 95px; height: 95px;}
#content .port li a { display: block; padding: 10px;  height: 75px; width: 75px; background: url(images/port_bg_small.png) no-repeat;}

#content .portfolio { list-style: none; padding-top: 10px;}
#content .portfolio li { margin:0; float: left; width: 195px; height: 195px; text-align: center;}
#content .portfolio li a { display: block; padding: 10px; height: 175px; width: 175px; background: url(images/port_bg.png) no-repeat;}
#content .portfolio li a img { margin-bottom: 3px;}

.site_image { text-align:center; }

#footer { background: url(images/footer_bg.jpg) repeat-x; padding: 10px; color: #fff; margin-top: 40px;}
#footer .center { width: 900px; margin: 0 auto;}
#footer a { color: #fff; }
a.livechat { display: block; width: 166px; height: 27px ; background: url(images/livechat.png) no-repeat; padding: 14px 24px 0 0;}

/* disclosure */

.disclosure, .disclosure-closed {	margin: 0;}
.disclosure-img {	float: left; margin: 4px 10px 0 15px; }
.disclosure h1, .disclosure-closed h1, .disclosure h2, .disclosure-closed h2, .disclosure h3, .disclosure-closed h3, 
.disclosure h4, .disclosure-closed h4 {	cursor:pointer;	}
	
#tabs div { clear: left;padding-top: 10px;}

/* client portal */
.error {color:#ff0000; background-color:#fff6f6; padding:2px;}
.negativeMargin {margin-top:-25px;}
#loginbox {padding:10px; background-color:#62808e; border:2px solid #003f61; margin-top:10px;}
#loginbox td{padding:5px; font-size:1.2em;}