body {font-family:Arial, Sans-Serif; font-size:10pt}

h1 {font-size:24pt;}
h2 {font-size:18pt;}
h3 {font-size:14pt;}
h4 {font-size:12pt;}
h5 {font-size:10pt;}
h6 {font-size: 8pt;}

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

.leftContent, .centerContent, .rightContent {float:left;}
.col1, .col2, .col3, .col4 {float:left; width:151px;}

ul {list-style:none;}
/*** Header ***/
.headerCol1, headerCol2 {float:left;}
.headerCol3 {float:right;}
.logo {padding:20px 0px 8px 20px; width:124px;}
.headerText {padding:100px 0px 0px 0px; font-style:italic;}
.phoneNumber {}


/*** Navigation **/
.site-nav ul {list-style:none; font-size:12pt;}

.site-nav {float:right;}
.site-nav li {display:inline;}
.site-nav li a{float:left; display:block; color:#fff; text-decoration:none; width:200px; height:25px; text-align:center; margin-left:3px; background:url(../../images/menuButton.gif) repeat-x;}
.site-nav li a:hover {color:#A4A689}
.site-nav li a em {display:block;}
.site-nav li a b {font-style:normal; display:block;  padding-top:3px; }

/*** Body ***/
.left, .middle, .right {float:left;
    height: 690px;
}

.left .newsLetter {background:url(../../images/envelope_icon.jpg) no-repeat; width:150px; height:81px; margin:0px 0px 15px 0px;}
.left .newsLetter .indent {padding:70px 0px 0px 0px; font-size:8pt;}
.left a{text-decoration:none; color:#000000;}
.left a:hover{color:#A4A689}

.left .linkBox {width:150px; height:100px; font-size:10pt;}
.left .linkBox  .tl {background:url(../../images/linkBox-tl.gif) no-repeat; width: 18px; height: 24px; padding:0px 0px 0px 18px; }
.left .linkBox  .top {background:url(../../images/linkBox.gif) repeat-x; width:130px; height: 24px; float:right; padding:0px 0px 0px 0px;}
.left .linkBox  .tr {background:url(../../images/linkBox-tr.gif) no-repeat; width: 16px; height: 24px; float:right }
.left .linkBoxContent {margin-left:2px; width:144px; height:160px; background:#EEEEEE; border-left:solid 1px #DDD; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD;}
.left .linkBoxTitle {position:relative; right:87px; top:4px; }
.left .linkBoxContent ul {margin:0px 0px 0px -8px;}

.products {background:url(../../images/products.gif) no-repeat; margin:90px 0px 0px -10px; width:160px; height:360px;}
#apply {padding-left:45px;}
#apply a:hover{text-decoration:underline; color:#000000;}
.vendors {border-style:solid; border-width:1px; color:#CCCCCC; width:144px; text-align:center; margin:40px 0px 0px 2px;} 
.vendorsHeader {font-size:10pt; height:8px;}

.right .linkBox {width:150px; height:130px; font-size:10pt;}
.right .linkBox  .tl {background:url(../../images/linkBox-tl.gif) no-repeat; width: 18px; height: 24px; padding:0px 0px 0px 18px; }
.right .linkBox  .top {background:url(../../images/linkBox.gif) repeat-x; width:130px; height: 24px; float:right; padding:0px 0px 0px 0px;}
.right .linkBox  .tr {background:url(../../images/linkBox-tr.gif) no-repeat; width: 16px; height: 24px; float:right }
.right .linkBoxContent {margin-left:2px; width:144px; height:130px; background:#EEEEEE; border-left:solid 1px #DDD; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD;}
.right .linkBoxIndent {padding:10px 0px 0px 10px;}
.login {width:120px; margin-top:10px;}
.right .linkBoxTitle {position:relative; right:75px; top:4px;}

.right .linkBoxBottom {padding:50px 0px 0px 0px;}
.right .linkBoxBottom .linkBox {width:150px; height:150px;}
.right .linkBoxBottom .linkBox  .tl {background:url(../../images/linkBox-tl.gif) no-repeat; width: 18px; height: 24px; padding:0px 0px 0px 18px; }
.right .linkBoxBottom .linkBox  .top {background:url(../../images/linkBox.gif) repeat-x; width:130px; height: 24px; float:right; padding:0px 0px 0px 0px;}
.right .linkBoxBottom .linkBox  .tr {background:url(../../images/linkBox-tr.gif) no-repeat; width: 16px; height: 24px; float:right }
.right .linkBoxBottom .linkBoxContent {margin-left:2px; width:144px; height:140px; background:#EEEEEE; border-left:solid 1px #DDD; border-right:solid 1px #DDD; border-bottom:solid 1px #DDD;}
.right .linkBoxBottom .linkBoxTitle {position:relative; right:80px; top:4px; }

.right .linkBoxBottom .linkBox a{text-decoration:none; color:#000000;}
.right .linkBoxBottom .linkBox a:hover{text-decoration:underline;}

.left .linkBoxContent a{text-decoration:none; color:#000000;}
.left .linkBoxContent a:hover{text-decoration:underline;}

/*** Index ***/
#index .middle .listBox .indent {padding:20px 0px 0px 15px;}
#index .middle .listBox .leftContent {width:165px; padding:0px 0px 0px 16px;}
#index .middle .listBox .centerContent {width:180px; padding:0px 0px 0px 16px; height: 204px;}
#index .middle .listBox .rightContent {width:190px; padding:0px 0px 0px 16px; height: 205px;}
#index .middle .listBox ul {font-size:10pt;  list-style:disc; line-height:20px;}

#index .headerFlash {padding:40px 0px 0px 30px;}

/*** Sales Page ***/
#sales .middle .topContent {width:604px; height:300px;}
#sales .middle .topContent .leftContent {width:223px; height:301px;}
#sales .middle .topContent .rightContent {background:url(../../images/comp_prod.gif) no-repeat; width:287px; height:301px; position:relative; top:-285px; left:280px;}

#sales .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px;}

#sales .middle .middleContent {padding:10px 0px 0px 0px;  width:604px; height:210px;}
#sales .middle .middleContent .leftConent {width:190px; padding:0px 0px 0px 0px;}
#sales .middle .middleContent .centerContent {width:190px; padding:0px 0px 0px 16px; height: 204px;}
#sales .middle .middleContent .rightContent {width:190px; padding:0px 0px 0px 16px; height: 205px;}
#sales .middle .middleContent ul {font-size:10pt;  list-style:none;}

#sales .middle .bottomContent {width:604px; height:160px;}
#sales #systems {padding:5px 0px 10px 0pc}
#sales .middle .bottomContent ul{ font-size:10pt;}
#sales .col1 .liHeader {font-weight:bold; text-decoration:underline;}
#sales .col2 .liHeader {font-weight:bold; text-decoration:underline;}
#sales .col3 .liHeader {font-weight:bold; text-decoration:underline;}
#sales .col4 .liHeader {font-weight:bold; text-decoration:underline;}

/*** Services ***/
#services .middle .topContent {width:604px; height:300px;}
#services .middle .topContent .leftContent {width:235px; height:310px;}
#services .middle .topContent .rightContent {background:url(../../images/computer_repair-oc.jpg) no-repeat; width:337px; height:293px; position:relative; top:-280px; left:260px;}
#services .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px;}
#services .middle .bottomContent {padding:10px 0px 0px 0px; height:250px;}

#services .cols {padding:0px 0px 0px 40px;}
#services .middle .col1 {width:300px; padding:40px 0px 0px 0px; margin:0px 0px 0px -50px;}
#services .middle .col2 {padding-top:50px;}
#services .middle .col3 {padding-top:50px;}
#services .middle li {font-size:10pt; height:30px;}
#services .middle .keyboard {background:url(../../images/keyboard.jpg) no-repeat; width:600px; height:111px; position:relative; top:260px;}

/*** Network ***/
#network .middle .topContent {width:604px; height:250px;}
#network  .middle .topContent .leftContent {width:290px; height:250px;}
#network  .middle .topContent .rightContent {background:url(../../images/server.jpg) no-repeat; width:287px; height:215px; position:relative; top:-205px; left:310px;}
#network  .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px;}

#network .middle .middleContent {width:604px; height:250px; padding:10px 0px 0px 0px;}

#network .middle .bottomContent {}
#network  .middle .bottomContent .leftContent {width:290px; height:250px; padding-left:15px; position:relative; top:-80px;}
#network .middle .bottomContent .leftContent ul {font-size:10pt; list-style:disc;}
#network  .middle .bottomContent .rightContent {background:url(../../images/support_girl.jpg) no-repeat; width:248px; height:220px; position:relative; top:-80px; left:60px;}

/*** Web Services ***/
#webService .middle ul {list-style:disc}
#webService .middle .middleContent {padding:25px 0px 0px 0px;}
#webService .middle .middleContent .leftContent {width:270px; height:120px; padding-left:15px;}
#webService .middle .middleContent .rightContent {width:302px; height:120px; padding-left:15px;}
#webService .middle .middleContent .link {padding-bottom:30px;}
#webService .middle .middleContent .link a{text-decoration:underline; color:#000000;}
#webService .middle .middleContent .link a:hover{text-decoration:none; color:#000000;}
#webService .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px;}

#webService .middle .bottomContent {padding:30px 0px 0px 0px;}
#webService .middle .bottomContent .leftContent {background:url(../../images/software_engineer.jpg) no-repeat; width:200px; height:190px; margin:20px 20px 0px 0px;}
#webService .middle .bottomContent .rightContent {padding:20px 0px 0px 0px; width:380px; height:190px}
#webService .middle .bottomContent .link {padding-top:30px;}
#webService .middle .bottomContent .link a{text-decoration:underline; color:#000000;}
#webService .middle .bottomContent .link a:hover{text-decoration:none; color:#000000;}

/*** Contact ***/
#contact .middle a{text-decoration:none; color:#000000;}
#contact .middle a:hover{color:#000000; text-decoration:underline;}
#contact .middle ul {list-style:none;}
#contact .middle .topContent {padding-top:20px; height:150px;}
#contact .middle .topContent .spacer-v {background:url(../../images/spacer-v.gif) repeat-y; width:1px; height:150px; float:left;}
#contact .middle .topContent .leftContent {width:250px; height:120px;padding:0px 0px 0px 60px; }
#contact .middle .topContent .rightContent {width:200px; height:120px; padding:0px 0px 0px 80px;}

#contact .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px; margin-top:20px;}

#contact .middle .bottomContent {padding:60px 0px 0px 0px;}
#contact .middle .bottomContent .leftContent {width:160px; height:324px;padding:0px 0px 0px 0px; float:left;}
#contact .middle .bottomContent .rightContent {width:0px; height:120px; padding:5px 0px 0px 0px;}

/*** Data ***/
#data .middle .topContent ul {list-style:disc;}
#data .middle .topContent {padding-top:5px; height:160px;}
#data .middle .topContent .spacer-v {background:url(../../images/spacer-v.gif) repeat-y; width:1px; height:150px; float:left;}
#data .middle .topContent .leftContent {width:280px; height:120px;padding:10px 0px 0px 20px; }
#data .middle .topContent .rightContent {width:250px; height:130px; padding:8px 0px 0px 30px;}

#data .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px; margin-top:20px;}

#data .middle ul {list-style:none; line-height:20px;}
#data .middle .middleContent {padding-top:10px; height:150px;}
#data .middle .middleContent .spacer-v {background:url(../../images/spacer-v.gif) repeat-y; width:1px; height:150px; float:left;}
#data .middle .middleContent .leftContent {width:300px; height:120px;padding:0px 0px 0px 0px; }
#data .middle .middleContent .rightContent {width:260px; height:120px; padding:0px 0px 0px 20px;}

#data .middle .spacer {background:url(../../images/spacer.gif) repeat-x; width:604px; height:1px; margin-top:20px;}

#data .middle .bottomContent {padding-top:20px;}
#data .middle .fleft {width:210px;}
#data .middle .fleft img {padding-top:20px;}

#data .middle .rightContent {padding:20px 0px 0px 10px;}

/*** Radio ***/
#radio .topContent .indent{padding:10px 0px 0px 40px;}
#radio .middleContent {padding:40px 0px 0px 20px;}
#radio .bottomContent .leftContent {width:250px; padding:40px 0px 0px 0px; line-height:20px;}
#radio .bottomContent .rightContent {background:url(../../images/radioShow.jpg) no-repeat; width:250px; height:227px; margin:45px 0px 0px 40px;}
#radio .bottomContent .radioLinkContainer {padding:40px 0px 0px 0px;}
#radio .bottomContent .radioLink a{text-decoration:none; color:#000000; font-size:12px; font-weight:bold;}
#radio .bottomContent .radioLink a:hover{text-decoration:underline;}

/*** Support ***/
#support .topContent {padding-top:30px;}
#support .topContent .indent {padding-top:20px;}
#support #contract a{text-decoration:none; color:#000000;}
#support #contract a:hover {text-decoration:underline;}
#support .bottomContent {padding:20px 0px 0px 100px;}
#goGreen .goGreenContent p{color:#3c6300; padding-top:10px;}
#goGreen .goGreenContent .title {color:#3c6300; padding-top:10px;}

/*** Go Green ***/
#goGreen .goGreenContent {background:#f0feda; margin-top:-5px;}

#goGreen .GreenIndent {padding:10px 20px 20px 20px;}
/*** Footer ***/
.footerContent {color:#FFFFFF; padding:5px 0px 0px 10px; width:320px; float:left;}
.footerContent a{text-decoration:none; color:#FFFFFF;}
.footerContent a:hover{text-decoration:underline;}

.footerContentRight {color:#FFFFFF; padding:5px 10px 0px 10px; float:right; }
.footerContentRight a{text-decoration:none; color:#FFFFFF;}
.footerContentRight a:hover{text-decoration:underline;}