/*=============================================================
Type:				Main Stylesheet
Build by:			Strawberrysoup
Document Author:	Mark Perkins
Author Email:		mark@starwberrysoup.co.uk
Copyright:			(c) Coconut Creatives
---------------------------------------------------------------
Creation Date:		27-08-07
Last edited:		N/A
============================================================ */

/*==============================================
general layout
==============================================*/

body {
	background: url('../cssimages/dot.gif') !important;
	padding-top: 30px;
	padding-bottom:70px;
	overflow-y:scroll;
}

#page {
	border: 2px solid #B0BED3;
	width: 740px;
	padding: 0px 20px 20px 20px;
	margin: 0 auto;
	background: #FFF;
}

#header {
	position: relative;
}

#content {
	clear: both;
}

#sidebar {
	width: 94px;
	float: left;
}

#main_content {
	float: right;
	padding-top:45px;
	width: 630px;
/*	border:solid 1px #000;*/
}

#main_content .left{
	float:left;
}




#related {
	background:url('/cssimages/sidebar_top.gif') no-repeat top left;
	float: right;
	width: 200px;
	margin: 10px 0 5% 20px;
	padding: 10px;
	margin-bottom:5%;
/*	border: solid 1px #000;*/
}

#introtext {
	background: url('../cssimages/intro_text.png') no-repeat;
	width: 742px;
	height: 60px;
	margin: 0 auto;
	clear: both;
}

#credits {
	width: 780px;
	margin: 0 auto;
	text-align: center;
}

#page_description {
/*	border: 1px solid #B0BED3;
	margin-top: 10px;*/
}

#image_banner{
	margin-left:37px;
}

#main_content ol li{
	margin-left:40px;
}

#main_content ul li{
/*	list-style:none;*/
}

/*==============================================
headings
==============================================*/

#content h1, #content h2, #content h3, #content h4, #content h5{
	margin:0;
	padding:0;
}

#logo {
	background: url('../cssimages/main_logo.png') no-repeat;
	width: 519px;
	height: 77px;
	display:block;
}

#navbar h2 {
	text-indent:-9999em;
	width: 120px;
	margin: 0 10px;
	float: left;
}

h2#about{
	background:url('../cssimages/h2_about.png') no-repeat;
}

h2#services{
	background:url('../cssimages/h2_services.png') no-repeat;
}

h2#portfolio{
	background:url('../cssimages/h2_portfolio.png') no-repeat;
}

h2#hints_and_tips{
	position:relative;
	left:-10px;
	background:url('../cssimages/h2_hints_tips.png') no-repeat;
}

h2#news{
	background:url('../cssimages/h2_news.png') no-repeat;
}

h2#contact{
	background:url('../cssimages/h2_contact.png') no-repeat;
}



#related h3 {
	color:#393939;
	margin: 0 0 10px 0;
}

#related li a{
	color:#fff;
/*	text-decoration:none;*/
}

/*==============================================
header
==============================================*/

#strapline {
	background: url('../cssimages/strapline.png') no-repeat;
	width: 363px;
	height: 18px;
	position: absolute;
	top: 60px;
	right: 0;
}

/*==============================================
main nav
==============================================*/

#homepage_nav {
	position:relative;
	width:660px;
	top:37px;
	left:38px;
	list-style: none;
	background:url('../cssimages/navbar.png');
}

#homepage_nav li {
	text-indent:-9999em;
	float: left;
}

#homepage_nav li .home{
	display:block;
	margin-left:25px;
	width:41px;
	height:23px;
	background:url('../cssimages/home.png') no-repeat;
}

#homepage_nav li .about{
	display:block;
	margin-left:48px;
	width:52px;
	height:23px;
	background:url('../cssimages/about.png') no-repeat;
}

#homepage_nav li .services{
	display:block;
	margin-left:33px;
	width:72px;
	height:23px;
	background:url('../cssimages/ourservices.png') no-repeat;
}

#homepage_nav li .portfolio{
	display:block;
	margin-left:20px;
	width:80px;
	height:23px;
	background:url('../cssimages/portfolio.png') no-repeat;
}

#homepage_nav li .hints_and_tips{
	display:block;
	margin-left:9px;
	width:93px;
	height:23px;
	background:url('../cssimages/hints_tips.png') no-repeat;
}

#homepage_nav li .news{
	margin-left:38px;
	display:block;
	width:44px;
	height:23px;
	background:url('../cssimages/news.png') no-repeat;
}

#homepage_nav li .contact{
	display:block;
	margin-left:15px;
	width:66px;
	height:23px;
	background:url('../cssimages/contact.png') no-repeat;
}

#navbar {
	background:url('../cssimages/navbar.png');
	position: relative;
	left:2px;
	top:35px;
}


#main_nav {
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
}

#main_nav li {
	text-indent:-9999em;
	float: left;
	margin: 0 10px;

}

