/* body color 242e76 /* footer color 242e76 /* link 0B52C4 /* blue color #0F56C8 (darker) /* blue color #155ECD (lighter) /***** BODY *****/ body {text-align:center; font-size:14px; line-height:1.2em; font-family:Arial; background-color:#4F4F4F; background-image:url(../img/bodyBg.jpg); background-repeat:repeat-x;} h1 {font-weight:bold; font-size:22px; padding:20px 30px 20px;} h2 {font-weight:bold; font-size:20px; padding:10px 30px 20px;} h3 {font-weight:bold; font-size:18px; padding:10px 30px 20px;} h4 {font-weight:bold; font-size:16px; padding:10px 30px 20px;} h5 {font-weight:bold; font-size:14px; padding:10px 30px 20px;} h6 {font-weight:bold; font-size:12px; padding:10px 30px 20px;} p {text-align:justify; padding:10px 30px 20px;} ul, ol {padding:0px 60px 20px;} ul li, ol li {padding:5px 0 0;} a, a:visited {color:#0B52C4; text-decoration:none;} a:focus, a:hover {color:#0000BB; text-decoration:underline;} /***** WRAPPER *****/ #wrapper {width:800px; margin:0 auto; text-align:left; background:#FFF;} /***** HEADER *****/ #header {width:800px; height:155px; margin:0 auto; background:url(../img/page_bg.jpg) 0 0 repeat-x; overflow:hidden;} #header #headerLeft {float:left; width:160px; height:155px; background:url(../img/headerLeft.jpg) -14px 0 no-repeat;} #header #headerRight {float:right; width:160px; height:155px; background:url(../img/headerRight.jpg) 7px 0 no-repeat;} #header #headerFlashInner {height:160px; margin:0 auto;} /***** NAVIGATION *****/ #nav {width:800px; height:40px; text-align:center; background:url(../img/navSpriteNoText.jpg) 0 0 no-repeat;} #nav ul {display:block; width:600px; height:40px; margin:0 100px; padding:0;} #nav li {list-style:none; display:inline; float:left; height:40px; text-transform:uppercase; font-size:12px; padding:0; margin:0;} #nav li a {height:40px; width:100px; display:block; text-align:center; line-height:4em;} #nav li a, #nav li a:visited {color:gray; text-decoration:none; font-weight:bold;} #nav li a:hover, #nav li a:focus {color:#155ECD;} /***** CONTENT *****/ #content {color:#777; padding-bottom:30px; overflow:auto;} /***** FOOTER *****/ #footer {position:relative; clear:both; height:250px; color:#242e76; background-color:#F0F0F0; background-image:url(../img/footerGray.jpg); background-repeat:repeat-x;} /* shortcut box */ .shortcutbox {float:left; width:220px; height:210px; margin:20px 0 20px 20px;} .shortcutbox h6, .shortcutbox2 h6 {padding:0 0 10px; color:#555;} .shortcutbox h6 img, .shortcutbox2 h6 img {margin:0 10px -10px;} .shortcutbox p, .shortcutbox2 p {font-size:11px; padding:0; line-height:1.3em; text-align:left;} .shortcutbox p a, #footer .shortcutbox p a:visited, .shortcutbox2 p a, #footer .shortcutbox2 p a:visited {color:#777; text-decoration:none;} .shortcutbox p a:hover, #footer .shortcutbox p a:focus, .shortcutbox2 p a:hover, #footer .shortcutbox2 p a:focus {text-decoration:underline;} .shortcutbox2 {float:left; width:140px; margin:20px 0 20px 20px;} /* bottom box */ #footer #bottombox {clear:both; height:45px; background:url(../img/footerBlue.jpg) 0 0 repeat-x; overflow:auto;} #footer #bottombox p {font-size:10px; color:#ccc; margin-top:20px;} #footer #bottombox p a, #footer #bottombox p a:visited {text-decoration:none; color:#ccc;} #footer #bottombox p a:hover, #footer #bottombox p a:focus {color:#fff;} /* social box */ #footerSocial {position:absolute; bottom:10px; right:30px; width:270px;} #footerSocial p {margin:0; padding:2px; line-height:1.6em;} #footerSocial img {padding:2px;} /***** PAGING *****/ .paging {text-align:center;} /***** FLOATS *****/ .clearBoth {clear:both;} .floatLeft {float:left;} .clearLeft {clear:left;} .floatRight {float:right;} .clearRight {clear:right;} .option {clear:right; float:right; padding:10px 15px;} /* general classes */ .vspace {margin-top:20px;} .vvspace {margin-top:40px;} .imgLeft {clear:left; float:left; padding:5px;} .imgLeft2 {clear:left; float:left; padding:10px;} .imgRight {clear:right; float:right; padding:5px 15px;} .imgRight200 {clear:right; float:right; padding:20px 30px 200px;} .imgRight100 {clear:right; float:right; padding:20px 30px 100px;} /***** FONTS *****/ .italic {font-style:italic;} .smaller {font-size:smaller;} .center {text-align:center;} /********************************************************************************************************************************************************/ /********** FRONT **********/ /***** INDEX page *****/ #homePageMascot {margin-bottom:-30px;} .indexPage a, .indexPage a:visited {color:#777;} .indexPage a:hover, .indexPage a:focus {color:#555;} .imgCnt {margin:23px;} .box {position:relative; width:800px; text-align:left; margin:0 auto;} /***** BOXES *****/ /* three */ .thirdBox {float:left; width:220px; margin:30px 23px 10px;} .thirdBox h3 {font-weight:normal; padding:0 5px 20px;} .thirdBox p {padding:5px; font-size:12px; text-align:left;} .thirdBox ul {padding:0 30px;} .servicesPage .thirdBox {clear:left;} /* four */ .fourBox {float:left; width:187px; margin:0px;} .fourBox h4 {padding:2px 15px; margin-top:158px; text-transform:uppercase; font-size:12px;} .fourBox h4 a, .fourBox h4 a:visited {color:#777;} .fourBox h4 a:hover, .fourBox h4 a:focus {color:#777; text-decoration:underline;} .fourBox ul {padding:0; margin:11px 0 0 30px;} .fourBox ul li {padding:0 0 8px; margin:0; font-size:10px; line-height:1em;} .fourBox ul li a, .fourBox ul li a:visited {color:#777;} .fourBox ul li a:hover, .fourBox ul li a:focus {text-decoration:underline;} .websiteBox {background:url(../img/services1.jpg) 0 0 no-repeat; margin-left:23px;} .softwareBox {background:url(../img/services2.jpg) 0 0 no-repeat;} .marketingBox {background:url(../img/services3.jpg) 0 0 no-repeat;} .otherBox {background:url(../img/services4.jpg) 0 0 no-repeat;} .btnBox {width:220px; height:110px; color:#FFF; font-size:11px;} .btnBox a, .btnBox a:visited {text-decoration:none; color:#FFF;} .btnBox a:hover, .btnBox a:focus {text-decoration:underline; color:#eee;} .btnBox h6 {padding:5px 10px;} .btnBox p {padding:0 80px 0 10px; text-align:left; line-height:1.2em; font-size:11px;} #pcBox {background:url(../img/homeBtn1.jpg) 0 0 no-repeat;} #rawBox {background:url(../img/homeBtn2.jpg) 0 0 no-repeat;} #googleBox {background:url(../img/homeBtn3.jpg) 0 0 no-repeat;} /***** homeBox *****/ #homeRawMedia {position:relative; width:754px; height:284px; margin:20px 23px 0;} #homeRawMedia img {position:absolute; top:0; left:0;} #homeRawMedia div {position:absolute; top:0; left:0; width:220px; height:284px; background:url(../img/transparent.png) 0 0 repeat;} #homeRawMedia div p {font-size:11px; padding:25px 15px 15px; text-align:left; line-height:1.4em; color:#444; font-weight:bold;} #homeRawMedia div p a, #homeRawMedia div p a:focus {color:#444; font-weight:bold;} #homeRawMedia div p a:hover, #homeRawMedia div p a:focus {color:#135CCD;} .contactPage #streetMaps {width:740px; height:400px; margin:30px;} /***** BLOG *****/ .blogSummary dt {font-size:18px; font-weight:bold; padding:0 30px;} .blogSummary dd.date {padding:0 30px; font-size:10px; font-style:italic;} .blogSummary dd.content {padding:0 0 40px; font-size:12px;} /* blogPost */ #blogPost h1 {padding:10px 30px 0;} #blogPost p {padding:10px 30px 0;} #blogPost p.smallDate {padding:0 30px; font-size:12px; font-style:italic;} /* blogFooter */ #blogFooter {clear:right; margin:50px 0 30px;} /* blogShare */ #blogShare {margin:10px 30px; background:url(../img/postShare.png) 0 20px no-repeat;} #blogShare h4 {padding:2px 10px;} #blogShare p {padding:5px 10px;} /* prevPostBox */ #prevPostBox {float:right; margin:10px 30px; clear:right; background:url(../img/postPrev.png) 195px 20px no-repeat; text-align:right;} #prevPostBox h4 {padding:2px 10px;} #prevPostBox p {float:right; padding:15px 0;} #prevPostBox p a, #prevPostBox p a:visited {color:#777;} #prevPostBox p a:hover, #prevPostBox p a:focus {text-decoration:underline;} /***** BLOGBAR *****/ #blogBar {position:relative; float:right; clear:right; width:180px; margin-left:20px;} #blogBar #tabRight {position:absolute; top:10px; left:0; cursor:pointer;} #blogBar #tabLeft {position:absolute; top:10px; left:0; display:none; cursor:pointer;} /* subscribe */ #barSubscribe {margin:10px 30px;} #barSubscribe img {text-align:center;} #barSubscribe p {font-size:10px; padding:0; text-align:center;} /* archive */ #barArchive {margin:20px 0 40px;} #barArchive h3 {text-align:center; margin:0;} #barArchive ul {padding:0; margin:0;} #barArchive ul li {list-style:none; padding:0 30px; margin:0; text-align:center;} #barArchive ul li a {font-size:smaller;} /***** CONTACT PAGE *****/ p {padding:0 30px; line-height:1.4em;} #details h5 {padding-bottom:0;} #details h3 {padding:20px 30px 10px;} /***** INDEX PAGE *****/ #legalBox {background:url(../img/rawGlobeDim_notusing.jpg) 0 50px no-repeat;} /***** PORTFOLIO PAGE *****/ #servicesFooter {clear:both; text-align:center; font-style:italic;} /***** SERVICES ******/ .breadcrumbs {font-size:10px; padding:15px 30px;} /***** HOSTING *****/ #hostingTable {width:600px; margin:20px 30px; border:2px solid #3078EC;} #hostingTable th {height:24px; font-weight:bold; font-size:16px; color:#CFCFCF; border-right:1px solid #ccc; background:url(../img/hostingBg.png) 0 0 repeat-x;} #hostingTable td {border-right:1px solid #ccc; border-bottom:1px solid #eee;} #hostingTable th, #hostingTable td {text-align:center; vertical-align:middle;} #hostingTable .subHeader {font-weight:bold; padding:20px 5px 0; text-align:left;} #hostingTable .left {text-align:left; padding:2px 5px 1px;} .footnote {padding:10px 30px; font-size:12px; font-style:italic;} /********************************************************************************************************************************************************/ /********** ADMIN **********/ /***** BLOG *****/ .adminNewsBox {} .adminNewsBox h3 {padding:20px 30px 2px;} .adminNewsBox h6 {padding:1px 30px; font-style:italic;} .adminNewsBox .options {margin-top:15px;} .adminNewsBox p {font-size:12px;}