/* *************************** 
  Site - AP John
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#993333;
	text-decoration:underline;
}
a:hover {
	color:#993333;
	text-decoration:none;
}
img {
	border:0;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	background:#F7D87E url(../images/bg_body.jpg) center top no-repeat fixed;
}
#container {
	width:870px;
	padding:0 15px;
	margin:0 auto;
	text-align:left;
	color:#333;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	height:186px;
	width:870px;
	padding:0 15px;
	position:relative;	
	background:url(../images/bg_header.png) center top no-repeat;
     }
#header h1{
	position:absolute;
	width:244px;
	height:98px;
	left:314px;
	top:34px;
	}
#header h1 a{
	display:block;
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/bg_logo.jpg) no-repeat;
	width:244px;
	height:98px;
	
}
/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:870px;
	padding:0 15px 35px 15px;
	margin:0 auto;
	overflow:hidden;
	background:url(../images/bg_container.png) center top repeat-y;
    }
#banner{
	width:840px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:10px;
	}
#banner img{
	vertical-align:middle;
	}
#banner .img_left{
	margin-right:1px;
	}
#icons{
	background:url(../images/bg_icons.jpg) no-repeat;
	width:819px;
	height:96px;
	margin:0 0 25px 15px;
	padding:18px 0 0 26px;
	}
#icons li{
	float:left;
	padding-right:10px;
	}
#text{
	width:804px;
	margin:0 auto;
	text-align:center;
	}
#text p{
	line-height:18px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
	padding:0 0 8px 0;
	}
#maincontent{
	float:left;
	margin-left:10px;
	width:495px;
	padding:0 30px 0 35px;
	background:url(../images/bg_maincontent.jpg) top repeat-x;
	}
#pic_box{
	width:100%;
	text-align:center;
	padding:20px 0 21px 0;
	}
#maincontent h2{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	color:#993333;
	border-bottom:#a42a3f 1px solid;
	padding:0 0 7px 0;
	margin:0 0 20px 0;
	}
#maincontent h3{
	font-size:14px;
	font-weight:normal;
	color:#993333;
	padding:0 0 5px 0;
	}
#maincontent h4{
	font-size:12px;
	color:#993333;
	padding:0 0 5px 0;
	}
#maincontent h5{
	font-size:12px;
	color:#333;
	padding:0 0 11px 0;
	}
#maincontent .text{
	width:100%;
	}
#maincontent .text ul, #maincontent .text ol{
	padding:0 0 8px 0;
	margin-left:37px;
	}
 #maincontent .text ol{
	list-style-position:inside;
	 }
#maincontent .text li{
	padding:0 0 5px 0;
	}
#maincontent .text ul li{
	padding-left:12px;
	background:url(../images/bg_maincontentli.jpg) left 5px no-repeat;
	}
#maincontent p{
	line-height:20px;
	padding:0 0 10px 0;
	}
#maincontent p a:link{
	color:#993333;
	text-decoration:underline;
	}
#maincontent p a:visited{
	color:#666;
	text-decoration:underline;
	}
#maincontent p a:hover{
	color:#993333;
	text-decoration:none;
	}
#maincontent .pic_left{
	float:left;
	margin:5px 8px 0 0;
	}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	float:left;
	margin-left:15px;
	display:inline;
	width:272px;
	}
.subnav{
	font-family:"Times New Roman", Times, serif;
	border:#faf8f1 1px solid;
	width:270px;
	}
.subnav ul{
	width:100%;
	overflow:hidden;
	}
.subnav li{
	padding-bottom:1px;
	background:url(../images/bg_line.png) bottom no-repeat;
	}
.subnav ul{
	padding-top:1px;
	background:url(../images/bg_line.png) top no-repeat;
	}
.subnav .last{
	padding-bottom:0;
	background:none;
	}
.subnav li a{
	display:block;
	width:100%;
	background:url(../images/bg_subnav.png) left top repeat-y;
	color:#fff;
	text-decoration:none;
	}
.subnav li a:hover,.subnav li li li a,.subnav li .selected{
	background:url(../images/bg_subnav.png) -270px top repeat-y;
	color:#fff;
	text-decoration:none;
	}
.subnav li a span{
	display:block;
	padding:3px 19px 3px 14px;
	width:237px;
	cursor:pointer;
	line-height:15px;
	text-transform:capitalize;
	}
.subnav li li a span{
	padding:2px 19px 2px 34px;
	width:217px;
	}
.subnav li li li a span{
	padding:2px 19px 2px 54px;
	width:197px;
	}
.subnav li a .bg_arrow{
	background:url(../images/arrow.gif) 251px no-repeat;
	}
.subnav li a:hover .bg_arrow,.subnav .selected .bg_arrow{
	background:url(../images/arrowother.gif) 251px no-repeat;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	background:url(../images/bg_footer.png) no-repeat;
	width:870px;
	padding:0 15px;
	height:163px;
	margin:0 auto;
	text-align:center;
	
}
#footer h5{
	font-size:12px;
	color:#9e1b34;
	text-transform:uppercase;
	padding-top:37px;
	letter-spacing:8px;
	text-indent:-9999px;
	outline-style:none;
	}
#footer p{
	color:#9e1b34;
	line-height:16px;
	width:600px;
	margin:0 auto;
	padding-top:17px;
	font-style:italic;
	text-indent:-9999px;
	outline-style:none;
	}
	
	
#formbox{
	width:495px;
}
#formbox p{
	border-bottom:#ffe0d1 1px solid;
	padding-top:18px;
	height:33px;
	width:100%;
	}
#formbox .selectbox{
	padding-top:19px;
	height:28px;
	}
#formbox label{
	float:left;
	width:220px;
	font-size:11px;
	color:#9E1B34;
	line-height:20px;
	}
#formbox input{
	width:342px;
	height:19px;
	padding:3px 0 0 5px;
	border:#9E1B34 1px solid;
	background:#f1f0ef;
	color:#ff6319;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}
#formbox .postcode{
	width:269px;
	}
#formbox .mobile{
	width:269px;
	}
#formbox input:focus,#formbox input.sffocus {
	background:#ff9355;
	color:#fff;
	}
#formbox select{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 0 1px 5px;
	width:349px;
	height:22px;
	background:#9E1B34;
	border:#ff6319 1px solid;
	}
#formbox .textarea_box{
	height:146px;
	margin:0 0 3px 0;
	}
#formbox .textarea_box label{
	float:none;
	display:block;
	}
#formbox .textarea_box textarea{
	height:99px;
	width:342px;
	border:#9E1B34 1px solid;
	background:#f1f0ef;
	color:#ff6319;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	overflow:hidden;
	}
#formbox .bottom{
	border:0;
	height:10px;
	}
#formbox .bottom span{
	color:#ff6319;
	font-size:11px;
	float:left;
	padding-left:8px;
	}
#formbox .inp_checkbox{
	width:12px;
	height:12px;
	background:none;
	border:0;
	float:left;
	}
#formbox .btn_send{
	float:right;
	background:url(../images/btn_send.png) no-repeat;
	width:75px;
	height:21px;
	cursor:pointer;
	padding:0;
	border:0;
	}
#formbox .btn_send:focus,#formbox .btn_send.sffocus {
	background:url(../images/btn_send.png) no-repeat;
	}