/* Ragoodall Design - steven@ragoodall.co.uk */

body		{background: url(images/bg.gif); background-repeat: repeat; margin: 0px 0px 0px 0px; text-align: center;}
a			{outline: none;}

/* Header styles --------------------------------------------------------------------------------------------------------->*/

#header		{width: 1003px; height: 90px; margin: 0px auto 0px auto; vertical-align: top; text-align: left;}

#header_01	{width: 205px; height: 90px; float: left;}
#header_02	{background: url(images/img_02.gif); background-repeat: no-repeat; width: 580px; height: 90px; float: left; text-align: right;}
#header_03	{background: url(images/img_03.gif); background-repeat: no-repeat; width: 208px; height: 90px; float: right;}

/* Main content areas----------------------------------------------------------------------------------------------------->*/

#main		{width: 1003px; height: 500px; margin: 0px auto 0px auto; vertical-align: top; text-align: left;}

#main_01	{background: url(images/img_04.gif); background-repeat: no-repeat; width: 205px; height: 100%; float: left;}
#main_02	{background: url(images/img_05.gif); background-repeat: no-repeat; width: 550px; height: 470px; float: left; padding: 15px 15px 15px 15px;
		 margin: 0px 0px 0px 0px; font-family: tahoma, verdana, arial; color: #669999; font-size: 11px;}

#main_02 h1	{width: 100%; border-bottom: 2px solid #cde1e2; border-right: 2px solid #cde1e2; border-left: 2px solid #cde1e2; color: #3e7373; font-size: 11px; font-weight: bold; margin: 15px 0px 15px 0px; padding: 2px 2px 2px 4px;}
#main_02 p	{line-height: 14px; margin: 10px 0px 10px 0px;}

#content_home_01	{width: 320px; margin: 0px 0px 0px 0px; float: left;}
#content_home_02	{width: 180px; margin: 0px 0px 0px 0px; float: right;}

#content_about_01	{width: 320px; margin: 0px 0px 0px 0px; float: left;}
#content_about_02	{width: 180px; margin: 0px 0px 0px 0px; float: right;}

#content_contact_01	{width: 320px; margin: 0px 0px 0px 0px; float: left;}
#content_contact_02	{width: 180px; margin: 0px 0px 0px 0px; float: right;}

#content_pf_01		{width: 180px; margin: 0px 0px 0px 0px; float: left;}
#content_pf_02		{width: 350px; margin: 0px 0px 0px 0px; float: right;}
#pf_header		{width: 100%; height: 20px; background: #cde1e2;}

#content_rest_01	{width: 250px; margin: 0px 0px 0px 0px; float: left;}
#content_rest_02	{width: 250px; margin: 0px 0px 0px 0px; float: right;}

#main_03	{background: url(images/img_06.gif); background-repeat: no-repeat; width: 208px; height: 100%; float: right;}

/* Footer ---------------------------------------------------------------------------------------------------------------->*/

#footer		{width: 1003px; height: 178px; margin: 0px auto 0px auto; vertical-align: top; text-align: left;}

#footer_01	{background: url(images/img_07.gif); background-repeat: no-repeat; width: 205px; height: 100%; float: left;}
#footer_02	{background: url(images/img_08.gif); background-repeat: no-repeat; width: 580px; height: 100%; float: left;
		 margin: 0px 0px 0px 0px; font-family: tahoma, verdana, arial; color: #4b483e; font-size: 10px;}

#footer_links	{width: 430px; height: 20px; text-align: center; float: right; padding: 8px 0px 0px 0px;}

#footer_02 a:link	{color: #6e695c; font-size: 10px; text-decoration: none; margin: 0px 18px 0px 18px;}
#footer_02 a:visited	{color: #6e695c; font-size: 10px; text-decoration: none; margin: 0px 18px 0px 18px;}
#footer_02 a:hover	{color: #857f71; font-size: 10px; text-decoration: none; margin: 0px 18px 0px 18px;}
#footer_02 a:active	{color: #6e695c; font-size: 10px; text-decoration: none; margin: 0px 18px 0px 18px;}

#footer_03	{width: 208px; height: 100%; float: right;}

