

body {
	font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
	font-size: 13px;
	color: #3D3535;
	background: #F9F9F7 url('images/a1.gif') repeat-x;
	height:inherit;
	margin:0 auto;
	padding: 0px;
	line-height: 140%;
}

/* Wrapper */
.all {
	width: 900px;
	height:inherit;
	margin:0 auto;
}

/* the container */
.box {
	text-align: center; 
	width:860px;
	background-color: #FFFFFF;
	margin:20px; 
	padding: 20px; 
	text-align: left; 
	border: 1px solid #ddd;
}
/*holds the tabs at the top*/
.menu {
	background-color: #FFFFFF;
	text-align: right; 
	border-bottom: 1px solid #FFFFFF;
}
/*holds the logo and image*/
.header {
	background-color: #EDEEEA;
	padding:0px;
	margin-top:3px;
	height: 180px;
	border-bottom: 8px solid #CC0001;
	background: #F9F9F7 url('images/namebg.jpg') repeat-x;
}
.header h1{
	font-size:20px;
	padding: 24px; 
	margin-top:50px;
	float:right;
}
.header1 {
	background-color: #EDEEEA;
	padding:0px;
	margin-top:3px;
	height: 180px;
	border-bottom: 8px solid #CC0001;
	background: #F9F9F7 url('images/namebg1.jpg') repeat-x;
}

.header1 h1{
	font-size:20px;
	padding: 24px; 
	margin-top:50px;
	float:right;
}
.header2{
	background-color: #EDEEEA;
	padding:0px;
	margin-top:3px;
	height: 180px;
	border-bottom: 8px solid #CC0001;
	background: #F9F9F7 url('images/namebg2.jpg') repeat-x;
}
/*defines the colours for the tabs, with corner background images*/
.menu a:link, .menu a:active, .menu a:visited {
	background: #CC0001 url(images/corner.gif) no-repeat right top;
	color: #fff;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
	text-transform: uppercase;
}

.menu a:hover {
	background: #D6D8CF url(images/corner2.gif) no-repeat right top;
	color: #000000;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

/*just a fix, taken from http://www.positioniseverything.net/easyclearing.html*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*the main text container*/
.content {
	margin-right: 255px;
	padding: 20px;
}

.content h1 {
	font-size: 110%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #CC0001;
	
}
.content a{
	color:#996600;
	font-size:12px;
}
.content a:hover{
	color:#ccc;
	font-size:12px;
}


.green {	
	color: #669900;
	font-size:13px;
	font-weight:bold;
}
.orange{	
	color: #FF6600;
	font-size:12px;
	margin-left:2px;
	border-bottom: 1px solid #ccc;

}

.brown {
	display:block;
	padding:10px;
	background:#fffaea;	
	color:#996600;
	font-size:12px;
	border-bottom: 1px solid #CCc;
	height:auto;
}
.brown1 {
	display:block;
	padding:10px;
	background:#fffaea;	
	color:#996600;
	font-size:14px;
	border-bottom: 1px solid #CCc;
	text-transform:uppercase;
}

/*this is the right hand bar, news bar, links bar w/e*/
.newsbar {
	margin-top: 40px;
	width: 245px;
	float: right;
}

.newsbar h1 {
	background-color: #CC0001;
	color: #FFFFFF;
	padding: 4px;
	margin: 0px 0px 8px 0px;
	font-size: 100%;
	font-weight: normal;
	text-transform:uppercase;
}
.newsbar h1 a {
	background-color: #CC0001;
	color:#FFFFFF;
	padding: 4px;
	margin: 0px 0px 8px 0px;
	font-size: 100%;
	font-weight: normal;
	text-transform:uppercase;
}
.newsbar h1 a:hover {
	text-decoration:none;
}

/*this just lets you have a "comment" type area in the main content*/
.p1 {
	padding: 10px 10px 10px 20px;
	background: #F7F7F4 url('images/a1.gif') repeat-x;;
	font-size:90%;
	height:150px;
	border: 1px solid #CCC;
	
	}
.p1 img{
	border: 2px solid #CCC;
	margin:8px;
}

/*sets the padding for the newsbar text, not the headings*/
.p2 {
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 90%;
	list-style-image: url(images/b.gif);
	list-style-position: 10px;
}
.p2 a {
	color: #333333;
}
.p2 a:hover{
	color:#ccc;
	text-decoration:none;
}
.p2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*the footer, with copyright*/
.footer {
	clear:both;
	background-color: #D6D8CF;
	padding: 4px;
	font-size: 80%;
	text-align: center;
}

/*sets the link 
a:link, a:active, a:visited {
	color: #A53512;
}

a:hover {
	color: #A53512;
	text-decoration: none;
}
colours and style*/
.tab {
	width:120px;
	background-color: #fff;
	text-align:center;
	height:140px;
	border: 1px solid #CCC;
	margin:10px;
	float:left;
	padding-bottom:4px;
	
}
.deals
{
	font-size:10px;
	font-style:oblique;
	color:#FF0000;
	text-transform:uppercase;
	font-weight:bold;
}

.head
{
	font-weight:bold;
	font-style:normal;
}

/*jquery accordion*/
.accordion2 {
	width: 220px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion2 h3 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 11px/16px "Trebuchet MS", verdana, arial, "Times New Roman";
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	text-transform:uppercase;
}
.accordion2 h3:hover {
	background-color: #e3e2e2;
}
.accordion2 h3.active {
	background-position: right 5px;
}
.accordion2 p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
	}
