/* CSS Document */
body { /* set everything to zero for a good cross-browser starting point */
	margin: 0px 0px 0px 0px; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	
	border: 0; /* zeroes off any existing border */
	background-color: #000000; /* sets the body background colour */
	background-image:  url();
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	/*min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

.blue{
color: #4691cd;
}


a { color:#4691cd; text-decoration:none;} 
a:hover { color:#4691cd; text-decoration:none;}

table { 
border-collapse: collapse; 
border: 0px;
}

#main{
width: 100%;
background: #FFFFFF;
}

#left{
background: url(../images/backgrounds/bgLeft.jpg)  no-repeat right bottom;
}

#right{
background: url(../images/backgrounds/bgRight.jpg)  no-repeat left bottom;
}

#leftPort{
background: url(../images/backgrounds/portLeft.jpg)  no-repeat right bottom;
}

#rightPort{
background: url(../images/backgrounds/portRight.jpg)  no-repeat left bottom;

}

#contentTop{
width: 850px;
background: url(../images/backgrounds/bgCentre.jpg)  no-repeat bottom;
}


#logo{  margin:15 0 0 35;}

body#home  a#homeNav,   
body#about a#aboutNav,
body#services a#servicesNav,
body#portfolio a#portfolioNav,
body#sprats a#spratsNav,  
body#contact a#contactnav{
       color: #4691cd;
}

#nav { height:20px; width:780px; margin: 0 0 15 25;  padding:0; }
#nav ul { margin:0; padding:0; list-style:none; color:#cccccc; }
#nav ul li { line-height:20px; float:left; }
#nav ul li a{ line-height:20px; font-family: Helvetica, Arial, sans-serif; font-size:80%; color: #565960; font-weight:bold; text-decoration:none; padding:0 10px 0 10px; }
#nav ul li a:hover { color:#4691cd; }




#sectionCopy{
margin: 0 0 0 35;
width: 780px;
}

#sectionCopy H2{
font: Helvetica Neue Light, Arial, Helvetica, sans-serif;
padding: 10 0 10 50;
color: #1C77C0;
font-size: 110%;
font-weight: normal;
}

#flash{
align: bottom;
}

#contentBottom{
width: 850px;
background: #000000;
}

#strapline{
width: 785px;
height: 28px;
margin: 5px 30px 10px 35px;
border-bottom: solid 1px #474747;
font: Helvetica, Arial, sans-serif;
font-size: 115%;
color: #ffffff;
}

#straplinePort{
width: 785px;
height: 28px;
margin: 5px 30px 0px 35px;
border-bottom: solid 1px #474747;
font: Helvetica, Arial, sans-serif;
font-size: 115%;
color: #ffffff;
}

#footerPort{
clear: both;
width: 780px;
height: 45px;
text-align: right;
margin: 0px 30px 10px 35px;
font: Helvetica, Arial, sans-serif;
font-size: 70%;
color: #ffffff;
}



#contentTable{
width: 820px;
}

#leftCell{
width: 40px;
}
#rightCell{
width:335px;
vertical-align: top;
}


#leftContent{
margin:0px 0px 0px 0px;
font: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 70%;
line-height:15px;
vertical-align: top;
}

#leftContent ul {  
list-style: disc; 
list-style-image: url(../images/bullet.gif);
padding: 6px;
margin: 0 0 0 12px;
}

#leftContent ul li{
padding: 0 0 6px 0px;
}



h2{
color: #ffffff;
font-size: 100%;
font-weight: bold;
color: #4691cd;

}

h3{
font-size: 110%;
font-weight: bold;
color: #4691cd;
margin: 0px;
line-height:15px;
padding: 0px;
}

#rightContent{
width: 305px;
margin: 0px;
float: right;
line-height:15px;
font-family: Helvetica, Arial, sans-serif;
color: #ffffff;
font-size: 75%;
}
#rightContent img {
   vertical-align: middle;
}  
#rightContent ul { margin:0; padding:0; list-style:none; color:#cccccc; }
#rightContent ul li { line-height:35px; }
#rightContent ul li a{ line-height:35px; font-weight:bold; color: #4691cd; text-decoration:none; padding:0 5px 0px 0px; }
#rightContent ul li a:hover { color:#FFFFFF; }
#rightContent ul li a.active{ color:#333333; }

#footer{
clear: both;
width: 780px;
height: 45px;
text-align: right;
margin: 30px 30px 10px 35px;
border-top: solid 1px #474747;
font: Helvetica, Arial, sans-serif;
font-size: 70%;
color: #ffffff;
}