/*
	www.shawscope-uk.com
	STYLESHEET FOR PAGE LAYOUT & CONTENT PRESENTATION
	Author: Robin King, redPandaDesign.com
	Created: 30-01-2008
*/

/* * * * * * * * * * * * * * * * * * * * */

body {
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	background: url(../images/bg.jpg) center 50px no-repeat ;	
	font-family: arial, helvetica, sans-serif ;
	font-size: 100% ;
	color: #555 ;	
}
img { border: 0 ; }

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, blockquote, cite, table, th, td {
	padding: 0 ;
	margin: 0 ;
}
:focus { outline : 0; } 

/* * * * * * * * * * * * * * * * * * * * */

div#header {
	height: 50px ;
	background: url(../images/header-bg.gif) repeat-x ;
}
div#centre_nav {
	width: 760px ;
	margin: 0 auto ;	
}
ul#nav_main {
	font-size: .8em ;
	padding-left: 155px ; 
	margin-top: 0 ;
	margin-left: 0 ;
	list-style: none ;
}
ul#nav_main li {
	float: left ;
	padding-left: 0 ;
	margin: 0 6px ;
}
ul#nav_main li p.nav_link_disable {
	color: #000 ;
	text-decoration: none ;
	display: block ;
	padding: 15px 7px 5px 7px ;
	background-color: #e6eef0 ;
	background-color: #fff ;
	border-bottom: 2px solid #000 ;	
}
ul#nav_main li a {
	color: #000 ;
	text-decoration: none ;
	display: block ;
	padding: 15px 7px 5px 7px ;
}
ul#nav_main li a:hover {
	background-color: #e6eef0 ;
	border-bottom: 2px solid #000 ;
}
div#container {
	margin: 0px auto 0 auto ;
	width: 410px ;
	height: 500px ;
	text-align: left ;
}
div#container p {
	font-size: .75em ;
	line-height: 1.6em ;
	margin: 1em 0 0 0 ;
}
div#container h2 {
	font-family: georgia, serif ;
	font-size: 1.25em ;
	font-weight: normal ;
	text-transform: uppercase ;
	letter-spacing: .05em ;
	color: #000 ;
	padding: 60px 20px ;
	text-align: center ;
}
div#container h2.padtop { padding-top: 70px ; }
div#container h3 {
	font: bold .95em arial, sans-serif ;
	text-transform: uppercase ; 
	letter-spacing: .05em ;
	margin: 1em 0 .25em 0 ;
}
h1#logo {
	font-size: 1px ;
	text-indent: -2007px ;
	background: url(../images/shawscope-logo2.gif) no-repeat ;
	width: 410px ;
	height: 55px ;
	margin: 10px 0 ;
}
div.dashed_rule {
	width: 410px ;
	height: 1px ;
	overflow: hidden ;
	background: url(../images/dashed-rule.gif) no-repeat ;
	margin: 1px 0 ;
}
div.dashed_rule_clear {	padding-bottom: 20px ; }
div#mission_statement {
	width: 410px ;
	height: 165px ;
}
ul#specialist_areas {
	padding-left: 0 ;
	margin: .5em 0 ;
	list-style: none ;
	font-size: .75em ;
	text-transform: uppercase ;
}
ul#specialist_areas li { display: inline ; }
div#technical_drawing {
	width: 410px ;
	height: 90px ;
	background: url(../images/technical-drawing.png) no-repeat ;
	margin-top: 1em ;
}
div#footer {
	width: 410px ;
	background-color: #cfe0e3 ;
	padding: 20px 0 ;
	text-align: center ;
	font-size: .9em ;
	color: #963;		
}
div#footer p { display: inline ; }
dl {
	margin-top: .5em ;
	font-size: .8em ;	
}
dt {
	text-transform: uppercase ;
	font-weight: bold ;
	font-family: georgia, serif ;
	margin: .75em 0 ;
	letter-spacing: .05em ;
	color: #960 ;
}
dd {
	margin: 5px 0px ;
	padding: 0 5px ;
	background-color: #e2ecee ;
	line-height: 1.5em ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
}
blockquote {
	color: #960 ;	
	background-color: #e2ecee ;
	padding: .5em 2.75em ;
	margin-top: .5em ;
	border-top: 1px solid #ccc ;
	border-bottom: 1px solid #ccc ;
	background: url(../images/quote-bg.gif) no-repeat ;
}
.quote { font: .95em georgia, serif ; }
cite {
	font-size: .75em ;
	text-align: right ;
	display: block ;
	padding: .5em .25em ;
}
acronym {	border-bottom: 1px dotted #999 ; }
table.tab {
	width: 100% ;
	font-size: .7em ;
	border-collapse: collapse ;
	margin: 1em 0 ;
}
table.tab td, table.tab th {
	border-bottom: 1px dotted #996 ;
	vertical-align: top ;
	padding: 7px 5px ;
}
table.tab th { background-color: #CC9 ; }
table.tab ul {
	list-style-position: outside ;
	margin-left: 15px ;
}
div.heading {
	width: 410px ;
	height: 168px ;
}
.deck { background: url(../images/deck-header-bg.jpg) no-repeat ; }
.roof { background: url(../images/roof-header-bg.jpg) no-repeat ; }
.blue { background: url(../images/blue-header-bg.jpg) no-repeat ; }
.building { background: url(../images/building-header-bg.jpg) no-repeat ; }
.cladding { background: url(../images/cladding-header-bg.jpg) no-repeat ; }
.pebbles { background: url(../images/pebbles-header-bg.jpg) no-repeat ; }

/* hyperlinks */
a.hyper {
	color: #963;
	text-decoration: none ;
	border-bottom: 1px dotted #963 ;
}
a:hover.hyper {
	color: #963;
	border-bottom: 1px dotted #FFF ;
}
/* red panda link */
a.redPanda {
	color: #963;
	margin: 0 3px ;
	padding: 0 ;
	text-decoration: none ;	
	border-bottom: 1px dotted #963 ;	
}
a:hover.redPanda {
	background-color: #C33 ;
	color: #FFF ;
	margin: 0 ;
	padding: 0 3px ;
	border-bottom: 1px solid #000 ;	
}

/* hCard styling */
div#hcard-Wayne-Shaw {
	font-size: .8em ;
	margin-top: 1.5em ;
	color: #000 ;
	background: url(../images/contact-bg.jpg) no-repeat #e2ecee ;
	border: 1px solid #CCC ;
}
.email { display: block ; }
.fn, .tel, .email { margin: 12px 20px ; }
.hcard_info {
	font-size: smaller ;
	border-top: 1px solid #CCC ;
	color: #999 ;	
	padding: .5em 20px ;
}
span.pipe { margin: 0 10px ; }
.clearIt { clear: both ; }