/* 
Site Css for Chistell.com Main page
Site design, css and layout was created by AlterCube
Author: Melissa Ray
copyrighted: 2009
 */

body{
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	background-color: #fff;
	
	margin: 0;
	padding: 0;
}

img{
	border: 0px;
}

a:link, a:active, a:link, a:visited {
color: #036591;
font-weight: bold;
	
}
a:hover{
	color: #e87016;
font-weight: bold;
}

/* @group site-layout
 */


#header{
		background-color: #fff;
		width: 900px;
	height: 75px;
	color: #000;
	margin: 0px auto;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding: 0;
}

#header img{
	float: left;
	margin: 0;
}

#menu-nav ul{
	margin: 0 auto;
}
#menu-nav li{
	display: block;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
	padding-left: 25px;
}

#menu-nav a{
	font-weight: bold;
	text-decoration: none;
}

#menu-nav a:hover{
	font-weight: bold;
	color: #fff;
	background-color: #e16e0f;
}
#image-header{
	height: 200px;
		background: #0c3560 url(../images/bg-header.png) repeat-x;
	width: 100%;
	margin: 20px auto 0px;
		padding: 0;
}
#image{

		width: 900px;
	height: 200px;
		padding: 0;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

/* My Comment */
#image img{
	margin-top: -25px;
}

#page-wrapper{

		margin: 0px auto;
		padding: 0;
	background-color: #fff;
	color: #000;
width: 900px;
}

#content-wrapper{
	width: 900px;
background-color: #fff;
	margin-top: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* @group Content-Wholepage */
#content-left{
width: 450px;
float: left;


}

#content-wholepage h1{
	color: #029902;
}

#content-wholepage h2{
		color: #e6740d;
}

#content-wholepage p{
	margin-left: 30px;
	height: 150px;
	color: #000;
	
	line-height: 20px;
	font-size: 13px;
}



/* @end */



/* @group content-left */

#content-left{
width: 410px;
float: left;
}

#content-left h1{
	color: #029902;
}

#content-left h2{
		color: #e6740d;
}

#content-left p{
	
	color: #000;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 30px;
}
.book-img{
float:left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.order{
	background-color: #0c3560;
	border: 3px solid #0c3560;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
}
.order a:link{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.order a:visited{
	color: #fff;
	font-weight: bold;
		text-decoration: underline;
}

a.order:active{
	
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.order a:hover{
	color: #fff;
	font-weight: bold;
		text-decoration: none;
	background-color: #092441;
	
}

/* @end */

/* @group content-right */

#content-right{
width: 400px;
	float: left;
	margin-left: 10px;
	
}


#newsletter{
	
	height: 200px;
	color: #000;
	width: 300px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	
	margin-left: 65px;
}

#newsletter h2{
	color: #0c3560;
}

.sub{
	
	background-color: #0c3560;
	height: 100px;
	color: #fff;
	border: 3px solid #0c3560;
}
#writing-tip{
	
	width: 300px;
	color: #000;
	margin-left: 65px;
	font-size: 12px;
	margin-right: 30px;
}
#writing-tip p{
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
#writing-tip h2{
	color: #0c3560;
}


.input-box{
	border: 1px solid #0c3560;
}

.input-button{
	border: 1px solid #a3540a;
	background-color: #ff950d;
	color: #000;
	float: right;
	margin-right: 110px;
}

#contests{
	
	height: 175px;
	color: #000;
	width: 300px;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	margin-left: 65px;
	margin-top: 20px;
}

#contests h2{
	color: #0c3560;
}

/* @end */


#footer{
color: #000;
	font: 13px Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 100px;
}


/* @group form */

#form1{

}

#form1 p{
	
	margin: 10px 0 0;
	width: 300px;
	float: left;
}

#form1 input{
	float: right;
	border: 1px solid #0c3560;
	margin-right: 10px;
}

#form1 label{
	font-weight: bold;
	font-size: 13px;
	color: #000;
		float: left;

}

#form1 textarea{
	float: right;
	border: 1px solid #0c3560;
	margin-right: 10px;
}
#form1 select{
	float: right;
	width: 150px;
	border: 1px solid #0c3560;
	margin-right: 10px;
}

#contact-info{
	color: #092645;
	text-align: left;
	line-height: 30px;
	margin-left: 200px;
}
#contact-info h4{
	font-size: 16px;
	color: #092543;
}
/* @end */
.copy{
	font-weight: bold;
	text-align: center;
}
#other{
	display: none;
}

#order{
margin: 0;
padding: 0;
	}
#order p{
margin: 0;
padding: 0;
	}
	
#order ul{
margin: 0;
padding: 0;
	}
#order li{
	width: 250px;
	display: block;
	float: left;
	text-align: center;
	list-style-type: none;
	margin: -100px -15px 90px -50px;
}



.buy{
	background-color: #0c3560;
	font-size: 10px;
	width: 80px;
	height: 27px;
	border: 3px solid #0d3969;
	color: #fff;
	font-weight: bold;
	padding-left: 3px;
	margin-bottom: 30px;
}


/* @end */

#thankyou{
	margin-bottom: 100px;
	color: #000;
	font: 15px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 65px;
}