/*-------------------------*//* global layout styles *//*---------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#container{
	width:960px;
	margin:0 auto;
}

/*header*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#home{
	padding: 31px 43px 1px;
	float: left;
	width: 874px;
	margin-bottom: 12px;
}

#home #logo {
	float:left;
}  

/*navigation*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#nav {
	float: right;
	margin-right: 22px;
	zoom: 1;
	text-transform: uppercase;
	margin-top: 4px;
}
#nav:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#nav ul{
	margin:0;
	list-style:none;
}

#nav li{
	float:left;
	margin: 0 10px 0 0;
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
	background: #e1c491;
}

#nav li.last{
	margin-right: 0;
}

#nav a, #nav span{
	padding: 0;
	display: block;
	height: 14px;
	color: #4c1a09;
}

#nav a:hover{
	color: #fff;
	background: #c81a1d;
}

#nav a:focus, #nav a:focus span, #nav a:hover, #nav a:hover span{

}

#nav li#nav_home a.replace, #nav li#nav_home .replace span{ width: 60px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat 0 0;}
#nav li#nav_home a.replace:hover, #nav li#nav_home a.replace:hover span{ width: 60px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat 0 -32px;}

#nav li#nav_boxes a.replace, #nav li#nav_boxes .replace span{ width: 103px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -60px 0;}
#nav li#nav_boxes a.replace:hover, #nav li#nav_boxes a.replace:hover span{ width: 103px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -60px -32px;}

#nav li#nav_costumes a.replace, #nav li#nav_costumes .replace span{ width: 86px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -163px 0;}
#nav li#nav_costumes a.replace:hover, #nav li#nav_costumes a.replace:hover span{ width: 86px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -163px -32px;}

#nav li#nav_objectives a.replace, #nav li#nav_objectives .replace span{ width: 99px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -249px 0;}
#nav li#nav_objectives a.replace:hover, #nav li#nav_objectives a.replace:hover span{ width: 99px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -249px -32px;}

#nav li#nav_about a.replace, #nav li#nav_about .replace span{ width: 84px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -348px 0;}
#nav li#nav_about a.replace:hover, #nav li#nav_about a.replace:hover span{ width: 84px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -348px -32px;}

#nav li#nav_prices a.replace, #nav li#nav_prices .replace span{ width: 60px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -432px 0;}
#nav li#nav_prices a.replace:hover, #nav li#nav_prices a.replace:hover span{ width: 60px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -432px -32px;}

#nav li#nav_contact a.replace, #nav li#nav_contact .replace span{ width: 76px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -492px 0;}
#nav li#nav_contact a.replace:hover, #nav li#nav_contact a.replace:hover span{ width: 76px; height: 32px; background: transparent url(../images/nav_sprite.gif) no-repeat -492px -32px;}

	
/*content*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
.intro_header{
	background: transparent url(../images/header_bg.gif) no-repeat 0 0;
	height: 380px;
	padding: 70px 43px 0 43px;
	width: 874px;
	margin-bottom: 51px;
}

.intro_header h1{
	width: 484px;
	margin-bottom: 19px;
}

.intro_header h2{
	width: 372px;
	margin-bottom: 19px;
	line-height: 1.4em;
}

.intro_header h3{
	width: 330px;
	color:#202120;
}

#content{
	clear: both;
	float: left;
}

#content_main{
	float: left;
	width: 640px;
	margin-right: 20px;
}
 
#content_sub{
	float: left;
	width: 300px;
}

/*Loan boxes*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#talk_boxes{
	margin-left: 12px;
	margin-bottom: 14px;
	width: 597px;
	height: 213px;
	clear: both;
	float: left;
	background: url(../images/loan_boxes_bg.gif) no-repeat 0 0;
	color: #fff;
	padding: 19px 75px 0 267px;
}

#talk_boxes p{
	font-size: 1.3em;
	line-height: 1.3em;
}

#talk_boxes p.line_bottom{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px dashed #fff;
}


/*Blue Boxes*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
       

.blue_boxes_box{
	clear: both;
	float: left;
	margin: 0 26px;
	margin-bottom: 37px;
	float: left;
}

ul#blue_boxes{
	margin: 0;
	list-style: none;
	width: 904px;
}

ul#blue_boxes li{
	float: left;
}

.blue_box,
.blue_box_last{
	background: url(../images/red_bg_sprite.gif) repeat-x 0 0;
	float: left;
	width: 182px;
	margin-right: 8px;
	padding: 19px 23px 0 15px;
	color: #fff;
	min-height: 224px;
}

.blue_box_bottom{
	height: 8px;
	width: 220px;
	background: url(../images/red_bg_sprite.gif) repeat-x 100% 100%;
	clear: both;
	float: left;
}

.blue_box p,
.blue_box_last p{
	line-height: 1.3em;
	font-size: 1.19em;
}

.blue_box{
	margin-right: 8px;
}

.blue_box_last{
	margin-right: 0;
}

.blue_box h4,
.blue_box_last h4{
	border-bottom: dashed 2px #fff;
	width: 182px;
	padding-bottom: 5px;
	font-size: 1.1em;
	letter-spacing: -0.18px;
}

.blue_box a,
.blue_box_last a{
	color: #d8f4fe;
}

.blue_box p.price_margin_top, .blue_box_last p.price_margin_top{
	margin-top: 30px;
}

/*Costumes*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#costumes{
	float: left;
	margin: 0 9px;
	width: 812px;
	height: 223px;
	background: url(../images/costumes_grey_bg.gif) no-repeat 0 0;
	padding: 35px 88px 0 41px;
	color: #fff;
	margin-bottom: 15px;
}

#costumes p{
	line-height: 1.32em;
	font-size: 1.3em;
}

#costumes h3{
	font-size: 1.7em;
	border-bottom: dashed 2px #fff;
	width: 812px;
	padding-bottom: 5px;
}

#costumes p{
}

#costumes p.left_p{
	float: left;
	width: 387px;
	margin-right: 38px;
}

#costumes p.right_p{
	float: left;
	width: 387px;
}


/*Sand bg's*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#eras{
	clear: both;
	float: left;
	margin-bottom: 30px;
}

ul#eras_boxes{
	margin: 0;
	list-style: none;
	width: 963px;
}

ul#eras_boxes li{
		float: left;
		margin-bottom: 14px;
}

.sand_bg{
	min-height: 423px;
	background: url(../images/sand_bg.gif) repeat-y 0 0;
	width: 369px;
	padding: 33px 52px 0 49px;
	color: #423c32;
	float: left;
}

#planning.sand_bg,
#victorian.sand_bg{
	min-height: 490px;
}

#henrician.sand_bg,
#elizabethan.sand_bg{
	min-height: 741px;
}

.sand_bg_bottom{
	float: left;
	clear: both;
	width: 470px;
	height: 16px;
	background: url(../images/sand_bg.gif) repeat-y 100% 100%;
}

.sand_right{
	margin-right: 20px;
}

.images{
	float: left;
	margin-bottom: 23px;
}

#victorian .images,
#planning .images,
#elizabethan .images{
	margin-left: 65px;
}

.images img{
	float: left;
	padding: 6px;
	background: #fff;
	margin-right: 6px;
}

.images img.no_margin{
	margin-right: 0;
}

.sand_bg h3{
	font-size: 2em;
	letter-spacing: 1px;
	padding-bottom: 3px;
	border-bottom: dashed 2px #fff;
	padding-left: 2px;
}

.sand_bg p{
	font-size: 1.2em;
	line-height: 140%;
	padding-left: 2px;
}

.sand_bg p.price a{
	font-weight: bold;
	color: #a11719;
}

.sand_bg p.price{
	float: right;
	font-size: 1.3em;	
	clear: both;
}

#victorian.sand_bg p.price{
	margin-top: 49px;
}

/*#elizabethan.sand_bg p.price{
	margin-top: 23px;
}*/

