@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
body {
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dfefff;
	background-image: url(../assets/outerContainer_bg.jpg);
}




body#home a#homenav {
	background-color: #FFF;
	color: #000;
}

body#port a#portnav {
	background-color: #FFF;
	color: #000;
}
body#contact a#contnav {
	background-color: #FFF;
	color: #000;
}

body#download a#downnav {
	background-color: #FFF;
	color: #000;
}
body#sitemap a#sitenav {
	background-color: #FFF;
	color: #000;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 55px;
	color: #000;
	font-weight: normal;
}
h2 {
	font-weight: normal;
	font-size: 20px;
}
h2 a  {
	color: #FFF;
}
h3 {
}

h4 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 2%;
	padding-left: 20px;
	font-size: 100%;
}
.pStrong {
	font-size: 18px;
	padding-top: 29px;
	padding-bottom: 20px;
}
.pEpic {
	font-size: 150%;
}
#headerGraphicBack {
	height: 288px;
	width: 100%;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../assets/headerGraphic_img.png);
	margin-right: auto;
	margin-left: auto;
}


#outerContainer {
	min-width: 900px;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	position: relative;
}

#newLogo {
	float: left;
	background-image: url(../assets/logo_img02.jpg);
	height: 350px;
	width: 350px;
	position: absolute;
}


#container {
	position: relative;
}
#headerGraphicFront {
	height: 288px;
	width: 100%;
	position: absolute;
	z-index: 9;
	background-repeat: no-repeat;
	background-position: -188px top;
	background-image: url(../assets/headerGraphic_img.png);
	margin-right: auto;
	margin-left: auto;
}

#header {
	padding-top: 15px;


}
.hrHeader {
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000;
	background-color: #000;
	margin-bottom: 10px;
}


#navBar {
	background-color: #F7F7F7;
	position: relative;
	z-index: 10;
}

#telNumber {
	float: right;
	height: 24px;
	padding-top: 8px;
	margin-right: 2%;
	position: relative;
	z-index: 4;

}

#nav {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 85%;
	background-image: url(../assets/mainNavImg.png);
	background-repeat: repeat;
	width: 65%;
	position: relative;
	z-index: 2;
}
#nav .navFirst  {
	background-position: left top;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
}
#nav .navItem  {
	background-position: -50px top;
	background-image: url(file:///C|/Users/lloydb.JJSWS112/Documents/Web%20Projects/steadandwilkins.co.uk/user/htdocs/assets/mainNavImg.png);
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
}
#nav ul {
	padding-left: 3%;

}

#nav li {
	display: block;
	float: left;
	width: 19%;
	list-style-type: none;
	text-align: center;
	background-repeat: no-repeat;
}


#nav a {
	text-decoration: none;
	display: block;
	height: 26px;
	padding-top: 10px;
	background-repeat: repeat-x;
	background-position: 40px;
	background-image: url(../assets/navBtn.png);
}


#nav a:link, #nav a:visited {
	color: #FFF;
	background-position: right top;

}
#nav a.menuHover:hover , #nav a.menuHover:active {
	color: #FFF;
	background-position: right top;
	background-color: #516aa2;
}
#header #logoContainer{
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 2%;
	padding-left: 2%;
	width: 96%;

}
#header .logoPos{
	float: left;
	padding-right: 10px;
	padding-top: 15px;
	position: relative;
	z-index: 9;
}
#content {
	background-color: #FFF;
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
}
#footer {
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	background-image: url(../assets/header_bg03.jpg);
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #000;
	min-height: 5px;
}

.hrFooter {
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #000;
	background-color: #000;
	margin-bottom: 10px;
	clear: both;
}
#footer h2 {
	color: #FFF;
}
.footerCol {
	width: 27%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 1%;
	float: left;
	font-size: 12px;
}

.footerCol h2 {
	padding: 0px;
}
.footerCol h3 {
	color: #FFF;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 15px;
}
.footerCol p {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}

.footerCol ul {
	color: #FFF;
}

.footerCol li {
	list-style-type: none;
	line-height: 150%;
}
#footer a:link, #footer a:visited {
	color: #FFF;
}
#footer a:hover, #footer a:active {
	color: #CCC;
}


.colA {

}
.colB{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #999;
	width: 27%;
	height: 220px;
}

.colC {

}
#copyright {
	font-size: 80%;
}
#copyright ul {
	padding-bottom: 10px;
	float: left;
}
#copyright li  {
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 8px;
	margin-right: 8px;
}
#copyright .jjs{
	float: right;
	margin-bottom: 10px;

}
#copyright   .liBorder{
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: thin;
	border-right-color: #333;
}


.clearFloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 1px;
}

.shadow {
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	-moz-box-shadow: 0 0px 5px #888;
	-webkit-box-shadow: 0 0px 5px #888;
	box-shadow: 0 0px 5px #888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}

.hide {
	display: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}