@CHARSET "ISO-8859-1";
@import url('reset.css');

html 										{ background: #1f252b url('../img/bg_001.gif') repeat-x; font-family: Arial, Sans-Serif; font-size: 12px; color: #2d2d2d; }
body 										{ background: url('../img/bg_002.jpg') repeat-x; min-height: 525px; }
.clearfix:after 							{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cb											{ clear: both; }
.col										{ float: left; }
.col25										{ float: left; width: 25%; }
.col33										{ float: left; width: 33%; }
.col40										{ float: left; width: 40%; }
.col50										{ float: left; width: 50%; }
.col60										{ float: left; width: 60%; }
.col75										{ float: left; width: 75%; }
.col100										{ float: left; width: 100%; }
/* ========== Header ========== */
#header 									{ position: absolute; left: 0; height: 138px; width: 100%; background: url('../img/bg_013.jpg') repeat-x; }
#header > .content 							{ width: 942px; height: 138px; margin: 0 auto;	background: url('../img/bg_014.jpg') repeat-x; position: relative; }
#logo										{ width: 308px; height: 112px; }
/* ========== Menu ========== */
#menu 										{ position: absolute;	right: 21px; top: 77px; }
#menu ul li 								{ display: inline; margin: 0 5px; }
#menu a 									{ color: #333; font-size: 1.2em; font-weight: bold; text-decoration: none; padding: 8px 10px; }
#menu a:hover 								{ color: #fff; background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#menu a.active 								{ color: #fff; background: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#menu ul li.active 							{ }
/* ========== Main ========== */
#main 										{ width: 940px;	margin: 0 auto;	background: #eff2f1; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;	-moz-box-shadow: 0 0 15px #666;	-moz-border-radius-bottomleft: 3px;	-moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
#main > .content 							{ padding: 135px 20px 20px; background: #fff; }
#main h1									{ color: #BE4F24; font-size: 1.8em; padding-top: 10px; }
.content2 									{ background: #eff2f1 url('../img/bg_005.jpg') no-repeat; border-top: 1px solid #ccc; padding: 30px 20px 20px; position: relative; }
.content2 p									{ margin: 5px 0; line-height: 14px; }
/* ========== FOOTER ========== */
#footer 									{ width: 940px; margin: 0 auto;	color: #5c6169; padding; 0; }
#footer .nav a 								{ color: #6a7078; margin: 0 7px 0 3px; text-decoration: none; }
#footer .nav a:hover			 			{ text-decoration: underline; }
#footer .nav .last a {margin-right:0; border:none}
#footer a:last-child 						{ }
#footer .nav, #footer .copyright 			{ text-align: right; margin-top: 8px; }
#footer .nav ul li 							{ display: inline; border-right: 1px solid #50555d; }
#footer ul li:last-child,
#footer ul li.last		 					{ border: none}
/* ========== Gallery ========== */
#gallery-menu 								{ width: 198px; height: 345px; float: left; margin: 20px 0 0 0; }
#gallery-menu ul 							{ }
#gallery-menu ul li 						{ }
#gallery-menu li a 						{ display: block; color: #333; width: 171px; padding: 10px 5px 10px 35px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gallery-menu a:hover,
#gallery-menu a.active 						{ color: #fff; background: #c04f25; }
#gallery-menu .edge 						{ display:none; }
#gallery-menu .edge:last-child 				{ width: 218px; height: 11px; position:absolute; top: 97%; background:url('../img/scroll_transparency_bottom.png') repeat-x bottom; }
/* =================== */
#gallery 									{ height: 350px; width: 692px; float: left; overflow: hidden; position: relative; margin-top: 20px; }
#gallery .content 						{ padding-left: 26px; width: 900px; padding-top: 0; }
#gallery .content ul 						{ float: left; margin: 0; }
#gallery .content li,
#related li 								{ width: 102px; padding: 5px; background: #e5e9ea; border: 1px solid #ccc; font-size: 0.9em; margin: 0 10px 18px; -moz-box-shadow: 0 0 2px #aeaeae; cursor: pointer; }
#gallery .content a						{ text-decoration: none; }
#gallery .content li a,
#related li a								{ color: #313131; text-decoration: none; }
#gallery .content li:hover,
#related li:hover 							{ background: #ced0cf; }
#gallery .content .label,
#related .label 							{ clear: both; display: inline-block; width: 50%; }
#gallery .content .value,
#related .value 							{ display: inline-block; width: 47%; text-align: right; }
#gallery .content img,
#related img 								{ border: 1px solid #ddd; }
#gallery .content p,
#related p 									{ margin-top: 5px; }
#related .content							{ padding: 20px; background: #e1e3e2; border-top: 1px solid #d3d5d4; }
#related h2									{ color: #517e9f; font-size: 1.2em; padding: 0 0 10px 20px; }
#related ul									{ margin: 0 27px; }
#related li									{ float: left; margin-bottom: 0; }
/* ========== Pagination ========== */
#pagination 								{ position: relative; padding-left: 36px; }
#pagination .content						{ padding: 0; width: auto; }
#pagination img 							{ border: none; }
#pagination .left 							{ position: absolute; left: 10px; z-index: 999; }
#pagination .right 							{ position: absolute; right: 0; z-index: 999; }
#pagination .middle 						{ position: absolute; padding-top: 5px; width: 100%; z-index: 9999; }
#pagination .content ul 								{ width: 100%; text-align: center; float: none; }
#pagination .content li 							{ width: auto; padding: 0; background: none; border: none; display: inline; margin: 0 2px; }
#pagination .content li a 							{ display: inline-block; color: #313131; padding: 2px 5px; margin: 0; border: 1px solid #cacaca; background: #e5e9ea; text-decoration: none; }
#pagination .content li a.jump 						{ background: #ced0cf; }
#pagination .content li a:hover 						{ padding: 2px 5px;	margin: 0; }
#pagination .content li a.active 					{ color: #fff; background: #be4f24; }
#pageLeft 									{ position: absolute; left: 36px; top: 0; z-index: 999; }
#pageRight 									{ position: absolute; right: 0; top: 0; z-index: 999; }
/* ==================== */
.ui-slider 									{ position: relative; text-align: left; width:15px; height:250px; }
.ui-slider .ui-slider-handle 				{ position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range 				{ position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-vertical 						{ width: 13px; height: 323px; position: relative; z-index: 200; margin-top: 11px; background: url('../img/bg_scroll.jpg') no-repeat; }
#content-slider-wrapper                     {
    height: 345px;
    float:left;
    position:relative;
    left: 8px;
    background: #fff; border-left: 1px solid #d6d8d7; border-right: 1px solid #d6d8d7;
    z-index: 199;
}
.ui-slider-vertical .ui-slider-handle 		{ width: 15px; height: 22px; cursor: pointer; border: 1px solid #b1b7b5; background: #2e425d; left: -2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: -11px;} 
.ui-slider-vertical .ui-slider-range 		{ left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min 	{ bottom: 0; }
.ui-slider-vertical .ui-slider-range-max 	{ top: 0; }
#content-slider 							{ float: left; }
#content-scroll 							{ width: 212px;  height: 345px; overflow: hidden; float: left; position: absolute; }
#content-holder 							{ height: 270px; }
/* ========== #Cart ========== */
#cart 										{ color: #cacaca; padding: 10px; position: absolute; right: 0; top: 8px; }
#cart .content 								{ color: #f1f1f1; padding: 4px 30px 4px 0; background: url('../img/shopping_cart.png') no-repeat right; }
#cart a, #cart a:visited 					{ color: #cacaca; }
/* ========== Intro ========== */
#intro 										{ width: 548px; float: left; margin-right: 20px; }
#intro .content								{ margin: 0; padding: 0; }
#intro h1 									{ font-size: 3em; border-bottom: 1px solid #cacaca; padding-bottom: 5px; margin-bottom: 15px; }
#intro p 									{ line-height: 18px; }
/* ========== Blog ========== */
#blog 										{ width: 320px; float: left; background: #ced0cf; padding: 6px; -moz-box-shadow: 0 0 5px #888; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#blog .content 								{ background: #e6eae9; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#blog h2 									{ color: #747675; font-size: 1.2em; text-align: center; border-bottom: 1px solid #737476; padding-bottom: 10px; margin-bottom: 10px; }
#blog ul li 								{ border-bottom: 1px solid #cacaca; padding: 13px 10px; }
#blog ul li a 								{ color: #446682; font-size: 1.2em; text-decoration: none; }
#blog ul li.last { border:0}
#blog .note 								{ text-align: right; margin-top: 10px; }
#blog .note a 								{ color: #bbbdbc; text-decoration: none; }
#blog a:hover 								{ text-decoration: underline; }
/* ========== Ajax ========== */
.loader 									{ width: 100%; height: 100%; position: absolute; top: 0; background: url('../img/loader.gif') no-repeat 50% 50%; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 9999; }
/* ========== Main ========== */
#main .content2 .left 						{ float: left; width: 505px; }
#main .content2 .right 						{ float: left; width: 380px; padding: 0 0 0 15px; }
.right .design img							{ border: 1px solid #dadcdb; }
/* ========== Details ========== */
#details 									{ padding: 20px; background: #fff; border-top: 1px solid #c4c2bc; line-height: 16px; }
#details span 								{ display: block; }
#details .col:last-child 					{ margin-left: 50px; }
#details label 								{ font-weight: bold; margin-right: 5px; }
#details a									{ color: #447199; }
/* ========== Pricing ========== */
#pricing									{ float: left; }
#pricing > span								{ display: block; margin-bottom: 5px; text-align: left; }
.regular-price,
.custom-price,
.configured-price							{ font-weight: bold; width: 150px; text-align: center; }
.configured-price							{ color: #fff; background: #74a20c; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.configured-price span.amount				{ font-weight: bold; font-size: 3em; line-height: 45px; text-shadow: 0 1px 3px #515151; }
/* ========== Buttons ========== */
.buttons									{ position: absolute; left: 238px; top: 28px; }
a.button-orange,
a.button-green								{ display: inline-block; height: 17px; color: #fff; font-size: 1.2em; padding: 8px 20px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px #888;  }
a.button-orange								{ background: url('../img/button-orange.jpg') repeat-x; text-shadow: 0 1px 3px #313131; }
a.button-green								{ color: #313131; background: url('../img/button-green.jpg') repeat-x; text-shadow: 0 1px 3px #e4f1c6; }
/* ========== Sharing ========== */
.share										{ text-align: right; margin-bottom: 20px; }
.share span									{ display: block; margin-bottom: 5px; }
.share img									{ -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 1px 1px 3px #888; }
/* ========== Order Form ========== */
#orderForm									{ margin: 30px 0; }
#orderForm div								{ margin: 0 0 10px 25px; }
#orderForm label							{ color: #888681; font-size: 1.2em; margin-right: 15px; }
#orderForm input							{ color: #c4c2bc; width: 300px; padding: 8px; font-size: 1.3em; border: 1px solid #cacaca; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#orderForm span								{ font-size: 1.2em; margin-left: 10px; }
#orderForm div.input						{ position: relative; }
#orderForm span								{ position: relative; top: 4px; }
/* ========== Email ========== */
.email										{ margin-top: 20px; }
.email img									{ margin-right: 10px; }
.email a									{ color: #517E9F; text-decoration: none; }
/* ========== Projects ========== */
#projects 									{ margin: 20px 0; }
#projects h2 								{ width: 100%; color: #be4f24; font-size: 1.4em; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #3b4047; }
#projects ul li 							{ width: 22%; float: left; margin-right: 37px;  }
#projects ul li:last-child					{ padding: 0; margin:0; }
#projects ul li.last 						{ padding: 0; margin:0; }
#projects a, .copyright a 								{ color: #447199; font-weight: bold; text-decoration: none; }
#projects a:hover, .copyright a:hover							{ text-decoration: underline; }
/* == GAME == */
#game { text-align:center; margin-bottom: 15px;}
.game_options{
    background: url('http://www.rhyta.com/templates/red/images/header_2.png') repeat scroll 0 0 #EEE;
    color: #FFF;
    font-family: Arial;
    margin-bottom: 10px;
    overflow: auto;
    padding: 8px;
    width: 883px;
    text-align: center;
    font-size: 1.3em;
}
.game_options_column1{
    float: left;
    margin-right: 4px;
    padding-top: 3px;
}
.game_options_column2{
    float: left;
    margin-right: 5px;
    padding-top: 2px;
    width: 105px;
}
#rateStatus{float:left; clear:both; width:100%; height:20px;}
    #rateMe{float:left; clear:both; width:100%; height:auto; padding:0px; margin:0px;}
    #rateMe li{float:left;list-style:none;}
    #rateMe li a:hover,
    #rateMe .on{background:url(/img/star/star.png) no-repeat;}
    #rateMe a{float:left;background:url(/img/star/empty_star.png) no-repeat;width:20px; height:20px;}
    #ratingSaved{display:none;}
    .saved{color:red; }