/* CSS Document */

/* global styles */
* {font-family:Arial, Helvetica, sans-serif;}
body {background-color:#000; text-align:left; font-size:12px; color:#000; margin: auto; padding:0;}
img {border:0px; margin:0; padding:0;}
p {font-size: 12px; color:#333;}
ul {margin-top:0px; list-style:square;}
ul li{margin-top:2px; margin-bottom:2px;}

/*header styles*/
#hdr {margin:auto; width:910px; background:#fff; padding:10px 20px;}

/*top menu links*/
#navcont{background:#006699 url(../images/bar_bg.gif) repeat-x; height:45px;}
#navlist{margin:0px auto; padding:12px 0px; width:940px;}
#navlist li, #navlist li.active {list-style: none; float:left; text-align:center; width:130px; margin:0px 5px 0px 0px; padding:0px; border-right:#acdaf1 solid 1px;}
#navlist li a {text-decoration: none; color:#fff; font-size:14px; font-weight:bold;}
#navlist li a:hover {text-decoration: underline;}

/*main page structure div*/
#main {position:relative; background:#fff; width:910px; margin:auto; padding:0px 20px 20px 20px;}
#lcol {width:250px; float:left; background:#000 url(../images/nav_rnd_top.gif) top no-repeat; margin:0px; padding:15px 0px 0px 0px;}
#rcol {width:640px; float:right; background:#fff; margin:0px; padding:0px;}

/*template page structure div*/
.template #main{position:relative; background:#fff; width:1030px; margin:auto; padding:0px 20px 20px 20px;}
.template #rcol{width:760px; float:right; background:#fff; margin:0px; padding:0px;}
.template #hdr {margin:auto; width:1030px; background:#fff; padding:10px 20px; text-align:left;}

/* sidebar links*/
#navside {list-style:none; text-align:left; padding:0px 0px 0px 0px; margin:0px 10px 20px 25px; width:195px;}
#navside li {padding:8px 0px; margin:0px; background:#000 url(../images/nav_line.gif) bottom left no-repeat;}
#navside li a {text-decoration: none; color:#83d0e1; background:url(../images/arrow.gif) no-repeat 0 5px; padding-left:20px;}
#navside a:hover {color: #fff;}

/*main page includes structure div*/
.adcol-cont { width:216px; height:200px; margin:0px 3px; padding:0px;}

.onecol{float:left; width:640px; border:solid 1px #e6e6e6; border-top:none; padding:0px 0px 10px 0px; margin:10px 0px;}
.onecol h2{color:#069; margin-top:-4px; padding:8px 10px 0px 10px; height:35px; background:url(../images/hdr_bg_640.gif) top no-repeat;}
.onecol p{ margin:5px 10px;}
.onecol ul{display:inline; margin:0px; padding:0px;}
.onecol ul li{margin:0px 0px 0px 15px;}
.onecol hr{ margin:5px 5px 20px 5px;}

.onecol .picleft{float:left; margin-right:15px; margin-bottom:15px;}
.onecol .ulleft{margin:0px 0px 0px 15px;}

.threecol{float:left; width:250px; font-size:10px;}
.threecol h3{margin-top:0px; font-size:12px;}
.threecol p{margin-left:25px;}

.twocol, .twocol2{float:left; width:308px; border:solid 1px #e6e6e6; border-top:none; margin:10px 20px 10px 0px; padding:0px; height:240px;}
.twocol2{margin-right:0px;}
.twocol h2, .twocol2 h2{color:#069; margin-top:-2px; padding:8px 10px 0px 10px; height:35px; background:url(../images/hdr_bg_310.gif) top no-repeat;}
.twocol p, .twocol2 p{ margin:5px 10px;}

ul.cartlogos{list-style:none; margin:0px; padding:0px;}
ul.cartlogos li{float:left; width:250px; height:80px; text-align:center; margin-right:50px; margin-left:0px;}


/*links*/
a:link, a:visited, a:active, a:hover {color: #F60; font-size:12px; font-weight:normal;}
a:hover {text-decoration: none;}

/*breadcrumbs*/
#crumbs{ margin:0px 0px 20px 0px; color:#069; font-size:11px; font-weight:bold;}
#crumbs a{color:#666; font-size:11px; font-weight:bold; text-decoration:none;}
#crumbs a:hover{text-decoration:underline;}

/*footer Links*/
#ftrcont{background:#006699 url(../images/bar_bg.gif) repeat-x; height:45px;}
#ftr{text-align:center; color:#FFFFFF; padding:13px 0px; width:950px; margin:auto;}
#ftr a:link, #ftr a:visited, #ftr a:active, #ftr a:hover{color: #fff; font-size:12px; padding-bottom:5px;}
#ftr a:hover {text-decoration: none;}

/*headers*/
h1, h2, h3, h4 {font-size:24px; color: #069; margin:0px 0px 10px 0px;}
h2 {font-size: 16px; color: #069; margin:20px 0px 10px 0px; padding:0px;}
h3 {font-size: 14px; color: #333; margin-bottom:5px;}
h3.sidebar {font-size:14px; color:#fff; margin:0px; padding:8px 20px 0px 20px; height:35px; background:url(../images/hdr_bg_nav.gif) top no-repeat;} 
h4 {font-size: 12px; color:#333; margin:5px 0px;}

/*special text*/
.special{font-weight: bold; color: #F30;}
.blue {color: #009;}	
.sale {color:#cc0000;}
.terms {font-size:10px;}
.clear{clear:both;}
.clearlt{clear:left;}

.flleft{float:left;}
.flright{float:right;}

/*background divids*/
.bglightgrey {background: #ebebeb; margin:5px 0px;}
.bgblue {background: #069; margin:5px 0px;}

.picleft{float:left; margin-left:10px; margin-bottom:15px;}
.picright{float:right; margin:15px;}
	
table.feat{background-color:#666;}
table.feat td, tr{padding:3px; background-color:#069;  font-size:12px; color:#fff;}

table.price{border:2 solid #ccc; background-color:#fff; width:620px; margin-left:10px;}
table.price td,tr{padding:3px; margin:0px; border:#CCC 1px solid; background-color:#fff; font-size:12px; color:#000;}
tr.quantity td {background-color:#999; color:#fff; font-weight: bold; text-align:center;}
tr.title td {background-color:#069; color:#fff; font-size:12px; font-weight: bold; text-align:center;}
tr.cost td {background-color:#fff; text-align:center; font-weight:bold; font-size:14px;}

/*protfolio styles*/
ul.port-list{margin:0px; padding:0px;} 
ul.port-list li{list-style:none; float:left; width:200px; margin:10px 12px 10px 0px; text-align:center; font-weight:bold;} 

/*graphic design styles*/
ul.design-list{margin:0px; padding:0px;} 
ul.design-list li{list-style:none; float:left; width:145px; margin:10px 11px 10px 0px; text-align:center; font-weight:bold;}

ul.emailfeat { width: 400px;  list-style-type: none; margin-left: 5px; padding-left: 0; clear: both; line-height: 145%;}      
ul.emailfeat LI {color: #269; width: 50%; float: left;}

#SignUp .signupframe {border: 1px solid #000000; background: #ffffff; color: #226699; font-family: Arial, Helvetica, sans-serif;}