/* CSS Document Villa-Web-Templates.co.uk c2010 */

body {
margin:0px;
padding:0px;
font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
background-color:#EEF;
}


td {
font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; 
text-align:left;
}

#mainContainer {
width:960px;
padding:3px;
border:2px solid #036;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color:#FFF;
}

#masthead {
padding: 20px 0px 0px 16px;
margin: 0px;
background: #FFF url("../images/bg-masthead.jpg") no-repeat;
color:#036;
height:200px;
}

#slogan {
text-align:right;
font-style: italic;
font-weight:normal;
color:#C30;
margin-top:-10px;
margin-right:16px;
}

#content {
margin: 0px 16px 0px 8px;
padding: 0px;
background-color:#FFF;
}

#footer {
text-align:center;
border-top:1px solid #CCC;
background-color:#69C;
color:#DDD;
padding:10px 0px;
border-top:2px solid #F60;
}

h1 {font-size:14px; color:#006699;}

.seostrapline {font-size:10px; color:#999; font-weight:normal;}

p {margin:4px 0px 20px 0px;}
.note {color:#999; font-size:80%;}

h2 {
font-size:12px;
color:#036;
background-color:#FFF;
margin:16px 0px 0px 0px;
border-bottom: 1px solid #CCC;
}

.h2Top {
font-size:12px;
color:#999;
background-color:#FFF;
margin:0px; padding:0px;
text-align:center;
border-bottom: 0px solid #CCC;
}

.h2Com {
font-size:12px;
color:#036;
background-color:#FFF;
margin:0px;
padding:0px;
text-align:center;
}

h3 {
font-size:12px;
color:#F60;
margin:14px 0px 0px 0px;
padding:0px;
}

.price {font-size:18px}
.boxed {
text-align:center;
background-color:#EEE;
border:1px solid #CCC;
padding:4px;
}

/* PIC STYLES */
.portfolio {
clear:both;
padding:20px 0px;
border-top:1px dashed #999;
}

img {
border:0px;
}

.imgLeft {
float:left;
margin-right:20px;
}

.imgRight {
float:right;
margin-left:16px;
}

#showcase {
margin:8px;
}

.thumbBox {
float:left;
width:176px;
height:200px;
background:transparent url('../images/bg-thumbs.gif') ;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#FFF;
}
.thumbBox p {margin-top:18px;}
.thumbBox a:link {color:#FFF;}
.thumbBox a:visited {color:#FFF;}
.thumbBox img {margin-top:14px;}

.printOnly {position:absolute; left:-2000px; top:-2000px;}

/* ############## HYPERELINKS #################### */
a {font-weight:normal;}
a:link {text-decoration:underline; color:#669;}
a:hover {text-decoration:none; color:#F60;}
a:visited {text-decoration:underline; color:#036;}

#navlist a {text-transform:uppercase; text-decoration:none; font-weight:bold; color:#FFF;}
#navlist a:link {text-decoration:none; color:#FFF;}
#navlist a:hover {text-decoration:underline; color:#F60;}
#navlist a:visited {text-decoration:none; color:#FFF;}


/* ############## Eric Myer's Simple List Separators
http://www.meyerweb.com/eric/talks/2003/commug/commug.html */
#navlist
{
margin:0px 0px;
padding:0px;
width: 160px;
color:white;
}

#navlist li
{
margin: 0px;
padding: 0.25em;
border-bottom: 1px solid #99C;
}