/**********/
/* reset */
/********/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
/* li{list-style:none;} */
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

.clear{ clear:both }

a{
	outline: none;	
	text-decoration: none;
}

h1, h2, h3, label, p, li{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f7f8cd;
}

h1{
	font-size:22px;
	padding-bottom:25px;
}

h2{
	font-size:20px;
	padding-bottom:15px;
}

h3{
	font-size:18px;
	padding-bottom:15px;
}

p, li{
	line-height:1.5em;
	font-size:18px;
}

.strike{
	color:#EED134;
	text-decoration:line-through; 
}

/**********/
/* Site  */
/********/
html,body{
	background-color: #080a14;
	background-image:url(../images/bg.gif);
	background-position:center top;
}

#wrap{
	
}

#header_wrap{
	width:876px;
	margin:auto;
	padding-top:25px;
}

#header{
	background-image:url(../images/heada-bg.gif);
	height:300px;
	background-position:center -25px;
	background-repeat:no-repeat;
}



#logo{
	width:224px;
	height:168px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}

*html #logo{
	background-image:url(../images/logo.gif);  
}

#wedo{
	width:530px;
	float:left;
}

#wedo p{
	
}

#wedo h1{
	line-height:1.5em;
	padding-top:5px;
}

#logo{
	float:left;
	width:270px;
}

#logo h1{
	display:none;
}


.main{
	width:876px;
	margin:auto;
}

.left_col{
	float:left;
	width:276px;
	margin-right:24px;
}

.left_col li span{
	color:#eecd15;
}

.mid_col{
	float:left;
	width:276px;
}

.big_col{
	float:left;
	width:550px;
}



.mid_col li span{
	color:#ef464a;
}

.right_col{
	float:right;
	width:276px;
	margin-left:24px;
}

.right_col li span{
	color:#26dc13;
}

.grid{
	background-image:url(../images/grid2.gif);
	background-color:#43475f;
	padding-top:25px;	
	margin-top:25px;
}


.big_grid{
	background-image:url(../images/grid2.gif);
	background-color:#43475f;
	padding-top:25px;
	margin-top:10px;
	margin-bottom:15px;
	float:left;
	width:876px;
	padding-bottom:15px;
}

.big_grid h1,
.big_grid p{
	padding-left:25px;
	padding-right:25px;
}
	
.grid ul{
	padding-left:45px;
	padding-right:25px;
}

.grid img,
.big_grid img.title{
	padding-left:25px;
	padding-bottom:15px;
}

.grid li{
	list-style:none;
	padding-bottom:15px;
	
	position:relative;
}

.grid li span{
	font-size:22px;
	font-weight:bold;
	font-family:"Arial Black", Arial, Helvetica, Gadget, sans-serif;
	
	position:absolute;
	left:-20px;
	top:0;
}


.content p{
	color:#f7f8cd;
	padding-right:20px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:25px;
}

.content p a,
.content h1 a,
.grid a{
	padding-bottom:2px;

	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00c2cc;
	color:#00c2cc;
	
}
.content p a:hover,
.content h1 a:hover,
.grid a:hover{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #EED134;
	color:#EED134;
}

.error{
	color:#EF464A;
}

.success{
	color:#00c2cc;
}

form .error{
	padding-left:0px !important;
}

form .success{
	padding-left:0px !important;
}



.img_bord{
	background:#333;
	background: rgba(255, 255, 255, 0.1);
	padding:10px;
	float:left;	
}


.title_box{
	clear:both;
	padding-top:50px;
}

.title_box p{
	padding-bottom:0px;
}

.sub_title_box{
	height:50px;
}

.design{
	float:left;
	margin:25px;	
}

.design p{
	padding-left:0px !important;
}

.border{
	border:1px solid #CCC;
	padding:4px;
	background-color:#303447;
}

.lCol{
	width:50%;
	float:left;
}

.rCol{
	width:50%;
	float:left;
}

#foota{
	clear:both;
	margin-bottom:50px;
}

#foota p{
	color:#60647c;
}

  /**************/
 /* Menu stuff */
/**************/
.menu{
	background-color:#303447;
	width:100%;
	float:left;	
}

.menu h1{
	text-align:right;
	padding-top:10px;
	padding-right:20px;
	padding-bottom:0px;
	font-size:26px;
}

.menu ul li {
	list-style: none;
	float:left;
}

.menu ul li a {
	padding-left:10px;
	padding-right:38px;
	padding-top:12px;
	padding-bottom:12px;
	
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	background-color:#43475f;
	
	background-image:url(../images/menu-bit.gif);
	background-position:right;
	background-repeat:no-repeat;

	display:block;
	float:left;
	
}

.menu ul li a#start{
	padding-left:20px;
}

.menu ul li a#end{
	background-image:url(../images/menu-bit-end.gif);
}

.menu ul li.current a{	
	cursor:default;
	color:#20dafa;	
}

.menu li a:hover{
	color:#eecd15;
}

.menu li a:active{
	color:#FF0;
}






  /**************/
 /* form stuff */
/**************/
#myForm,
#order{	
	padding:25px;
	padding-top:0px;
	
}


label{
	display:block;
	margin-bottom:4px;
}

input,
textarea{
	margin-bottom:25px;
	background-color:#303447;
	border:solid 1px #8f93ae;
	color:#f7f8cd;
	padding:4px;
	font-size:20px;
	width:250px;
	clear:both;
}

input#submitter{
	width:80px;
	margin-bottom:0px;
}

textarea{
	width:350px;
}
 
#log {
	
}
 
#log_res {
	overflow: auto;
}
 
#log_res.ajax-loading {	
	background: url(loading.gif) no-repeat left;	
	height:32px;
	width:300px;
}




.modal{
	cursor:pointer;
}


#ymdOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#ymdWindow {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	border-left:3px solid #303447;
	border-bottom:3px solid #303447;
}

#ymdTitle {
	
	position:relative;
	
	background-color:#303447;
	padding:5px;
	color:#FFF;
	font-size:18px;
	
}

#ymdTitle a{
	color:#EED134;
	border-bottom:1px dotted #EED134;
}

#ymdTitle a:hover{
	color:#20DAFA;
	border-bottom:1px dotted #20DAFA;
}


#ymdCloseLabel {
	position:absolute;
	right:5px;
	top:5px;
	width:21px;
	height:19px;
	background:url(../yamoodow/closeLabel.gif) no-repeat;
	cursor:pointer;
}
#ymdNavi {
	display:none;
}

#ymdContainerWrap {
	background:#fff;
}

.ymdStatusBar {
	display:none;
}
.ymdLoading {
	background-image:url(../yamoodow/ajax-loader.gif);
	background-position:0 center;
	background-repeat:no-repeat;
	padding-left:20px;
}