@charset "utf-8";
/* CSS Document */

BODY{ background:repeat-x url(../images/bg.jpg); margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#wrapper{width:950px; margin:0 auto;}

.spacer{clear:both;}

#header{width:945px; height:120px; background:url(../images/header.jpg); padding-top:105px; padding-left:5px; margin-bottom:5px;}
#footer{width:950px; height:200px; margin:0 auto; margin-top:20px; background:url(../images/footer.jpg) top no-repeat; font-size:12px; color:#999999; padding-top:5px;}
#footer ul{margin:0px; padding:0px; list-style:none;}
#footer a{color:#999999; text-decoration:none;}
#footer a:hover{color:#666666; text-decoration:underline;}
#footer-txt{height:20px; padding-left:10px; color:#FFFFFF;}
#footer-txt a{color:#FFFFFF;}
#footer-txt a:hover{color:#FFFFFF;}

h1{font-size:20px; font-weight:normal;}
h2{font-size:14px;}
.error{display:block; width:100%; height:25px; font-size:18px; text-align:center; background-color:#9999CC; color:#330066;}
.twoCol{width:330px; padding:5px; float:left;}
.threeCol{width:33%; float:left;}
.largePurple{font-size:20px; color:#9966FF;}
a img{border:none;}

#mainmenu{width:545px; color:#FFFFFF; margin-top:5px; float:left;}
#mainmenu a{color:#FFFFFF; font-weight: bold; font-size:16px; text-decoration:none;}
#mainmenu ul{list-style:none; float:left; width:auto; margin-top:5px; margin-left:10px;  padding:0px;}
#mainmenu li{display:block; float:left; width:auto; margin-right:20px;}
#menuExtras{width:390px; float:left; text-align:right; padding-right:10px; padding-top:5px;}

#loginBox{height:30px; text-align:center;}
#loginBox form{float:left; margin:0px; width:470px;}
.forgotPass a{font-size:10px;}

#flashBox{height:200px;}

.mainBox{background:url(../images/boxes/mainTop.jpg) no-repeat top #330066; width:680px; color:#FFFFFF; padding:10px; font-size:12px; float:left;}
.mainBoxB{background:url(../images/boxes/mainBtm.jpg) no-repeat top; height:15px; width:700px; float:left;}

.col{width:245px; margin-left:5px; float:left; height:100%;}

a.maroonBox{display:block; background:url(../images/boxes/maroonButton.jpg); width:245px; height:35px; color:#FFFFFF; font-size:18px; font-weight:bold; text-align:center; padding-top:15px; text-decoration:none;}
a.dPurpleBox{display:block; background:url(../images/boxes/dPurpleButton.jpg); width:245px; height:35px; color:#FFFFFF; font-size:18px; font-weight:bold; text-align:center; padding-top:15px; text-decoration:none; margin-top:5px;}
a.blackBox{display:block; background:url(../images/boxes/blackBox.jpg); width:245px; height:105px; color:#FFFFFF; font-size:20px; font-weight:bold; text-align:center; text-decoration:none; margin-top:5px; padding-top:25px;}

.colBox{background:url(../images/boxes/sideTop.jpg) no-repeat top #110022; color:#FFFFFF; text-align:center; float:left; width:235px; height:375px; margin-top:5px; padding:5px;}
.colBoxB{background:url(../images/boxes/sideBtm.jpg) no-repeat bottom; height:15px; float:left; width:245px;}

/*display box*/
.displayBox{width:700px; float:left; color:#FFFFFF; margin-top:5px;}
.displayBoxMenu{float:left; width:215px;}

.displayBoxMenu ul{list-style:none; margin:0px; padding:0px;}
.displayBoxMenu li{width:215px; height:40px; margin-bottom:2px; text-align:center; font-size:14px;}
.displayBox a{display:block; width:215px; height:30px; color:#FFFFFF; text-decoration:none; padding-top:10px;}

.displayBoxContent{float:left; background-color:#34051D; width:470px; height:210px; margin-left:5px; padding-right:10px; text-align:justify;}
.displayBoxContent img{float:left;}

.displayBoxOpen{background:url(../images/displayTab-1.jpg);}
.displayBoxClosed{background:url(../images/displayTab-0.jpg);}

/* portfolio */
#portfolio{color:#FFFFFF;}
#portfolio img{float:left; border:thin solid #FFFFFF; margin:2px;}
#portfolio h2, #portfolio p{margin:0px;}
.showBoxL{background:url(../images/portfolio/showBox.jpg) no-repeat; width:452px; float:left; height:222px; padding:5px; margin-right:22px; margin-top:10px; padding-top:10px;}
.showBoxR{background:url(../images/portfolio/showBox.jpg) no-repeat; width:452px; float:left; height:222px; padding:5px; margin-top:10px; padding-top:10px;}
#portfolio a{color:#FFFFFF; text-decoration:none;}
#portfolio a:hover{text-decoration:underline;}

/* services */
a.webDesign{display:block; width:330px; height:130px; background:url(../images/services/webdesign.jpg) no-repeat; color:#000000; padding-left:330px; text-decoration:none; padding-top:10px;}
a.graphicsDesign{display:block; width:330px; height:130px; background:url(../images/services/graphics.jpg) no-repeat; margin-top:10px; color:#000000; padding-left:330px; text-decoration:none; padding-top:10px;}
a.hosting{display:block; width:330px; height:130px; background:url(../images/services/hosting.jpg) no-repeat; margin-top:10px; color:#000000; padding-left:330px; text-decoration:none; padding-top:10px;}

ul.hostFeatures, ul.hostFeatures ul{margin:0px 0px 0px 5px;; padding:0px; list-style:none;}
ul.hostFeatures li{margin-top:5px; font-size:18px; color:#9966FF;}
ul.hostFeatures li li {color:#FFFFFF; font-size:12px; background:url(../images/ptick.gif) left no-repeat; padding:2px 0px 0px 20px; list-style:none; margin:0px;}