/*  

Theme Name: Beatson 1.1
Description: Beatson 1.1
Version: 1.1
Author: Beatson
*/



* {
	margin: 0;
	padding: 0;
}



body, h1, h2, h3, form, p, ol, ul{

	margin: 0;
	padding: 0;


}


body{

	font-family: Arial;
	font-size: 12px;
	background: #f1f1f1;
    color: #000;

}



table{

	font-family: Verdana, Arial;
	font-size: 12px;

}



a{

	text-decoration: none;
	font-weight: bold;
	color: red;

}



a:hover{

	text-decoration: none;


}



a img{
	border: 0;

}



form, input, textarea{

	font-family: Verdana;
	font-size: 11px;

}



ul, ul li{

	list-style-type: none;


}


h1{
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;

}


h1 a{
	text-decoration: none;
	color: #FFF;

}



h1 a:hover{

	text-decoration: underline;


}

h4{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333;

}


h4 a{
	text-decoration: none;
	color: #333;

}



h4 a:hover{

	text-decoration: underline;


}

#container{
	margin: 0px auto 20px auto;
	width: 960px;
	text-align: left;
	background-color: #fff;
	color: #000;

}




#clear{
clear: both;}


.toplinkswrap {
	margin: 0px auto;
	width: 960px;
	text-align: right;
	
	color: #000;
	background:#e6e6e6;
	padding: 3px 0;

 }
 
.toplinkswrap a{
	colour: #fff;

	}

	
#headers {
width: 100%;
background: #112b3f;
height: 191px;

}


.narrowcolumn{
	float: left;
	margin: 5px;
	width: 950px;
	text-align: left;
	
	background: #fcfcfd;
	color: #888;

}




.widecolumn{
	float: left;
	margin: 5px;
	width: 950px;
	text-align: left;
	
	background: #fcfcfd;
	color: #000;

}

.homecolumn{
	float: left;
	margin: 10px;
	width: 940px;
	text-align: left;
	
	background: #fff;
	color: #000;

}

.newscolumn{
	float: left;
	margin: 20px;
	width: 660px;
	text-align: left;
	
	background: #fcfcfd;
	color: #888;

}


.post h2{
	margin: 10px 0px 10px 0px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	color: #142c3e;

}



.post h2 a{
	text-decoration: none;
	font-size: 16px;
	color: #142c3e;
	margin: 10px 0px 10px 0px;
	
	


}




.post h2 a:hover{
	text-decoration: underline;

}

.post h1 {
	margin: 10px 0px 10px 0px;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 14px;
	color: #142c3e;

}



.post h1 a{
	text-decoration: none;
	font-size: 16px;
	color: #142c3e;
	margin: 10px 0px 10px 0px;
	
	


}




.post h1 a:hover{
	text-decoration: underline;

}


.post{

	padding: 0px 0px 0px 0px;
	line-height: 18px;
	text-align: left;
	border-bottom: 1px dashed #ccc;
	background: #FFF;
	color: #222;

	margin: 15px 0px;

}

.post p{

	padding: 0 0 5px;

}




.post img{
	border: 0px solid #000;
	margin: 0px;
	background: #FFF;

}



.post img.alignleft{
	float: left;
	margin: 0px 0px 0px 0px;

}



.post img.alignright{

	float: right;
	margin: 0px 0px 0px 0px;

}



.post-date {
	float: right;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 8px 0 0 0;
	background: url('/wp-content/themes/beatson/images/date_button_template.gif'); width: 70px; height: 60px; 
	background-repeat: no-repeat;

}

.month {
	font-size: 18px;
	color: #fff;
	margin: 0px auto;
	font-weight: bold;
	text-transform: uppercase;
	width: 70px;
	text-align: center;

}

.day {
	font-size: 18px;
	color: #fff;
	margin: 8px auto 0px;
	font-weight: bold;
	text-transform: uppercase;
	width: 70px;
	text-align: center;

}

.postdata {
 background: #f1f1f1;
 margin-bottom: 10px;
 }


.navigation{

	margin-bottom: 20px;
	padding: 0 20px;


}


