/* CSS Document */

/* This code is the copyright of Jeff Gillan and Logo Portal. Please do not use any part of this code without express prior permission */

body {
font-family:Arial, Helvetica, sans-serif;
background:#99CCFF url(../img/bg_grad.jpg) repeat-x;
background-color:#99CCFF;
font-size:.7em;
font-weight:100;
line-height:1.45em;
color:#333333;
margin:0;
padding:0;
}
p {
margin:0px 0px 10px 0px;
padding:0px;
}
h2 {
color:#0099FF;
font-size:1.1em;
font-weight:100;
margin:0;
}
h3 {
color:#0066CC;
font-size:1em;
font-weight:100;
margin:0;
}
h4 {
color:#666666;
font-size:1em;
font-weight:100;
margin:0;
}
img {
border:none;
}
strong {
color:#0066CC;
}
a:link, a:visited {
color:#0066CC;
text-decoration:none;
}
a:hover, a:active {
color:#0066CC;
text-decoration:underline;
}
.footnote {
font-size:.8em;
line-height:1.1em;
}

/* PAGE LAYOUT */
#wrapper {
width:1000px;
height:auto;
background-color:#FFFFFF;
margin:30px auto 0px;
border:#CCCCCC solid 1px;
}
/* HEADER & MININAV */
#header {
height:80px;
margin:0px 50px 0px;
}
#header .logo {
float:left;
margin-top:25px;
}
#headernav {
clear:right;
width:400px;
float:right;
margin-top:60px;
font-size:1em;
}
#headernav p {
margin:0px;
padding:0px;
float:right;
}

/* MAIN NAV */
#nav {
line-height:2.1em;
clear:both;
margin:15px 0 0;
padding:0px 0 0 50px;
height:26px;
display:block;
background:url(../img/nav_bg.png) repeat-x;
}
#nav a {
color:#FFFFFF;
font-size:.8em;
font-weight:bold;
padding:0 5px 0;
}
#nav a:link {
float:left;
height:26px;
display:block;
text-decoration:none;
background:url(../img/nav_bg.png) repeat-x;
background-color:#99CCFF;
}
#nav a:visited {
float:left;
height:26px;
display:block;
text-decoration:none;
background:url(../img/nav_bg.png) repeat-x;
background-color:#99CCFF;
}
#nav a:hover {
float:left;
height:26px;
display:block;
text-decoration:none;
background:url(../img/nav_ovr.png) repeat-x;
background-color:#99CCFF;
}
#nav a:active {
float:left;
height:26px;
display:block;
text-decoration:none;
background:url(../img/nav_ovr.png) repeat-x;
background-color:#99CCFF;
}
#nav a.active {
float:left;
height:26px;
display:block;
text-decoration:none;
background:url(../img/nav_ovr.png) repeat-x;
background-color:#99CCFF;
}
#nav img {
float:left;
}
#headline {
display:block;
height:75px;
background:url(../img/headline_bg.png) repeat-x;
padding:0px 50px 0px;
margin:0;
background-color:#000000;
}
h1 {
color:#FFFFFF;
font-size:1.5em;
font-weight:100;
padding:40px 0 0;
margin:0;
}
/* -------------------------------------------------------- */
#container {
min-height:560px;
height:auto;
}
#onecol {
margin:20px 30px 0 50px;
width:250px;
height:auto;
min-height:450px;
display:inline;
float:left;
}
#onecol ul {
margin:0 0 5px 10px;
padding:0;
color:#0066CC;
}
#onecol li {
margin:0;
padding:0;
font-size:.9em;
line-height:1.3em;
}
#indexfeature {
width:640px;
height:480px;
float:right;
display:inline;
margin:0;
padding:0;
}
#fullfeature {
margin:20px 50px 0 0;
width:620px;
height:450px;
float:left;
display:inline;
}
#smallfeature {
margin:20px 0 0;
display:block;
width:620px;
height:160px;
float:left;
display:inline;
}
.col {
margin:20px 10px 0 0;
width:200px;
height:280px;
float:left;
display:inline;
}
.col ul {
margin:0 0 5px 10px;
padding:0;
color:#0066CC;
}
.col li {
margin:5px 0 0 0;
padding:0;
line-height:1.3em;
}
.redcol {
margin:20px 10px 0 0;
width:200px;
height:350px;
float:left;
background:url(../img/redbox.jpg) no-repeat;
line-height:1.1em;
display:inline;
}
.redcol h2 {
margin:15px 20px 12px;
color:#FFFFFF;
font-weight:bold;
font-size:1.5em;
line-height:1em;
}
.redcol p {
margin:0 15px 5px;
color:#FFFFFF;
}
.redcol a {
font-weight:bold;
color:#FFFFFF;
}
.redcol strong {
font-weight:bold;
color:#FFFFFF;
}
.redcol ul {
font-weight:bold;
font-size:1.4em;
margin:0 15px 5px 20px;
padding:0;
color:#FFFFFF;
}
.redcol li {
line-height:1em;
margin:0 0 0 10px;
padding:0;
}
.greencol {
float:left;
width:200px;
height:350px;
background:url(../img/greenbox.jpg) no-repeat;
}
.orangecol {
float:left;
width:200px;
height:350px;
background:url(../img/orangebox.jpg) no-repeat;
}

