/*CSS Document created by Chutty, http://www.chutty.co.uk.
portfolio display  CSS http://www.cssplay.org
 /*layout----------------------------------------------------------------------------------------------------*/

*{
padding:0px;
margin:0px;
}

body {
 background-image:url(images/bg1.gif);
 background-repeat:repeat;
font-family:Verdana, sans-serif;
font-size:62.5%;
}
#wrapper {
margin-left:auto;
margin-right:auto;
padding:0px;
width:850px;
height:auto;
}

#banner {
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
display:inline;
float:left;
height:141px;
margin:0px;
padding:0px;
width:850px;
}
#mainnav {
background-image:url(images/navbar.jpg);
background-repeat:repeat-y;
display:inline;
min-height:37px;
float:left;
margin:0px;
padding:0px;
width:850px;
}

#masthead{
background-color:#FFFFFF;
display:inline;
float:left;
height:6.0em;
margin:0px;
padding:0px;
width:850px;
}
#contentholder {
background-color:#FFFFFF;
background-image:url(images/content.jpg);
background-repeat:no-repeat;
background-position:bottom;
display:inline;
float:left;
margin:0px;
padding:0px;
width:850px;
min-height:460px;
}
#firstcol {
display:inline;
float:left;
margin:0px 50px 0px 50px;
padding:0px;
width:350px;
}
#secondcol{
display:inline;
float:left;
margin:0px 50px 0px 0px;
padding:0px;
width:350px;
}

#footer {
width:849px;
height:auto;
padding:0px 0px 0px 0px;
float:left;
clear:both;
}


/*text formatting--------------------------------------------------------------------------------------*/
/*where p follows h1 then reduce line height -HOW*/
/*where p follows p then increase line height*/

h1 {
color:#8F1E19;
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
padding-top:1.2em;
}

h3 {
color:#8F1E19;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
text-align:center;
padding-top:0.5em;
font-size:2.0em;
margin:0px 50px 0px 50px;}

h3.contact{
margin:200px 50px 0px 50px;
text-align:left;}


p {
color:#333333;
font-size:120%;
line-height:1.5em;
margin:0.8em 0 0.8em 0;
text-align:justify;
}

a[href^="http:"]{
color:#ff6633;
text-decoration:none;
background:url(images/externallink.gif) no-repeat right top;
padding-right:11px;
}



a:hover{
color:#ff6633;
text-decoration:underline;
}

p.footer{
font-size:0.9em;
text-align:center;
font-weight:bold;
color:#FFFFFF;
}

#mainnav ul {
display:inline;
float:left;
height:17px;
margin:12px 0px 0px 0px;
padding:0px 0px 0px 75px;
width:600px;
}
#mainnav ul li {
display:inline;
float:left;
padding:0px;
}
#mainnav li a {
color:#FFF;
display:block;
font-size:1.2em;
font-weight:bold;
margin:0px 38px 0px 0px;
padding:0px;
text-decoration:none;
}
#mainnav li a:hover {
text-decoration:underline;
}

/*image positioning--------------------------------------------------*/

img.logo{
padding:10px 0px 0px 50px;
}

img.contactinfo{
float:right;
}

img.port{
padding:30px 0px 0px 60px;
}

img.featureport{
padding:0px 0px 0px 60px;
}

div.image { margin: 1em 0; }

img.w3c{
border:none;
width:88px;
height:31px;
padding:0px 5px 0px 0px;
float:left;
}