/* Start of CMSMS style sheet 'main' */
/* CSS Document */

html, body {background:#000; color:#333;}

#page-wrapper {width:820px; margin:0 auto; text-align:left;}
#page-header {position:relative; height:170px; background:#000 url(uploads/images/template/header-bg.jpg) bottom right no-repeat; border-bottom:solid 1px #000;}
#logo {position:absolute; bottom:10px; left:0;}
#page-header, #page-header a {color:#fff;}
#page-header p {float:right; padding-top:10px; font:normal 10pt/1.2em Arial, Helvetica, sans-serif;}
#page-header p span {color:#666; margin:0 5px;}
#page-nav {background:#000 url(uploads/images/template/nav-bg.jpg) 0 0 repeat-x; border-bottom:solid 10px #333;}
#page-nav li {display:inline; line-height:40px;}
#page-nav a, #page-nav a:visited {color:#e5e5de; font:normal 16px/40px Arial, Helvetica, sans-serif; padding:12px 10px;}
#page-nav a.rust {background:#5b3801 url(uploads/images/template/nav-bg-rust.jpg) 0 0 repeat-x;}
#page-nav a.ocean {background:#053349 url(uploads/images/template/nav-bg-ocean.jpg) 0 0 repeat-x;}
#page-nav a.shiraz {background:#670000 url(uploads/images/template/nav-bg-shiraz.jpg) 0 0 repeat-x;}
#page-nav a.cocoa {background:#2e201a url(uploads/images/template/nav-bg-cocoa.jpg) 0 0 repeat-x;}
#page-nav a.slate {background:#535e5e url(uploads/images/template/nav-bg-slate.jpg) 0 0 repeat-x;}
#page-nav a.wasabi {background:#5d7201 url(uploads/images/template/nav-bg-wasabi.jpg) 0 0 repeat-x;}

#page-nav a:hover, #page-nav a.on, 
#page-nav.rust a.rust, #page-nav.ocean a.ocean, 
#page-nav.shiraz a.shiraz, #page-nav.cocoa a.cocoa, 
#page-nav.slate a.slate, #page-nav.wasabi a.wasabi {color:#fff; background-image:none;}

#page-nav.rust {border-bottom-color:#5b3801;}
#page-nav.ocean {border-bottom-color:#053349;}
#page-nav.shiraz {border-bottom-color:#670000;}
#page-nav.cocoa {border-bottom-color:#2e201a;}
#page-nav.slate {border-bottom-color:#535e5e;}
#page-nav.wasabi {border-bottom-color:#5d7201;}


#page-content {position:relative; background:#e5e5de; text-align:left; font:normal 10pt/1.4em Arial, Helvetica, sans-serif; color:#333;}
#main-column {position:relative; top:0; left:0; margin-right:250px; background:#f2f4f0 url(uploads/images/template/col-shadow.jpg) right top no-repeat;}
#side-column {position:absolute; top:0; right:0; width:250px;}
#main-column .padding {padding:30px;} 
#side-column .padding {padding:20px;}

#base-nav {background:#f2f4f0; margin-top:1px;}
#base-nav li {display:inline; border-left:solid 1px #ccc; height:30px; line-height:30px;}
#base-nav li a, #base-nav li a:visited {padding:4px 8px; color:#666; font-size:12px;}
#base-nav li a:hover {color:#000;}

#page-footer {margin:15px 0 50px 0; color:#666;}
#page-footer li {display:inline; border-left:solid 1px #333; padding:2px 10px;}
#page-footer li a, #page-footer li a:visited {color:#666; text-decoration:underline;}
#page-footer li a:hover {color:#fff; text-decoration:none;}
#page-footer li a.pdf, #page-content a.pdf {padding:3px 0 3px 20px; background:transparent url(uploads/images/template/icon-pdf.png) 0 2px no-repeat;}
#page-footer li.first,
#base-nav li.first {padding-left:0; margin-left:0; border-left:none;}

h1, #page-content h1 a, #page-content h1 a:visited {font-size:24pt; font-weight:bold; color:#333; line-height:1.2em; margin:10px 0;}
h2, #page-content h2 a, #page-content h2 a:visited {font-size:10pt; font-weight:bold; color:#000; text-transform:uppercase; line-height:1.2em; letter-spacing:0.1em; margin:20px 0 0 0;}
h3, #page-content h3 a, #page-content h3 a:visited {font-size:11pt; font-style:italic; color:#333; font-family:Georgia, "Times New Roman", Times, serif; margin:15px 0 5px 0;}
p {margin:10px 0;}

em, i {font-style:italic;}
strong, b {font-weight:bold;}

#page-content a, #page-content a:visited {text-decoration:underline; color:#036;}
#page-content a:hover, #page-content a:visited:hover {text-decoration:none; color:#06f;}

a span, a:visited span {font:normal 9px/1.2em Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}


hr {border:0; height:1px; width:100%; text-align:center; border-bottom:dotted 1px #999; margin:20px 0; clear:both;}

#feature {width:230px; float:right; margin:0 0 30px 30px; background:transparent url(uploads/images/template/feature-base.jpg) left bottom repeat-x; padding-bottom:25px;}
#feature .padding {padding:5px 15px; background:#e4e0da;}
#feature h2 {width:230px; height:65px; overflow:hidden; margin:0; background:transparent url(uploads/images/template/what-is-it.jpg) 0 0 no-repeat; text-indent:-9999px;}
#feature h3 {font-size:9pt; margin-top:0;}


.imgL {
	float: left;
	clear: both;
	margin: 0 10px 5px 0;
}

.imgR, .products img {
	float: right;
	clear: both;
	margin: 0 0 5px 10px;
}

.shadow {background:transparent url(uploads/images/img-shadow.png) 0 bottom no-repeat; padding-bottom:10px;}

ul.sections {list-style:none; margin:0; padding:0;}
ul.sections li {display:block; border-bottom:dashed 1px #999; margin-bottom:15px; padding:10px 5px; clear:both;}
ul.sections li img {float:right; padding:10px 15px;}
ul.sections h2, ul.sections p {margin:0; padding:5px 0 0 0;}
.clear {clear:both;}

.movie {text-align:center; padding:10px; margin:10px auto; border-top:dotted 1px #ccc;}
.player {margin:0 auto;}
.player object {display:inline-block; border:solid 10px #000;}

.box {background-color:#e5e4de; padding:5px 15px; margin: 20px 0;}

#page-content ul {margin:5px 0 5px 15px; padding:0; list-style-type:disc;}
dl {font-size:10pt; font-weight:bold;}
dt {margin-top:10px;}
dd {margin-left:20px;}

/* End of 'main' */