/* Page Colors ############################ */

/* Main page border */
#container {
	border-top: 1px solid #4791D5;
	border-bottom: 1px solid #4791D5;
	border-left: 1px solid #4791D5;
	border-right: 1px solid #4791D5;
}

/* Stripe under header image */
#header {
	border-bottom: 1px solid #fff;
}

/* Nav button normal */
#nav li a:link, #nav li a:visited { 
	background: #4791D5;
}

/* Nav button hover */
#nav li a:hover { 
	background: #22629E;
}

/* Bottom Nav Background */
#bottomnav {
	background: #4791D5;
}

/* Bottom Nav button normal */
#bottomnav li a:link, #navbottom li a:visited { 
	background: none;
}

/* Bottom Nav button hover */
#bottomnav li a:hover { 
	background: #22629E;
}

/* Colors end ############################ */


/* Main styles ############################ */
body {
	margin-top: 0px;
	padding-top: 0px;
	font-family: arial, helvetica, sans-serif;
	background: #E3EDF6;
}

img.centered {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.center { text-align: center; }

.float_left { float: left; }
.float_right { float: right; }
.clearer { clear: both; }

h1  { font-size: 30px; margin-top: 13px; }
h2  { font-size: 25px; margin-top: 13px; }
h3  { font-size: 18px; margin-top: 13px; }
#content p { 
	font-size: 14px;
	line-height: 19px;
}

#content li { 
	font-size: 14px;
	line-height: 19px;
}

#header {
	background: url('http://www.watercoloursecrets.com/image-files/header.gif') no-repeat;
	width: 793px;
	height: 173px;
}

#container {
	width: 793px;
	margin: 0 auto;
	background: white;
}

#content {
	width: 700px;
	margin: 20px auto 0;
	margin-bottom: 30px;
}

/* Right Sidebar */
#mainbox_left {
	float:left;
	width:500px;
	border-right:1px dashed #003300;
	padding-right:20px;
}
#sidebar_right {
	float:right;
	width:150px;
	padding-left:20px;
}

#sidebar_right p {
	font-size: 12px;
	line-height: 16px;
}


/* Left Sidebar */
#mainbox_right {
	float:right;
	width:489px;
	padding-left:20px;
	border-left:1px dashed #003300;
}
#sidebar_left {
	float:left;
	width:170px;
	padding-right:10px;
}

#sidebar_left p {
	font-size: 12px;
	line-height: 16px;
}

#nav ul { 
	margin: 0px;
	padding: 0px;
}
#nav { 
	width: 793px;
	height: 32px;
	padding: 8px 0px 0px 18px;
	margin: 0 auto;
}
#nav li {
	width: 92px;
	height: 31px;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 2px solid black;
	display: block;
	float: left;
	text-align: center;
	margin-right: 2px;
}

#nav li a {
	width: 92px;
	height: 31px;
	line-height: 30px;
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

#bottomnav { 
	clear: both;
	width: 785px;
	height: 25px;
	margin: 0 auto;
	padding-left: 10px;
}

#bottomnav ul {
	margin: 0px;
	padding: 0px;
}

#bottomnav li {
	width: 92px;
	height: 25px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 5px;
}

#bottomnav li a {
	width: 92px;
	height: 25px;
	line-height: 25px;
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	display: block;
	text-decoration: none;
}

#bottomlinks { 
	width: 785px;
	margin: 0 auto;
	text-align: center; 
		padding: 10px 0px 10px 0px;
	font-size: 12px;
}

#bottomlinks a {
	font-size: 10px;
	color: #22629E
}

#copyright {
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin: 0 auto;
}

div#box {
font-family: verdana, arial;
  font-size:  13px;
  text-align: left; color: #000;
  background-color: #f7f7f7f;
  width: 500px;
 border: 1px solid #8c8c8c;
  padding-bottom: 10px;
 padding-left: 10px; padding-right: 10px; padding-top: 10px; list-style:none;
 margin: 6px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  background-color: #f7f7f7;
}

div#orderbox {
font-family: verdana, arial;
  font-size:  13px;
  text-align: left; color: #000;
  background-color: #fff;
  width: 180px;
 border: 1px solid #8c8c8c;
  padding-bottom: 0px;
 padding-left: 0px; padding-right: 0px; padding-top: 5px; list-style:none;
 margin-right: 20px; background-color: #fff; float:right;
}

div#orderbox p{line-height:1.2}

div#guaranteebox {
font-family: verdana, arial;
  font-size:  13px;
  text-align: left; color: #000;
  background-color: #fff;
  width: 400px;
 border: 1px solid #8c8c8c;
  padding-bottom: 0px;
 padding-left: 10px; padding-right: 10px; padding-top: 0px; list-style:none;
 margin-right: 0px; background-color: #fff; 
}

div#guaranteebox p{line-height:1.2}

div#questionbox {
font-family: verdana, arial;
  font-size:  13px;
  text-align: left; color: #000;
  background-color: #fff;
  width: 400px;
 border: 1px solid #8c8c8c;
  padding-bottom: 0px;
 padding-left: 10px; padding-right: 10px; padding-top: 0px; list-style:none;
 margin-right: 0px; background-color: #fff; 
}

div#questionbox p{line-height:1.2}

div#orderoption {font-family: verdana, arial;
  font-size:  13px;
  text-align: left; color: #000; width: 185px;
 float:left; border: 0px solid #8c8c8c;
  padding-bottom: 0px;
 padding-left: 0px; padding-right: 0px; padding-top: 10px; list-style:none;
 margin-right: 0px; background:#fff url(http://www.lindenmethod.com/images/layout/page/list-fade.jpg) repeat-y;margin:1em auto; margin-left: 1px;
}