.redcol a:hover {
text-decoration:none;
}

#terms {
margin:20px 0 20px 50px;
width:900px;
height:auto;
}
#terms p {
font-size:.8em;
line-height:1em;
margin:0 0 5px 0;
}
#feedback {
margin:20px 0 20px 50px;
width:900px;
height:auto;
}
#feedback .divider {
clear:left;
width:auto;
margin:10px 0px;
color:#99CCFF;
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
}
.folio {
margin-top:20px;
}
#webport {
margin-top:20px;
width:620px;
height:450px;
float:left;
display:inline;
}
#webport ul {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#webport li {
float:left;
list-style:none;
margin:0 20px 10px 0;
padding:0;
}
#webport li img {
border:none;
width:120px;
height:100px;
}
#footer {
clear:both;
background:url(../img/nav_bg.png) repeat-x;
width:1000px;
height:26px;
display:block;
margin:20px 0 0;
font-size:.8em;
line-height:2.5em;
color:#FFFFFF;
}
#footer a {
color:#FFFFFF;
}
#footer a:link, a:visited {
text-decoration:none;
}
#footer a:hover, a:active {
text-decoration:underline;
}
#footer a.active {
text-decoration:underline;
}
#footer img {
vertical-align:middle;
}
#footer .fleft {
padding-left:50px;
float:left;
}
#footer .fright {
padding-right:50px;
float:right;
}
table {
border:solid 1px #FFFFFF;
height:auto;
border-collapse:collapse;
}
tr {
border-bottom:#FFFFFF solid 4px;
}
th {
background-color:#99CCFF;
color:#FFFFFF;
padding:2px 10px;
}
td {
color:#666666;
text-align:center;
padding:2px;
line-height:1.2em;
}
.left {
text-align:left;
padding:6px;
}
.price_low {
font-size:1.5em;
color:#333333;
background-color:#EBF5FF;
}
tr:hover .price_low {
background-color:#99CCFF;
}
tr {
background-color:#EBF5FF;
}
tr strong {
background-color:#EBF5FF;
}
tr:hover {
background-color:#99CCFF;
background-position: 0 0; /* HACK kicks IE 7 */
}
tr:hover strong {
background-color:#99CCFF;
}
td:hover {
color:#FFFFFF;
background-color:#99CCFF;
}
td:hover strong {
background-color:#99CCFF;
}
form {
margin:0;
padding:0;
}
textarea {
width:190px;
height:150px;
}
.brief {
margin-bottom:5px;
line-height:1.2em;
}
/* -------------------------------------------------------- 

/* CPANEL */
#cpleft {
float:left;
width:150px;
}
#cpright {
float:left;
width:600px;
}
#clear {
clear:both;
}