/*---------------------------------------------------------------------------------------------------------------------

*************** This Style Sheet is copyright*******************
Version:	1.2
Date:		January 2007
Author:		Patrick Viney
E-mail:		webmaster@successbydesign.co.uk
website:	www.successbydesign.co.uk
Copyright:	successbydesign 2007

---------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------------

Main body styling

---------------------------------------------------------------------------------------------------------------------*/
* {margin: 0; padding: 0;}
p {margin: 15px;}
a {font-size: small; color: #0F3D83; text-decoration: none;}
font {color: #0F3D83;}

body {
	margin-top: 15px;
	font-family: arial, sans-serif;
	font-size: small; color: #0F3D83;
	background-color: #88D8E3;
	text-align: center;	
}


h1 {font-size: medium; font-weight: bold; text-align: center; margin: 15px;}
h2 {font-size: medium; text-align: left; margin: 15px;}
h3 {font-size: small; font-weight: bold; clear: none;}
h4 {font-size: x-small; font-weight: bold;}
h5 {font-size: 10pt; font-weight: bold; text-align: center;}


.right {text-align: right; font-weight: bold;}
.center {text-align: center;}
.bold {font-weight: bold;}
.centerbold {text-align: center; font-weight: bold; clear: both;}
.clear {clear: both;}
.clearbold {clear: both; font-weight: bold; text-align: center;}
.imgright {float: right;}
.red {color: red; font-weight:bold; text-align:center; }
/*--------------------------------------------------------------------------------------------------------------------

Layout

---------------------------------------------------------------------------------------------------------------------*/

#wrapper {
	width: 750px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}

#logo {
	width: 750px;
	height: 78px;
	text-align: left;
	background: #8cd6f7 url(images/logo.png) no-repeat;
	line-height: 78px;
	text-indent: 15px;
}

#logo a:hover { color: #fff;}

/*--------------------------------------------------------------------------------------------------------------------

Content

---------------------------------------------------------------------------------------------------------------------*/
#content 	ul {margin: 15px 15px 15px 55px;}
#content 	li {padding: 0px 0px 5px 0px;}
#content a:hover { color: #000;}
#content img {float: left; padding: 15px;}
#content img.right{float: right;	padding: 15px 15px 15px 15px; }
#content td.photo {width: 280px;}
#content td.photo300 {width: 330px;}
table.fullwidth {width: 100%;}
/*--------------------------------------------------------------------------------------------------------------------

Navigation

---------------------------------------------------------------------------------------------------------------------*/

#navigation{
	margin: 0px 10px 0px 10px;
	text-align: center;
	padding: 0;
	width: 730px;
	background: #8cd6f7 url(images/nav.gif) repeat-x;
	line-height: 28px;
}

#navigation a {text-decoration: none; color: #0F3D83;}
#navigation a:hover {color: #ffffff;}

/*--------------------------------------------------------------------------------------------------------------------

Bottom Navigation

---------------------------------------------------------------------------------------------------------------------*/

#bottomnav {
	width: 750px;
	height: 47px;
	background: #8cd6f7 url(images/gradup.gif) repeat-x;
	text-align: center;
	line-height: 47px;
	clear: both;
}
#bottomnav a {color: #0F3D83; text-decoration: none;}
#bottomnav a:hover {color:#ffffff;}
/*--------------------------------------------------------------------------------------------------------------------

Success by design

---------------------------------------------------------------------------------------------------------------------*/
#sbd {font-size: x-small; text-align: center; padding: 10px;}
#sbd a{text-decoration:none; font-size: x-small;}
#sbd a:hover{color:#000000;}
.validator  {border: 0px; width: 88px; height: 31px;}
.validatorleft  {float: left; border: 0px; width: 88px; height: 31px; margin: 0px;}
.oneandone {border: 0px; width: 468px; height: 60px; margin-left: 125px}

/*--------------------------------------------------------------------------------------------------------------------

Contact form table

---------------------------------------------------------------------------------------------------------------------*/

table.form  {width: 500px; margin: 10px 125px 10px 125px;}
.form td {background-color: #dff7ff; padding: 3px; border: 1px solid #5FB5FF; }
.form th {padding: 3px; border: 1px solid #5FB5FF; text-align: center; font-weight: bold; background-color: #5fb5ff;}
td.thirty {width: 30%}
td.seventy {width: 70%}

/*--------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------*/