.accordion2 li {
list-style:square;
}

/*image layer & bg*/
#imagecont
{
	margin-top:20px;
	width:580px;
	padding-bottom:20px;
	border-bottom: dotted 1px #ccc;
	float: left;
	margin-bottom:10px;
}


img.picA
{
	border:0;
	position: relative;
	top: -2px;
	background: url('images/a47.gif') no-repeat;
	width: 76px;
	height: 74px;
	padding: 8px;
}

img.picB
{
	position: relative;
	top: -2px;
	background: url('images/a26.gif') no-repeat;
	width: 146px;
	height: 75px;
	padding: 7px;
}
img.floatleft
{
	float: left;
	margin: 10px 14px 3px 0px;
}

/*page footer*/

#foot {	
	position: absolute !important;
	width: 100% !important;
	z-index: 500 !important;
	height:60px;
	position: relative;	
	padding: 10px 0;	
	margin-top: 36px;
	background: url('images/grass.gif') repeat-x;		
	color: #999;	
	font-size: 11px;
	
	}	
	
/*collapsible menu*/	
	
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 510px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.gif) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

/*acordian scriptilacious*/

#accord{
	margin:0 auto; 
	width:120px;
	float:right }

accord.h6{
	background: #e9e7e7 url(arrow-square.gif) no-repeat right -51px;
	display:block; 
	color:#000; 
	font-size:13px; 
	margin:0; 
	border:0; 
	padding:6px; 
	border-bottom:solid 2px #DEDEDE;
	}

accord.h6:hover{
	background:#666666;
	}

div.content{
	background:#FFFFFF; 
	padding:10px;
	}

/*blockquote*/
.blockquote{
	display:block;
	background-color:#E9E7E7;
	border-bottom:solid 2px #cc0001;
	border-top:solid 2px #cc0001;
	padding:12px;
	margin:14px;
}

.link{
	display:block;
	background-color:#E9E7E7;
	border:solid 1px #ccc;
	padding:16px;
	margin:4px 16px 8px 0px;
	float:left;
	width:170px;
}
.previous a{
	display:block;
	float:left;
	background-color:#E9E7E7;
	padding:4px;
	color:#666;
}

.previous a:hover{
	display:block;
	float:left;
	background-color:#cc0001;
	color:#FFFFFF;
}
.next a{
	display:block;
	float:right;
	background-color:#E9E7E7;
	padding:4px;
	color:#666;
}

.next a:hover{
	display:block;
	float:right;
	background-color:#cc0001;
	color:#FFFFFF;
}

.addressbar{
	display:block;
	background-color:#cc0001;
	color:#fff;
	padding:8px;
	font-size:11px;
	border:solid 2px #cc0001;
	font: bold 12px/16px "Trebuchet MS", verdana, arial, "Times New Roman";
	
}
.subaddress{
	display:block;
	padding:4px;
	border:solid 2px #cc0001;
	background-color:#fff;
	color:#cc0001;
	text-align:right;

}
/*team*/
.team1 {
	display:block;
	width:550px;
	padding:8px;
	margin:20px 0 10px 0;
	height:inherit;
	overflow:hidden;
}
.team1 img{
	float:left;
	margin:12px ;
	padding:8px;
	border:solid 1px #ccc;
	background-color:#FFFFFF;
	display:block;
}
.team1 h3{
	font: bold 14px/16px "Trebuchet MS", verdana, arial, "Times New Roman";
	background-color:#e9e7e7;
	border:solid 1px #ccc;
	padding:8px;
}
.testimonial{
	display:block;
	overflow:hidden;
	float:left;

}
.testimonial img{
	float:left;
	margin:12px ;
	padding:8px;
	border:solid 1px #ccc;
	background-color:#FFFFFF;
	display:block;
}

.blnk{
	display:block;
	width:500px;
	height:1000px;
	background-color:#000000;
}
