/*---------------------------------------------

Filename: Golf_MainStyles.css
Title: Main Styles for www.golfstoragesolutions.co.uk
Author: Rachael Coultas - rachael@firstmedia.co.uk

nav blue: #6c9dbc
nav green: #2b7b30
---------------------------
background green: #c0dac2 
---------------------------
main green: #2d8634
yellow text: #e6e56d

---------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;	
	line-height: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #c0dac2;
}

* {margin: 0px; padding: 0px;}

/*----------------------------------------------- Wrapper --*/

#wrapper {
	width: 740px;
	margin: 0px auto;
	text-align: left;
	background-color: #2d8634;
}

/*----------------------------------------------- Header --*/

#header {
	width: 740px;
	height: 144px;
	background-image: url(../images/golfstoragesolutions.jpg);
}

#header ul {
	list-style: none;
	margin: 0px 30px 0px 0px;
	padding: 116px 0px 0px 37px;
	text-align: left;
}

#header li {
	float: left;
	background-image: url(../images/nav/green_left.gif);
	background-repeat: no-repeat;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 6px;
}
	
#header a:link, #header a:visited {
	float: left;
	display: block;
	color: #ffffff;
	background-image: url(../images/nav/green_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	font-size: 0.80em;
	font-weight: bold;
	padding: 7px 8px 5px 0px;
}

#header a:hover {
	color: #e6e56d;
}

body.home #header li.nav_home,
body.product #header li.nav_product,
body.about #header li.nav_about,
body.contact #header li.nav_contact {
	background-image: url(../images/nav/blue_left.gif);
}

body.home #header li.nav_home a,
body.product #header li.nav_product a,
body.about #header li.nav_about a,
body.contact #header li.nav_contact a {
	background-image: url(../images/nav/blue_right.gif);
	color:#FFFFFF;
}



/*----------------------------------------------- Main Image --*/

#main_image {
	width: 740px;
	height: 199px;
	background-image: url(../images/main_image.jpg);
}

/*----------------------------------------------- Main Content --*/

#content_wrapper {
	width: 740px;
	height: auto;
	float: left;
	background: #2d8634 url(../images/stripes.gif) repeat-x top center;
	margin: 0px;
}

#left_column {
	width: 318px;

	float: left;\
}

#right_column {
	width: 422px;

	float: right;
}
	

h1 {
	font-size: 1.5em;
	line-height: 1.15em;
	font-weight: bold;
	color: #e6e56d;
	margin: 20px;
}

h2 {
	font-size: 1em;
	line-height: 0.8em;
	font-weight: bold;
	color: #e6e56d;
	margin: 20px 20px 10px 20px;
}

p {
	font-size: .85em;
	line-height: 1.35em;
	color: #FFFFFF;
	margin: 20px;
}

strong {
	font-weight: bold;
}

#right_column ul {
	list-style: inherit;
	font-size: .80em;
	line-height: 1.35em;
	color: #FFFFFF;
	margin: 0px 10px 10px 35px;
}

#right_column a:link, #right_column a:visited{
	color: #e6e56d;
	text-decoration: underline;
}

#right_column a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/*----------------------------------------------- tables --*/

table {
	width: 350px;
	border: none;
	padding: 0px;
	margin: 0px;
}

table p {
	text-align: left;
	margin: 2px 1px 2px 20px;
	padding: 0px;
	font-size: .80em
}

tr {
	margin: 0px;
	padding: 0px;
}

td {
	margin: 0px;
	padding: 0px;
}

.send_button {
	margin: 2px 0px 0px 20px;
	width: 100px;
}

/*----------------------------------------------- Footer --*/	

#footer {
	width: 740px;
	height: 161px;
	background-image: url(../images/footer.jpg);
	clear: both;
}