#main_nav li .home{
	display:block;
	width:41px;
	height:23px;
	background:url('../cssimages/home.png') no-repeat;
}

#main_nav li .about{
	display:block;
	width:52px;
	height:23px;
	background:url('../cssimages/about.png') no-repeat;
}

#main_nav li .services{
	display:block;
	width:72px;
	height:23px;
	background:url('../cssimages/ourservices.png') no-repeat;
}

#main_nav li .portfolio{
	display:block;
	width:80px;
	height:23px;
	background:url('../cssimages/portfolio.png') no-repeat;
}

#main_nav li .hints_and_tips{
	display:block;
	width:93px;
	height:23px;
	background:url('../cssimages/hints_tips.png') no-repeat;
}

#main_nav li .news{
	display:block;
	width:44px;
	height:23px;
	background:url('../cssimages/news.png') no-repeat;
}

#main_nav li .contact{
	display:block;
	width:66px;
	height:23px;
	background:url('../cssimages/contact.png') no-repeat;
}

#image_banner img{
	margin-bottom:40px;
}

/*==============================================
subnav
==============================================*/

#sub_nav {
	list-style: none;
}

#sub_nav li {
	margin-bottom: 10px;
}

#subnav_bottom{
	position:relative;
	right:10px;
	top:10px;
	display:block;
	width:219px;
	height:18px;
	background:url('../cssimages/sidebar_bottom.gif') bottom left no-repeat;
/*	border:solid 1px #000;*/
}

/*==============================================
services page
==============================================*/

/* SERVICES  LIST */

.service_item {
	position:relative;
	top:-20px;
	border-bottom: 2px solid #B0BED3;
	margin-bottom: 10px;
	padding: 0px 120px 14px 10px;
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

.service_item a{
	color:#000;
}

.service_item a:hover{
	color:#B0BED3;
}

.service_item h4 {
	margin: 0 0 10px 0;
}




/* these are the background images for each of the sections */
/* Franchising Section */
.service17 { background-image: url(../cssimages/franchising.png); }

/* Integrated Campaigns Section */
.service18 { background-image: url(../cssimages/integrated.png); }

/* PR and Copywriting Section */
.service19 { background-image: url(../cssimages/copywriting.png); }

/* Brand management Section */
.service20 { background-image: url(../cssimages/brand.png); }

/*==============================================
portfolio page
==============================================*/

/* #portfolio_list appears if there is no particular portfolio item selected */

#portfolio_list {
/*	position:relative;
	top:-30px;*/
	margin:0;
	padding:20px 0 0 0;
	list-style: none;
}

#portfolio_list a{
	color:#000;
}

#portfolio_list a:hover{
	color:#B0BED3;
}

#portfolio_list li {
	border-bottom: 2px solid #B0BED3;
	margin-bottom: 10px;
	padding: 10px;
}

#portfolio_list li img {
	float: right;
}

#portfolio_list h4 {
	margin: 0px 0 10px 0;
}

/* otherwise use these styles for styling the portfolio item's page */

#portfolio_item{
	padding-top:30px;
}

#portfolio_item h3 {
	font-weight: bold;
	margin:0;
	padding:0 0 15px 0;
}

#portfolioImage {
	float: right;
	clear: right;
	padding-left:50px;
}

#portfolioLogo {
	float: right;
	clear: right;
	padding-top:15px;
	padding-bottom:20px;
	padding-left:50px;
}

#portfolio_item ul {
	margin-left: 30px;
}


#main_content div#portfolio_item span{
	width:100px;
}

/*==============================================
news page
==============================================*/

/* list of news items that appears if no particular news item is selected */

#latest_news {
	list-style: none;
	margin-top: 30px;
/*	border: 1px solid #000;*/
}

#latest_news li{
	position:relative;
	display:block;
	right:30px;
	width:620px;
	background:url('../cssimages/latest_news_top.gif') no-repeat top left;
/*	border: 1px solid #000;*/
}

#latest_news li #news_text{
	width:555px;
	padding:10px 0 0 25px;
}

#latest_news_bottom{
	display:block;
	width:620px;
	height:30px;
	background:url('../cssimages/latest_news_bottom.gif') no-repeat bottom left;
}

#latest_news a{
	color:#000;
}

#latest_news h3 a{
	color:#000;

}

#latest_news p.date {

}

#latest_news p.shortText {

}

/* individual news item page styles */

#news_item h3 {
	color:#000;

}



/*==============================================
contact form
==============================================*/

#contact_form{
/*	float:left;*/
	margin-right:300px;
}

p.success {
	color: green;
}

p.error {
	color: red;
}

/*===================================================================
Footer
===================================================================*/
p#credits a{
	color:#000;

}

p#credits a:hover{
	color:#7A7A7A;
	text-decoration:underline;
}