.navigation a{

	color: #7E7C7C;

}


.commentlist ol, .commentlist ol li{
	list-style-type: none;

}



.commentlist ol{
	margin: 0 0 10px 0;

}


.commentlist ol li{

	margin-bottom: 5px;
	border: 1px solid #e8e8c5;
	padding: 10px;
	font-size: 11px;
	background: #f9f9d6;
	color: #000;

}


blockquote{

	margin: 10px 10px 5px 0px;
	border: 1px solid #f1f1f1;
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	
	background: #f7f7f7;
	color: #333;

}

.serviceblockquote{

	margin: 5px 10px 5px 0px;
	border: 1px solid #f1f1f1;
	padding: 10px;
	font-weight:bold;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	
	background: #f7f7f7;
	color: #305e80;
	width: 70%;

}

.blockquoteinfo{

	margin: 5px 10px 5px 0px;
	border: 1px solid #f1f1f1;
	padding: 10px;
	font-weight:bold;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	float: right;
	background: #f7f7f7;
	color: #305e80;
	width: 200px;

}


.mapblockquote{

	margin: 30px 10px 5px 0px;
	border: 1px solid #f1f1f1;
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	
	background: #f7f7f7;
	color: #333;

}


.categorydescription{
	margin: 5px 0px 5px 0px;
	border: 0px solid #333230;
	padding: 5px 5px 5px 20px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	line-height: 18px;
	text-align: left;
	
	background: #142c3e;
	color: #FFF;

}

.categorydescriptiontitle{

	margin: 0px 0px 5px 0px;
	border: 0px solid #333230;
	padding: 5px 5px 5px 20px;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	
	background: #142c3e;
	color: #FFF;

}



cite{
	font-family: Arial;
	font-size: 11px;
	font-style: normal;

}


#sidebar{
	float: right;
	margin: 3px;
	width: 250px;
	text-align: left;
	
	background: #FFF;
	color: #333;
	

}


#sidebar h2{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #3b5998;
	padding: 5px;
	margin-bottom: 0px;

}


#sidebar h2 a{
	text-decoration: none;
	color: #000;

}


#sidebar h2 a:hover{
	text-decoration: underline;

}

#sidebar ul{

}



#sidebar ul li{
	margin: 15px 0 10px;
	padding: 2px 2px 2px 2px;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	background: #FFF;
	color: #FFF;

}


#sidebar ul ul{
	margin: 0;
	padding: 0;

}


#sidebar ul ul li{
	margin: 2px 0 2px 0;
	padding: 2px 2px 2px 2px;
	font-family: Arial;
	font-size: 12px;
	color: #333;
	

}

#sidebar ul ul li a{
	color: #333;
}


#wp-calendar{
	margin: 5px 0 0;
	font-family: Arial;

}



#wp-calendar caption{
	font-weight: bold;
	padding: 0 0 0 10px;
	text-align: left;
	color: #FF2E9A;

}


#wp-calendar th, #wp-calendar td{
	padding: 3px;
	background: #f3f3f3;
	color: #000;

}

#footerwrap{

	width: 100%;
	height: 300px;
	background: #142c3e;

}


#footer{
	clear: both;
	width: 100%;
	font-size: 10px;
	margin: 0 auto;
	text-align: left;
	background: #142c3e;
	color: #FFF;

}

#footerabout{
width: 60%;
float: left;
font-size: 12px;
line-height: 16px;
padding: 20px 20px;
color: #ccc;
}

#footerabout h2 {
font-size: 16px;
line-height: 20px;
color: #fff;
}

#footercontact{
width: 30%;
float: left;
font-size: 12px;
line-height: 16px;
padding: 20px 20px;
color: #ccc;
}

#footercontact h2 {
font-size: 16px;
line-height: 20px;
color: #fff;
}

#footerlinks {
padding: 0px 20px 20px 20px;
font-size: 12px;
}

#footerlinks a{
color: #ebce2d;

}

#footer p{



}


#headimage {

	width: 960px;



}




