/**************************************************************************/
/*SECTIONS - to hold different sections such as the header, hero, main.... - DO NOT MODIFY - not to be used inside other content divs to avoid confusion*/

.section_holder {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/**************************************************************************/
/*CONTENT ALIGNMENT - to be placed inside each section to align the site content - this will ensure equal widths for each sections content - DO NOT MODIFY*/

.content_aligner {
	width: 960px;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/**************************************************************************/
/*MODULE HOLDERS - these are to hold sections of content in the main content part of the site (introduction section, side column module such for example) - use child classes to modify specifically, however by maintaining consistant margin/paddings will ensure a consitant layout*/

.full_width_holder {
	float: left;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


.half_width_holder {
	float: left;
	width: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: auto;
}


/**************************************************************************/
/*HEADER SECTION*/

#small_header_background {
	height: 220px;
	background-image: url(../images/small_background_header.gif);
	background-repeat: repeat-x;
	background-position: 45% 10px;
	background-color: #ADDCED;
}

.clouds_three_holder {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/clouds4.gif);
	background-repeat: repeat-x;
	background-position: 80% 90px;
}
.clouds_four_holder {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/clouds5.gif);
	background-repeat: repeat-x;
	background-position: 20% 126px;
}

#header_section {
	height: 220px;
	width: 960px;
	margin: 0px;
	float: left;
	padding: 0px;
}

#header_left_container {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 220px;
	width: 395px;
}

#header_right_container {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 220px;
	width: 500px;
}

.logo_link:link, .logo_link:visited, .logo_link:hover, .logo_link:active {

	background-image: url(../images/main_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
	width: 395px;
	display: block;
	cursor: pointer;
}

#header_navigation_holder {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 500px;
	background-image: url(../images/navigation_background.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#header_wintext_holder {
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 500px;
	background-repeat: no-repeat;
	background-position: right 30px;
	float: left;
	background-image: url(../images/wintext.gif);
}

.navigation_list {
	padding: 0px;
	float: right;
	list-style-type: none;
	height: 40px;
	margin-top: 40px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
}

.navigation_item {
	margin: 0px;
	display: inline;
	float: left;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 40px;
}

.navigation_option:link, .navigation_option:visited, .navigation_option:active {
	line-height: 40px;
	margin: 0px;
	height: 40px;
	text-decoration: none;
	float: left;
	color: #51A0BF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 95px;
	padding: 0px;
	font-weight: bold;
	display: block;
}

.navigation_option:hover {
	color: #DF5E5E;
}



/**************************************************************************/
/*HERO SECTION*/

#hero_section {
	padding: 0px;
	width: 960px;
	float: left;
	margin: 0px;
}

#hero_image_positioner {
	float: right;
	height: 100px;
	width: 100px;
	position: relative;
}




/**************************************************************************/
/*MAIN CONTENT SECTION*/

#main_content_section {
	margin-top: 0px;
	height: auto;
	width: 960px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

/*left hand side*/

.main_content_left_column {
	width: 650px;
	float: left;
}

/*right hand side*/

.main_content_right_column {
	width: 260px;
	float: right;
	background-image: url(../images/right_column_divider.jpg);
	background-repeat: no-repeat;
	height: 800px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}


.main_content_sidecol_divider {
	background-image: url(../images/dashed_divider_line.gif);
	background-repeat: repeat-x;
	background-position: left center;
	padding: 0px;
	height: 10px;
	width: 100%;
	float: left;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#main_content_examples {
	position: relative;
	z-index: 1;	
}

#main_content_blue_peter_badge {
	height: 87px;
	width: 74px;
	position: absolute;
	top: -15px;
	right: 0px;
	z-index: 2;
	background-image: url(../images/bp-badge.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#main_content_examples_header {
	background-image: url(../images/homepage-green-headers.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	width: 260px;
}

#main_content_examples_list {
	float: left;
	width: 266px;
	margin: 0px;
	padding: 0px;
}

.main_content_examples_item {
	padding: 0px;
	float: left;
	height: 48px;
	width: 48px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(../images/examples_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.examples_button:link, .examples_button:visited, .examples_button:active {
	padding: 0px;
	height: 39px;
	width: 39px;
	display: block;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

.examples_button:hover {
	/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

#main_content_enquiries {
	position: relative;
	z-index: 1;	
}

#main_content_enquiries_header {
	background-image: url(../images/homepage-green-promo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 35px;
}

#main_content_enquires_email {
	background-position: left top;
	height: 44px;
	background-image: url(../images/enquiries_back_boxes.jpg);
	background-repeat: no-repeat;	
}

#main_content_enquires_message {
	background-position: left bottom;
	height: 96px;
	background-image: url(../images/enquiries_back_boxes.jpg);
	background-repeat: no-repeat;
}

.small_input_form {
	padding: 0px;
	width: 230px;
	height: 22px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	background-color: transparent !important;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 13px;
	color: #333333;
}

.large_input_form {
	padding: 0px;
	width: 230px;
	height: 70px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	overflow: auto;
	float: left;
	background-color: transparent !important;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}

.enquiries_btn {
	height: 37px;
	width: 74px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/enquiries_send_btn3.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.enquiries_btn:hover {
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

#main_content_twitter {
	
}


#main_content_twitter_header {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 260px;
	background-image: url(../images/blog-green-headers.gif);
	background-repeat: no-repeat;
	background-position: left -40px;
}

#main_content_twitter_bird_holder {
	padding: 0px;
	float: left;
	height: 100px;
	width: 260px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../images/blog-green-headers.gif);
	background-repeat: no-repeat;
	background-position: 0px -150px;
}

