html {
	background: #174260;
}

body  {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.22em;
	font: normal 12px/18px Helvetica, Arial, Verdana, sans-serif;
	background: #174260 url(../images/bg_loop.png) repeat-x;
	color: #333;
}

/* Reset Rules
---------------------------- */

ol,ul {
	list-style:none;
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	padding: 0;
}
a {
	outline: 0;
	color: #335979;
}
a:hover {
	text-decoration: none;
}

/* Container Rules
---------------------------- */

#container  {
	width: 910px;
	margin: 0 auto;
	text-align: left;
}

#header {
	width: 390px;
	height: 238px;
	padding: 50px 63px 0 457px;
	background: #cbdbe5 url(../images/header_bg.jpg) no-repeat;
}

#header h2 {
	margin: 0;
	color: #000;
}

#header p {
	line-height: 18px;
	color: #23425d;
}

a#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 229px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
}

/* Navigation Rules
---------------------------- */

#nav {
	position: relative;
	width: 875px;
	height: 37px;
	background: #6292ab url(../images/nav_bg_loop.png) repeat-x;
	padding: 43px 35px 0 0;
}

#buttons {
	float: right;
}

#unav {
	position: absolute;
	top: 14px;
	right: 35px;
}

#unav a {
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	color: #cddae3;
	margin: 0 0 0 8px;
}

#unav a:hover {
	color: #fff;
}

/* Content Rules
---------------------------- */

#homepage {
	width: 910px;
	background: #fff;
	padding: 0 0 20px 0;
}

#content {
	width: 858px;
	padding: 32px 26px 20px 26px;
	background: #fff url(../images/content_bg_loop.png) repeat-x top left;
	min-height: 700px;
}

#content_tour {
	width: 910px;
	padding: 32px 0 20px 0;
	background: #fff url(../images/content_bg_loop.png) repeat-x top left;
}

#shadow {
	position: relative;
	width: 664px;
	min-height: 358px;
	height: auto !important; /* Fixing IE6 */
	height: 358px; /* Fixing IE6 */
	padding: 80px 0 0 0;
	background: url(../images/shadow_bg.png) no-repeat;
}

#shadow_wide {
	position: relative;
	width: 857px;
	min-height: 358px;
	height: auto !important; /* Fixing IE6 */
	height: 358px; /* Fixing IE6 */
	padding: 73px 0 0 0;
	margin: 0 0 0 26px;
	background: url(../images/shadow_wide_bg.png) no-repeat;
}

#shadow h1, #shadow_wide h1 {
	position: absolute;
	color: #23425d;
	font-size: 24px;
	top: 26px;
	left: 36px;
       width: 400px;
}

#shadow p {
	margin: 0 125px 26px 36px;
	line-height: 16px;
}

#callout {
	float: right;
	width: 185px;
	padding: 36px 0 0 0;
}

body#category_whousesosmos #callout {
	background: url(../images/bkg_peoplesaying.png) no-repeat;
        padding: 75px 0 0 0;
        line-height: 16px;
}

body#category_whousesosmos #callout span.name {
	padding: 5px 0 0 0;
display: block;
}


.users,
.faqs {
	background: url(../images/dashed_line.png) no-repeat bottom left;
	width: 577px;
	min-height: 100px;
	height: auto !important; /* Fixing IE6 */
	height: 66px; /* Fixing IE6 */
	padding: 20px 30px 20px 15px;
}
.faqs strong a {
	font-size: 16px;
}
#shadow .faq_answers p,
#shadow #content_group p {
	margin: 0;
	padding: 20px 30px 0 15px;
	font-size: 12px;
}
#user_group,
#faq_group,
#start_group,
#content_group {
	padding: 0 0 1px 0;
	margin: 0 0 0 20px;
}
#contact_group {
	padding: 0 40px 0 145px;
}
.contact {
	background: url(../images/dashed_line.png) no-repeat bottom left;
	padding: 10px 0 10px 20px;
	line-height: 16px;
}
#shadow #start_group p {
	margin: 0;
	padding: 0 30px 20px 15px;
	font-size: 12px;
}
#start_group ol {
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
}
#start_group ol li {
	padding: 0 0 0 25px;
}
#start_group ol li.one {
	background: url(../images/icons/one.png) no-repeat 0 0;
}
#start_group ol li.two {
	background: url(../images/icons/two.png) no-repeat 0 0;
}
#start_group ol li.three {
	background: url(../images/icons/three.png) no-repeat 0 0;
}
#start_group ol li.four {
	background: url(../images/icons/four.png) no-repeat 0 0;
}
#start_group ol li.five {
	background: url(../images/icons/five.png) no-repeat 0 0;
}
#start_group table {
	margin: -10px 0 20px 16px;
	padding: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#start_group table th,