/* Links ----------------------------------------------------------------------------------------------------------------> */

.pf:link		{color: #669999; font-size: 11px; text-decoration: none; padding: 2px;}
.pf:visited		{color: #669999; font-size: 11px; text-decoration: none; padding: 2px;}
.pf:active		{color: #669999; font-size: 11px; text-decoration: none; padding: 2px;}
.pf:hover		{background: #96c9c9; color: #ffffff; font-size: 11px; text-decoration: none; padding: 2px;}

.smpl:link		{color: #669999; font-size: 11px; text-decoration: underline; margin: 0px 0px 2px 0px}
.smpl:visited		{color: #669999; font-size: 11px; text-decoration: underline; margin: 0px 0px 2px 0px}
.smpl:hover		{color: #669999; font-size: 11px; text-decoration: none; margin: 0px 0px 2px 0px}
.smpl:active		{color: #669999; font-size: 11px; text-decoration: underline; margin: 0px 0px 2px 0px}

/* Images ---------------------------------------------------------------------------------------------------------------->*/

.nav_box_01	{width: 70px; height: 70px; margin: 10px 0px 0px 0px; border: 0px;}
.nav_box_02	{width: 70px; height: 70px; margin: 10px 0px 0px 6px; border: 0px;}
.nav_box_03	{width: 70px; height: 70px; margin: 10px 0px 0px 0px; border: 0px;}
.nav_box_04	{width: 70px; height: 70px; margin: 0px 0px 10px 0px; border: 0px;}
.nav_box_05	{width: 70px; height: 70px; margin: 0px 0px 0px 0px; border: 0px;}

.main_box	{width: 70px; height: 70px; margin: 0px 0px 0px 0px; border: 0px;}
.heading	{width: 465px; height: 70px; margin: 0px 0px 0px 10px;}
.currentproject	{width: 170px; height: 40px; margin: 0px 0px 0px 0px;}
.portfolio	{width: 350px; height: 270px; margin: 0px 0px 0px 0px; border: 0px;}
.pfback		{width: 550px; height: 20px; margin: 0px 0px 0px 0px; border: 0px;}

/* Lists ------------------------------------------------------------------------------------------------------------------>*/

.list	ul	{margin: 0px; padding-left: 17px;}
.list	li	{list-style: none url(images/list_square.gif); text-indent: 8px; line-height: 22px;}

ul		{margin: 0px; padding-left: 0px;}
li		{list-style-type: none; line-height: 18px;}

/* Form ------------------------------------------------------------------------------------------------------------------->*/

label		{width: 50px; float: left; text-align: left; margin: 0px 30px 0px 5px; display: block;}

input		{background: #f0f8f8; border: 1px solid #669999; color: #3e7373; padding: 2px; width: 170px; font-family: tahoma, verdana, arial; font-size: 11px;}
input:focus, input.focus
		{background: #ffffff; border: 1px solid #3e7373; color: #3e7373; padding: 2px;}
input:hover, input.hover
		{background: #ffffff; color: #3e7373; padding: 2px;}

textarea	{background: #f0f8f8; border: 1px solid #669999; color: #3e7373; padding: 2px; width: 170px; font-family: tahoma, verdana, arial; font-size: 11px; scrolling: no;}
textarea:focus, textarea.focus
		{background: #ffffff; border: 1px solid #3e7373; color: #3e7373; padding: 2px;}
textarea:hover, textarea.hover
		{background: #ffffff; color: #3e7373; padding: 2px;}

#submit		{background: #96c9c9; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 40px; cursor: pointer;}
#submit:focus	{background: #96c9c9; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 40px;}
#submit:hover	{background: #8bbbbb; border: 1px solid #73a8a8; color: #ffffff; padding: 2px; width: 40px;}

#reset		{background: #96c9c9; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 40px; margin-left: 96px; cursor: pointer;}
#reset:focus	{background: #96c9c9; border: 1px solid #8bbbbb; color: #ffffff; padding: 2px; width: 40px;}
#reset:hover	{background: #8bbbbb; border: 1px solid #73a8a8; color: #ffffff; padding: 2px; width: 40px;}