#main_content_twitter_speech_bubble {
	width: 115px;
	float: right;
	height: 85px;
	background-image: url(../images/blog-green-headers.gif);
	background-repeat: no-repeat;
	background-position: 0px -270px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
}

#main_content_twitter_feed {
	
}


#main_content_popular_articles {
	
}

#main_content_popular_articles_header {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 33px;
	width: 260px;
	background-image: url(../images/blog-green-headers.gif);
	background-repeat: no-repeat;
	background-position: left -78px;
}

#mc_popular_articles_list {
	float: left;
	width: 230px;	
}

.mc_popular_articles_item {
	padding: 0px;
	width: 260px;
	float: left;
	display: list-item;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	height: 35px;	
}

#mc_popular_articles_list a{
 margin: 0px 0px 5px 0px;
 height: 35px;
 width: 235px;
 background-image: url(../images/pop_art_back.gif);
 background-position: left bottom;
 display: block;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: normal;
 color: #EAE3D6;
 line-height: 35px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 25px; 
}

#mc_popular_articles_list a:hover {
 background-position: left top;
 color: #FFFFFF; 
}

.pop_art_btn:link, .pop_art_btn:visited, .pop_art_btn:active {
	margin: 0px;
	height: 35px;
	width: 235px;
	background-image: url(../images/pop_art_back.gif);
	background-position: left bottom;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #EAE3D6;
	line-height: 35px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;	
}

.pop_art_btn:hover {
	background-position: left top;
	color: #FFFFFF;	
}

/**************************************************************************/
/*FOOTER SECTION*/


#footer_background {
	background-color: #493A34;
	background-image: url(../images/footer_grad.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#footer_section {
	height: auto;
	width: 960px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#footer_boxes {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	background-image: url(../images/footer_boxes.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}


.footer_sml_holder {
	padding: 0px;
	float: left;
	height: auto;
	width: 250px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;	
}

.footer_lrg_holder {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 380px;	
}


#footer_recent_posts_header{
	height: 60px;
	background-image: url(../images/footer_headers.gif);
	background-repeat: no-repeat;
	background-position: 0px -5px;
}


#footer_recent_posts_list {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
	list-style-type: none;
}

.footer_recent_posts_item {
	padding: 0px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	height: auto;
	float: left;
}

.footer_recent_posts_date_holder {
	margin: 0px;
	float: left;
	height: 42px;
	width: 50px;
	background-image: url(../images/footer_date_back.gif);
	background-repeat: no-repeat;
	padding: 0px;
	background-position: left top;
}

.footer_recent_posts_text_holder {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 185px;
	font-size: 13px;
	line-height: 20px;
}

.footer_recent_posts_link_style:link, .footer_recent_posts_link_style:visited, .footer_recent_posts_link_style:active {
	font-size: 13px;
	color: #EAE3D6;
	text-decoration: none;
	font-weight: bold;
}


.footer_recent_posts_link_style:hover {
	color: #FFFFFF;
}


#footer_great_links_header{
	height: 60px;
	background-image: url(../images/footer_headers.gif);
	background-repeat: no-repeat;
	background-position: -255px -5px;
}


#footer_links_list {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 250px;
	list-style-type: none;
}

.footer_links_item {
	padding: 0px;
	width: 250px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: auto;
	float: left;
}

.footer_link_header_holder {
	margin: 0px;
	float: left;
	height: auto;
	width: 250px;
	padding: 0px;
}

.footer_links_header_style:link, .footer_links_header_style:visited, .footer_links_header_style:active {
	font-size: 13px;
	color: #DF5E5E;
	font-weight: bold;
}

.footer_links_header_style:hover {
	color: #F48E8E;
}

.footer_links_description {
	float: left;
	font-size: 13px;
	color: #EAE3D6;
	width: 230px;
	line-height: 20px;
	height: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}


#footer_twitter_header{
	height: 60px;
	background-image: url(../images/footer_headers.gif);
	background-repeat: no-repeat;
	background-position: -528px -5px;
}


#footer_tweets_list {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 380px;
	list-style-type: none;
}

.footer_tweets_item {
	padding: 0px;
	width: 380px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	height: auto;
	float: left;
}


.footer_tweets_date_holder {
	font-size: 13px;
	color: #DF5E5E;
	font-weight: bold;
	width: 380px;
}

.footer_tweets_content_holder {
	font-size: 13px;
	color: #EAE3D6;
	width: 380px;
	line-height: 20px;
	height: auto;
}




/**************************************************************************/
/*SUB FOOTER SECTION*/


#sub_footer_background {
	background-color: #493A34;
	background-image: url(../images/sub_footer_divider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#sub_footer_section {
	padding: 0px;
	width: 960px;
	height: 70px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

#sub_footer_terms_holder {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 960px;
	float: left;
}

#sub_footer_legal_text_holder {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 960px;
	line-height: 40px;
	color: #FCF6E8;
}

#sub_footer_legal_text_holder p {
	float: left;
}

#sub_footer_follow_us_holder {
	float: right;
	height: 40px;
	width: 300px;
	margin: 0px;
	padding: 0px;
}

#sub_footer_follow_us_list {
	padding: 0px;
	float: left;
	width: 300px;
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EAE3D6;
	height: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sub_footer_follow_us_list_item {
	display: inline;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: left;
	line-height: 20px;
}

.sub_footer_twitter_icon {
	background-image: url(../images/twitter_icon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	padding: 0px;
	margin: 0px;
}

.sub_footer_rss_icon {
	background-image: url(../images/rss_icon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	padding: 0px;
	margin: 0px;
}

.sub_footer_delicious_icon {
	background-image: url(../images/delicious_icon.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;
	padding: 0px;
	margin: 0px;
}