#start_group table td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px 0 3px 0;
	text-align: center;
	width: 145px;
}
#start_group table th {
	color: #13324d;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	padding: 6px 0 3px 0;
}
#start_group table td {
	background: #eef3fd;
}

/* Category BG Rules
----------------------- */

div.category_getstarted {
	width: 415px;
	height: 107px;
	background: url(../images/get_started_bg.jpg) no-repeat bottom left;
	padding: 15px 60px 0 170px;
	font-weight: bold;
	color: #999;
	margin: 0 0 0 10px;
	line-height: 24px;
font-size: 16px;
}

div.category_contact {
	width: 415px;
	height: 101px;
	background: url(../images/contact_bg.jpg) no-repeat bottom left;
	padding: 10px 60px 0 155px;
	font-weight: bold;
	color: #999;
	line-height: 24px;
font-size: 16px;
	margin: 0 0 0 10px;
}

div.category_whousesosmos {
	width: 370px;
	height: 107px;
	background: url(../images/who_uses_bg.jpg) no-repeat 20px bottom;
	padding: 15px 60px 0 195px;
	font-weight: bold;
	color: #999;
	line-height: 24px;
font-size: 16px;
	margin: 0 0 0 10px;
}

div.category_reseller {
	width: 415px;
	height: 112px;
	background: url(../images/reseller_bg.jpg) no-repeat bottom left;
	padding: 15px 60px 0 170px;
	font-weight: bold;
	color: #999;
	line-height: 24px;
font-size: 16px;
	margin: 0 0 0 10px;
}
div.category_aboutus {
	width: 525px;
	min-height: 40px;
	background: url(../images/blank_bg.jpg) no-repeat bottom left;
	padding: 15px 60px 15px 25px;
	font-weight: bold;
	color: #999;
	line-height: 24px;
font-size: 16px;
	margin: 0 0 0 10px;
}
div.rails {
	width: 440px;
	min-height: 105px;
	background: #f2f6fd url(../images/rails_logo.png) no-repeat 15px 50%;
	padding: 15px 60px 15px 95px;
	margin: 20px 10px 0 35px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div.rails h3 {
	padding: 0 0 0 15px;
	margin: 0;
}
#shadow div.rails p {
	padding: 0 0 0 15px;
	margin: 0;
}

/* Tour Rules
-------------- */

.tour_dashboard {
	background: url(../images/tour/dash.png) no-repeat;
}
.tour_content {
	background: url(../images/tour/content.png) no-repeat;
}
.tour_gallery {
	background: url(../images/tour/gallery.png) no-repeat;
}
.tour_permissions {
	background: url(../images/tour/permissions.png) no-repeat;
}
.tour_news {
	background: url(../images/tour/news.png) no-repeat;
}
.tour_events {
	background: url(../images/tour/events.png) no-repeat;
}
.tour_directory {
	background: url(../images/tour/directory.png) no-repeat;
}

#feature_list {
	padding: 0 0 1px 0;
	margin: 0 66px 0 62px;
}

#orange_bar {
	width: 910px;
	height: 87px;
	margin: 10px 0 22px -26px;
	text-align: center;
	background: url(../images/orange_bar_bg.png) repeat-x;
}

#orange_bar a {
	font-size: 12px;
	color: #5b3620;
	text-shadow: #ffd596 0px 1px 0px;
	line-height: 37px;
	padding: 0 12px 9px 12px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	font-family: 'MS Trebuchet', Arial;
}

#orange_bar a:hover, #orange_bar a.active {
	background: url(../images/orange_nav_bg_loop.png) repeat-x;
}

#orange_bar p {
	margin: 8px auto 0 auto;
	color: #76462a;
	width: 658px;
	line-height: 14px;
}

.feature_item {
	position: relative;
	background: url(../images/dashed_line.png) no-repeat top left;
	width: 323px;
	min-height: 60px;
	height: auto !important; /* Fixing IE6 */
	height: 66px; /* Fixing IE6 */
	padding: 15px 20px;
	float: left;
}
.noline {
		background: none;
}

.users a img {
	float: left;
	border: none;
}

.feature_item img {
	position: absolute;
	top: 1px;
	left: 20px;
}

#shadow div.users p {
	margin: 0 1px 0 170px;
}

#shadow div.users h4 {
	margin: 0 1px 0 170px;
	text-transform: uppercase;
	color: #71a8cd;
	font-size: 11px;
}

#shadow_wide div.feature_item p {
	margin: 0 1px 0 85px;
	padding: 0;
	line-height: 14px;
	font-size: 11px;
}

#shadow_wide div.feature_item h4 {
	margin: 0 1px 0 85px;
	padding: 0;
	text-transform: uppercase;
	color: #71a8cd;
	font-size: 11px;
}