.rbnofloatlink {
	right:0px;
	top:0px;
	position:absolute;
	z-index:1000;
	margin:0px;
	padding:0px;
	background-color:transparent;
}

.rbnofloatimage {
	border:0px none;
}

.featuredmore {
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
	z-index:100;
	background-color: transparent;		
}

.featuredmore img{
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0px;
	padding:0px;
	z-index:100;
	background-color: transparent;		
}

.info {
	width: 950px;
	background: url("/wp-content/themes/beatson/images/infobg.gif") no-repeat;
	float: left;
	margin-bottom: 5px;
}

.infotext {
	color: #333;
	font-size: 12px;
	width: 920px;
	padding: 10px 40px 20px 20px;
}

.hometextbg {
	width: 640px;

	background: url("/wp-content/themes/beatson/images/bgleft.gif") no-repeat;
	float: left;
	margin-bottom: 10px;
}

.hometext {
	padding: 5px 20px 10px 10px;
	}
	
	.hometext a{
	font-weight: normal;
	color: #8a0707;
	}

.hometext li{
margin-left: 10px;
}
	
	
#toplinks {
width: 100%;

background: #0d2232;
padding: 10px 0px;

}

#toplinks-wrap {
width: 960px;
margin: 0 auto;
text-align: right;

}

.toplinks-text, .toplinks-text a {

color: #fff;

}


#homecolumn{
	
	margin: 10px;
	width: 940px;
	text-align: left;
	
	background: #fcfcfd;
	color: #000;

}

#leftintro{
width: 630px;
height: 330px;
float: left;
background: #224562;
margin-right: 10px;
margin-bottom: 10px;
}

#contactform{
width: 280px;
height: 310px;
float: right;
background: #112536 url(/wp-content/themes/beatson/images/topback.gif);
background-repeat: repeat-x;
background-position: top;
margin-bottom: 10px;
padding: 10px;
color: #fff;
overflow: hidden;
}

#homeproducts{
width: 630px;

float: left;
background: #fff;
margin-right: 10px;
margin-bottom: 10px;
}

#news{
width: 280px;
background: #112536 url(/wp-content/themes/beatson/images/topback.gif);
background-repeat: repeat-x;
background-position: top;
float: right;
margin-bottom: 10px;
padding: 10px;
color: #fff;
}

#news h2{
margin-bottom: 20px;
font-size: 16px;
}

#contactform h2{
margin-bottom: 20px;
font-size: 16px;
}

#news h3 a {
color: #ebce2d;
font-size: 14px;

}

#news p {
margin-bottom: 10px;
font-size: 11px;
}

.meta {
font-size: 11px;
margin: 5px 0;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield textarea {
width: 280px;
margin-bottom: 0px;
}

#gform_wrapper_2 .gform_body .gform_fields .gfield input[type=text] {
width: 280px;
}

#gform_wrapper_2 .gform_footer input[type=image] {
margin: 0px;
padding: 0px;
}

#gform_wrapper_2 .gfield_label {
color: #ebce2d;
font-size: 13px;}


#carousel_container {
position:relative;
border: 1px solid #9f9f9f;
margin-bottom: 20px;
height: 250px;
}

#carousel_container h2{
font-size: 12px;
font-weight: bold;
color: #b31c1c;
margin-bottom: 5px;
}

#carousel_container h2 a{
font-size: 12px;
font-weight: bold;
color: #333;
margin: 5px 0px;

}

#carousel_inner {
position:relative;
float:left; /* important for inline positioning */
width:558px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #fff;

}
#carousel_inner h2{
font-size: 12px;
font-weight: bold;
color: #b31c1c;
margin-bottom: 5px;
}

#carousel_inner h2 a{
font-size: 12px;
font-weight: bold;
color: #333;
margin: 5px 0px;

}


#carousel_ul {
position:relative;
left:-195px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
text-align: center;
}

#carousel_ul li{
position:relative;
float: left; /* important for inline positioning of the list items */                                    
width:185px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:220px;
background: #fff;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:180px; 
width:35px; 
background: #fff; 
margin-top: 20px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}