/* http://www.icdlimited.co.uk this code produced by Tim Manners */
/* Citrus Studio 2009 v1.0 */

/* Clear CSS Styles and set initial Body styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	text-align:center;
	background:url(graphic/bg.jpg) repeat-x #00182E;
	margin:0;
	padding:0;
}
	
ol, ul {
	list-style: none;
}

img, div { behavior: url(iepngfix.htc) }

blockquote, q {
	/*letter-spacing:1.0px;*/
	font-size:18px;
	line-height: 22px;
	quotes: none;
	text-align:center;
	font-weight: regular;
	font-style:italic;
    margin:10px 0 5px 0;
    padding:10px 15px;
    border-top: 1px solid #64a7c4;
    border-bottom: 1px solid #64a7c4;
}
blockquote:before {
content: url(http://www.stephengreendesign.co.uk/lquote.png);
width:26px;
height:18px;
margin: 0 0 0 -15px;
overflow:hidden;
float:left;
}

blockquote:after {
content: url(http://www.stephengreendesign.co.uk/rquote.png);
width:26px;
height:18px;
margin: 0 -15px 0 0;
overflow:hidden;
float:right;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

p, form, input, h2, h3, h4, h5 ,h6, ol li {font-size:14px;}
p {line-height:19px;}
a {color:#ffd700}
.bold {font-weight: bold;}
p {margin: 10px 0 15px 0;}
.grey {color:#555;}
.small {font-size:12px;}
.stage p, .stage form {margin: 18px 20px 15px 20px;}

ol {list-style:decimal; width:275px; float:right}

ol li p a {color:#fff; text-decoration:none;}

/*Start of CSS styling*/

div.container, div.content, div.rule, span.curve, div.corner-btm, div.corner-top, div.rule {width:950px}

div.container {display:table}

div.container {
	margin-right:auto;
	margin-left:auto;
	background:url(master_bg.jpg) 0 0;
	position:relative;
}

div.nav {
	height:81px;
	margin:0 0 0 -2px;
	background:url(sgpd_nav.jpg) no-repeat;
	position:relative;
	width:652px;
}

div.content {
	text-align:left;
}

div.stage {
	background: #fff; 
	width: 625px; 
	height: auto; 
	margin-left: 25px;
	display:table;
}

div.footer {
clear: both; width: 950px;}

.corner-btm, .corner-top {height:16px;}

.corner-top {background: url(images/corners.png) no-repeat 0 0; margin: 20px 0 0 25px}
.corner-btm {background: url(images/corners.png) no-repeat 0 -16px; margin: 0 0 50px 25px}


/*Navigation*/

.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0px;
	height: 81px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
/*HOME TAB*/
.nav .home a:link, .nav .home a:visited {
	left: 118px;
	width: 157px;
}
.nav .home a:hover, .nav .home a:focus {
	background: url(sgpd_nav.jpg) no-repeat -118px -81px;
}
.nav .home a:active {
	background: url(sgpd_nav.jpg) no-repeat -118px -81px;
}
.current-home .home a:link, .current-home .home a:visited {
	background: url(sgpd_nav.jpg) no-repeat -118px -81px;
	cursor: default;
}
.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 118px;
	width: 157px;
	height: 81px;
	background: url(sgpd_nav.jpg) no-repeat -118px -81px;
}
.nav-home-click {
	background: url(sgpd_nav.jpg) no-repeat -118px -81px;
}

/*FOLIO TAB*/
.nav .folio a:link, .nav .folio a:visited {
	left: 276px;
	width: 126px;
}
.nav .folio a:hover, .nav .folio a:focus {
	background: url(sgpd_nav.jpg) no-repeat -276px -81px;
}
.nav .folio a:active {
	background: url(sgpd_nav.jpg) no-repeat -276px -81px;
}
.current-folio .folio a:link, .current-folio .folio a:visited {
	background: url(sgpd_nav.jpg) no-repeat -276px -81px;
	cursor: default;
}
.nav-folio, .nav-folio-click {
	position: absolute;
	top: 0;
	left: 276px;
	width: 126px;
	height: 81px;
	background: url(sgpd_nav.jpg) no-repeat -276px -81px;
}
.nav-folio-click {
	background: url(sgpd_nav.jpg) no-repeat -276px -81px;
}

/*CONTACT TAB*/
.nav .contact a:link, .nav .contact a:visited {
	left: 403px;
	width: 152px;
}
.nav .contact a:hover, .nav .contact a:focus {
	background: url(sgpd_nav.jpg) no-repeat -403px -81px;
}
.nav .contact a:active {
	background: url(sgpd_nav.jpg) no-repeat -403px -81px;
}
.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(sgpd_nav.jpg) no-repeat -403px -81px;
	cursor: default;
}
.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 403px;
	width: 152px;
	height: 81px;
	background: url(sgpd_nav.jpg) no-repeat -403px -81px;
}
.nav-contact-click {
	background: url(sgpd_nav.jpg) no-repeat -403px -81px;
}


/*Various cols*/

div.lefCol, div.midCol{
	float:left;
}

div.lefCol{
	width:300px;
}

div.midCol{
	width:590px;
}


/*Forms*/

input.button {height:30px; border:none; cursor:pointer; text-indent: -9999px; overflow:hidden;}
input.submit {margin-left:180px}
input.submit, input.reset {width:110px}
input.submit {background:url(graphic/sgpd_buttons.jpg) 0 0}
input.submit:hover {background:url(graphic/sgpd_buttons.jpg) -120px 0}
input.reset {background:url(graphic/sgpd_buttons.jpg) 0 -40px}
input.reset:hover {background:url(graphic/sgpd_buttons.jpg) -120px -40px}
form p {clear:left;height:1%}
form div {border:1px solid #fff}
form label {float:left;margin:4px 10px 0 0;text-align:right; width:150px;}
form label, form label span {font-weight:bold; color:#555}
form label span {text-decoration: underline;}
input[type=text], input[type=password], textarea {width:330px;border:1px solid #999}

/*Other Classes*/

img.logo {
	margin:15px 0;
}

.basket {
	position:absolute;
	top:180px;
	left:-450px;
	margin:0 0 0 50%;
}

hr {
	display:none;
}

div.rule {
	height:1px;
	margin-top: -30px;
	background:#64a7c4;
}

div.rule p.center {padding:5px 0 0 0}

.center {text-align:center;}
.right {float:right; text-align:right;width:755px; font-size:13px;}

.content p.center, .clear, .rule {clear:both}

div.content object {margin:0 0 25px 0;}

.clearer {clear:both;}

div.float {
	margin: 15px 0 10px 27px;
	float: left;
	display: inline;
}
  		
div.float img {
	border: 1px solid #aaa;
}
  
div.float p {
	margin: 0;
	height: 20px;
	text-align: right;
	font-weight: bold;
	display: inline;
}