div.scroller { 
	width: 800px; 
	height: 430px;
	overflow: hidden;
	margin: 0 auto;
}

div.scroller div.section {		
	width: 800px;
	height: 489px;
	overflow: hidden;
	float: left;
}

/* Uncomment this to go side to side
div.scroller div.test {
	width: 10000px;
}
*/

#grad_holder {
	position: relative;
}

#grad_top {
	position: absolute;
	top: -10px;
	left: 32px;
	background: url(../images/grad_top.png) no-repeat top left;
	width: 800px;
	height: 40px;
	z-index: 10;
}

#grad_btm {
	position: absolute;
	bottom: -10px;
	left: 32px;
	background: url(../images/grad_btm.png) top left no-repeat;
	width: 800px;
	height: 59px;
}

/* Homepage Feature Box Rules
---------------------------- */

#feature_box {
	width: 646px;
	height: 278px;
	float: left;
	display: inline;
	margin: 0 13px 0 17px;
	padding: 0 0 0 2px;
	background: #ece5bf;
}

#feature_box img {
	border: 7px solid #ded5b0;
}

.feature {
	float: left;
	margin: 0 0 0 18px;
	display: inline; /* IE6 Fix */
	width: 191px;
}	

.feature h4 {
	color: #23425e;
	margin: 10px 0 0 7px;
	font-weight: bold;
}

.feature p {
	color: #666666;
	line-height: 16px;
	margin: 0 0 0 7px;
}

#others {
	margin: 0 0 0 688px;
	padding: 60px 0 0 0;
	background: url(../images/other_features.png) no-repeat top left;
	font-size: 11px;
}

#others a {
	color: #4d7794;
}
#others a:hover {
	color: #cf9231;
	text-decoration: none;
}

#others dl {
	background: url(../images/other_dotted.png) no-repeat bottom left;
	padding: 0 0 10px 0px;
	margin: 6px 0 0 3px;
	width: 185px;
}

#others dl dt {
	float: left;
	width: 27px;
	height: 34px;
}

#others dl dt.globe {
	background: url(../images/other_globe.png) no-repeat 0 2px;
}

#others dl dt.group {
	background: url(../images/other_group.png) no-repeat 0 2px;
}

#others dl dt.logs {
	background: url(../images/other_logs.png) no-repeat 0 2px;
}

#others dl dd {
	padding: 2px 0 0 33px;
	line-height: 13px;
}

#others dl dd h5 {
	color: #29425b;
	font-weight: bold;
	font-size: 11px;
}

a#full_list {
	display: block;
	width: 164px;
	height: 21px;
	color: #29425b;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0 0 18px;
	font-size: 11px;
	background: url(../images/btn_full_list.png) no-repeat;
}
a#full_list:hover {
	color: #4D7794;
}

/* Footer Rules
---------------------------- */

#footer {
	width: 890px;
	padding: 8px 0 0 20px;
	border-top: 5px solid #387393;
	color: #81a1b5;
	margin: 0 0 10px 0;
}
#footer a {
	color: #81a1b5;
	text-decoration: underline;
}
#footer a:hover {
	color: #fff;
	text-decoration: none;
}

/* Misc Rules
---------------------------- */

.clear {
	clear: both;
}

/* SupraFlex Button Rules
---------------------------- */

a.supra span.flex {
	background: url(../images/button_bg.png) top right no-repeat;
	padding: 6px 20px 2px 0;
	display: block;
}

a.supra {
	background: url(../images/button_bg.png) top left no-repeat;
	height: 22px;
	padding: 0 0 0 20px;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
	margin: 0 0 0 8px;
	_margin: 0 0 0 4px;
	display: block;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
}

a.supra:hover {
	background: url(../images/button_bg.png) bottom left no-repeat;
}
a.supra:hover span.flex {
	background: url(../images/button_bg.png) bottom right no-repeat;
}
a#active {
	color: #e8ae52;
	background: url(../images/button_bg.png) bottom left no-repeat;
}
a#active span.flex {
	background: url(../images/button_bg.png) bottom right no-repeat;
}
body#category_homepage a#overview.supra,
body#category_whousesosmos a#who.supra,
body#category_takeatour a#tour.supra,
body#category_faq a#faq.supra,
body#category_getstarted a#started.supra {
	color: #e8ae52;
	background: url(../images/button_bg.png) bottom left no-repeat;
}
body#category_homepage a#overview.supra span.flex,
body#category_whousesosmos a#who.supra span.flex,
body#category_takeatour a#tour.supra span.flex,
body#category_faq a#faq.supra span.flex,
body#category_getstarted a#started.supra span.flex {
	background: url(../images/button_bg.png) bottom right no-repeat;
}