#henrician.sand_bg p.price{
	margin-top: 18px;
}

.sand_bg_copy{
	clear: both;
	float: left;
	padding-bottom: 10px;
	width: 369px;
}

/*objectives*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#objectives{
	clear: both;
	float: left;
	width: 939px;
	margin: 0 12px;
	margin-bottom: 27px;
}

#objectives_container{
	padding: 29px 62px 0 35px;
	background: #303231 url(../images/big_grey_bg.gif) repeat-y 0 0;
	width: 842px;
	min-height: 699px;
	color: #fff;
	letter-spacing: 1px;
	float: left;
}

#objectives_container_bottom{
	background: #303231 url(../images/big_grey_bg.gif) repeat-y 100% 100%;
	height: 7px;
	width: 939px;
	clear: both;
	float: left;
}

#objectives_container h3{
	font-size: 2em;
	letter-spacing: 1px;
	padding-bottom: 6px;
	border-bottom: dashed 2px #fff;
	width: 842px;
}

#objectives_container p{
	font-size: 1.3em;
}

#objective_units{
	margin-top: 30px;
	clear: both;
	float: left;
}

#objective_units span{
	color: #00b4fe;
}

.unit{
	width: 702px;
	padding-left: 140px;
	min-height: 109px;
	margin-bottom: 32px;
	line-height: 1em;
	float: left;
}

p.unit_margin{
	padding-top: 14px;
}

.unit ul{
	list-style: none;
}

.unit ul li{
	margin: 0;
}

#unit_7{ background: url(../images/unit_7.gif) no-repeat 0 ;}
#unit_8{ background: url(../images/unit_8.gif) no-repeat 0 ;}
#unit_11{ background: url(../images/unit_11.gif) no-repeat 0 ;}
#unit_19{ background: url(../images/unit_19.gif) no-repeat 0 ;}

#last_unit{min-height: 0; margin-bottom: 15px;}
#last_unit p{line-height: 1.4em;}

/*About Us*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#about_us{
	float: left;
	clear: both;
	color: #423c32;
	margin-bottom: 30px;
	width: 962px;
}

#about h3,
#clients h3{
	font-size: 2em;
	letter-spacing: 1px;
	padding-bottom: 6px;
	border-bottom: dashed 2px #423c32;
}

#about h3{
	width: 354px;
}

#clients h3{
	width: 328px;
}

#about_us p{
	font-size: 1.3em;
	line-height: 1.32em;
}

.about_contents{
	float: left;
	clear: both;
	background: url(../images/about_us_bg.gif) repeat-y 0 0;
	width: 805px;
	min-height:200px;
	padding:33px 90px 0 67px;
}

.about_footer{
	clear: both;
	float: left;
	height: 15px;
	background: url(../images/about_us_bg.gif) repeat-y 100% 100%;
	width: 962px;
}

#about{
	float: left;
	width: 385px;
	margin-right: 55px;
}

#clients{
	width: 360px;
	float: left;
}

/*Prices*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
#prices_contacts_container{
	width: 962px;
	float: left;
	clear: both;
}

#prices{
	clear: both;
	float: left;
	width: 542px;
	margin-right: 22px;
	margin-left: 10px;
}

#prices_container{
	min-height: 562px;
	float: left;
	background: #303231 url(../images/prices_bg.gif) repeat-y 0 0;
	width: 500px;
	color: #fff;
	padding: 26px 21px 20px;
}

#prices_footer{
	clear: both;
	float: left;
	height: 7px;
	background: #303231 url(../images/prices_bg.gif) repeat-y 100% 100%;
	width: 542px;
}

#prices_container h3{
	font-size: 2em;
	letter-spacing: 1px;
	padding-bottom: 6px;
	border-bottom: dashed 2px #fff;
	width: 494px;
	margin-bottom: 22px;
}

#prices_container p{
	font-size: 1.26em;
}

#prices_container p.price_title{
	margin-bottom: 12px;
	padding-left: 8px;
}

#prices_container dl{
	font-size: 1.26em;
	float: left;
	width: 494px;
	clear: both;
	margin-bottom: 12px;
}

#prices_container dl.light_dl{
	border-top: 2px dashed #fff;
	border-bottom: 2px dashed #fff;
	padding: 12px 0 12px 8px;
	background: #545655;
}

dl.dark_dl{
	border: none;
	background: #303231;
	padding: 0;
	padding-left: 8px;
}

#prices_container dt.box_title{
	margin-bottom: 10px;
	width: 100%;
}

#prices_container dt.long{
	margin-top: 10px;
	width: 100%;
}

#prices_container dt{
	width: 355px;
}

#prices_container dt.shorter_dt{
	width: 295px;
}

#prices_container dt.dt_margin_bottom{
	margin-bottom: 18px;
}

#prices_container dt,
#prices_container dd{
	line-height: 1.4em;
}
	
/*Contact Form*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#contact{
	width: 376px;
	min-height: 562px;
	float: left;
}

#contact_container{
	float: left;
	width: 334px;
	min-height: 642px;
	background: #a11719 url(../images/contact_bg.gif) repeat-y 0 0;
	padding: 26px 21px 26px;
	color: #fff;
}

#contact_footer{
	clear: both;
	float: left;
	width: 376px;
	height: 7px;
	background: #a11719 url(../images/contact_bg.gif) no-repeat 100% 100%;
}

#contact_container h3{
	font-size: 2em;
	letter-spacing: 1px;
	padding-bottom: 6px;
	padding-left: 4px;
	border-bottom: dashed 2px #fff;
	width: 320px;
	margin-bottom: 22px;
}

#contact_container p,
#contact_container label{
	font-size:1.26em;
	letter-spacing:1px;
	line-height:1.3em;
	padding-left:6px;
}

#contact_container form{
	margin-top: 16px;
}

#contact_container fieldset{
	border: none;
}

#contact_container label{
	margin-bottom: 5px;
}

#contact_container input.text,
#contact_container textarea{
	margin-left:5px;
	margin-bottom: 20px;
	width:314px;
	font-size: 1.3em;
	font-family: georgia;
}

#contact_container textarea{
	height: 177px;
}

#contact_container #additional_fields{
	display: none;
}

#contact_container .submit{
	float: right;
	margin-right: 10px;
}

.errors h5{
	padding-top: 12px;
	width: 320px;
	padding-left: 4px;
	letter-spacing: 1px;
	line-height: 1.3em;
}

.errors ul li{
	font-size: 1.2em;
	letter-spacing: 1px;
}

.errors h5{
	font-size: 1.4em;
}

.errors ul{
	color: #fff;
}

/*footer*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
	clear: both;
	float: left;
	width: 100%;
	min-height: 100px;
	padding-top: 20px;
	background: #303231;
	color: #fff;
	margin-top: 76px;
}

.footer_container{
	width:880px;	
	padding: 0 40px;
	margin:0 auto;
}

#footer a{
	color: #00a8ff;
}

#footer ul{
	margin:0;
	list-style: none;
}

#footer ul.left_foot{
	float: left;
}

#footer ul.right_foot{
	float: right;
}

#footer li{
	float:left;
	font-size: 1.3em;
}
