﻿/* GENERAL CONTENTS */
* { padding:0; margin:0; }

a { text-decoration:none; color: #4AB6BE;}
a:hover { }

.blue { color: #00f; }

body { background:#26979D; font-family:Arial, helvetica, Sans-Serif; font-size:11px; color:#6D6F71; }

.bold { font-weight: bold; }

.breaker { display: block; clear: left; margin: -0.66em 0; visibility: hidden;}

.centered { text-align: center; }
.clear { clear:both; }

h1 { color: #4AB6BE; font-size: 22px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h2 { color: #4AB6BE; font-size: 18px; font-family:Arial, helvetica, Sans-Serif;}
h3 { color: #4AB6BE; font-size: 16px; font-family:Arial, helvetica, Sans-Serif;}
h4 { color: #85C13D; font-size: 14px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h5 { color: #85C13D; font-size: 12px; font-family:Arial, helvetica, Sans-Serif;}

img { border:0; }

li { margin: 0; }

.noborder { border:0 !important; }

p { margin:10px 0; line-height:16px; }

.red { color: #f00; }

ul { margin: 0; }

/* FOOTER */
#footer { width: 800px; margin: 0px auto 20px auto; background: #26979D; }
#footer #atomic { float: right; text-align: right; color: #fff; height: 20px;}
#footer #atomic a { color: #fff; }
#footer #atomic a:hover { color: #86888B; }

/* LAYOUT AND MAIN*/
#container { width:800px; margin: 15px auto 10px auto; background: #fff; padding: 5px;}
#container #content { width: 800px; float: left; clear: both; }
#container #content #contentLeft { float: left;  width: 198px; }
#container #content #contentLeft .grayModule { background: url(/images/small-gray-gradient.jpg) no-repeat top left; }
#container #content #contentLeft .blueBox { border: 1px solid #95D3D7; }
#container #content #contentMiddle { float: left; width: 333px; padding: 10px 30px;}
#container #content #contentRight { float: left; width: 207px; border: 1px solid #95D3D7; visibility: hidden;}
#container #content #contentRight img { float: left; }
#container #headertop { width: 100%; float: left; clear: both; }
#container #headertop #logo { float: left; width: 525px; }
#container #headertop #righttop { float: left; width: 275px; margin-top: 50px; }
#container #headertop #righttop #imageLinks { float: left; margin-left: 0px; }
#container #headertop #righttop #imageLinks #imageLinksList { list-style: none none inside; margin-top: 5px; }
#container #headertop #righttop #imageLinks #imageLinksList li { display: inline; margin-left: 10px; }
#container #headertop #righttop #newsFeed { border: 1px solid #81CBD0; width: 205px; height: 28px; float: right; }
#container #headertop #righttop #newsFeedContent { font-size: 12px; line-height: 28px; margin-left: 5px;}
#container #headerbottom { width: 798px; clear: both; float: left; height: 215px; border: 2px solid #65C0C6; }
#container #headerbottom #leftBox { float: left; width: 198px;  background: url(/images/linkListBG.jpg) no-repeat top left; height: 215px;}
#container #headerbottom #leftBox #listLinks { }
#container #headerbottom #leftBox #listLinks ul { list-style: none none inside; margin-left: 10px; margin-top: 10px; }
#container #headerbottom #leftBox #listLinks ul li { color: #fff; width: 165px; border-bottom: 1px solid #B0DDE2; line-height: 30px; }
#container #headerbottom #leftBox #listLinks ul li a { color: #fff; }
#container #headerbottom #leftBox #listLinks ul li a img { margin-right: 5px; position: relative; top: 3px; }
#container #headerbottom #middleBox { float: left; width: 393px; height: 215px; }
#container #headerbottom #rightBox { float: left; width: 205px; height: 215px; background: url(/images/rotatorBG.jpg) no-repeat top left;}
#container #headerbottom #rightBox #RADImageSwap a { color: #2CB1B9; }
#container #headerbottom #rightBox #RADImageSwap .image { margin: 5px auto 0 auto; text-align: center; }

#container #headerbottom #rightBox #RADImageSwap .name { color: #505153; font-size: 12px; margin-left: 15px; margin-top: 10px; font-weight: bold;}
#container #headerbottom #rightBox #RADImageSwap .site { margin-left: 15px; margin-top: 5px; }
#container #headerbottom #rightBox #RADImageSwap .sec { margin-left: 15px; margin-top: 5px; }
#container #headerbottom #rightBox #RADImageSwap .news { margin-left: 15px; margin-top: 5px; }
#container .spacer { float: left; clear: left; height: 5px; width: 800px; }
#container #ticker { float: left; border: 2px solid #65C0C7; border-top: none; width: 798px; height: 30px; }
#container #ticker #tickerContent { background: url(/images/tickerBG.jpg) repeat-x top left; }
#container #ticker #tickerContent .tickerItem { }
#container #ticker #tickerContent .tickerItem img { float: left; margin-right: 10px; margin-top: 10px;}
#container #ticker #tickerContent .tickerItem p { float: left; margin: 0; line-height: 30px; color: #2DB0B8; font-size: 18px; }

/*DEFAULT*/
#contentLeft #newsletterBox { padding: 10px; height: 91px; width: 178px; }
#contentLeft #newsletterBox h4 { margin-bottom: 3px; float: left; clear: both; width: 180px;}
#contentLeft #newsletterBox p { margin: 0 0 3px 0; float: left; clear: both; width: 180px;}
#contentLeft #newsletterBox .input { float: left; border: 1px solid #4AB6BE; clear: both; width: 170px; }
#contentLeft #newsletterBox .newsletterBoxSubmit { float: left; clear: both; margin-left: 110px; margin-top: 5px; }
#contentLeft #picksBox { padding: 10px; margin-bottom: 5px;}
#contentLeft #picksBox h4 { margin-bottom: 10px; }
#contentLeft #picksBox .picksList { float: left; list-style: none url(/images/single-green.gif) inside; margin-right: 30px;}
#contentLeft #picksBox .picksList li { color: #95D3D7; font-size: 14px; font-weight: bold;}
#contentLeft #serviceBox { padding: 10px;  height: 91px; width: 178px; margin-bottom: 5px; }
#contentLeft #serviceBox h4 { color: #85C13D; float: left; margin-bottom: 10px; }
#contentLeft #serviceBox a { float: left; clear: both; margin-top: 5px; color: #4AB6BE; font-weight: bold; width: 180px;}

/*RECENT CLIENTS PAGE*/
#contentMiddle .recentList { float: left; width: 120px; list-style: none none inside; margin-right: 30px; margin-top: 15px;}
#contentMiddle .recentList li { width: 115px; float: left; margin-top: 5px; color: #06A6AE; font-size: 14px; font-weight: normal; border-bottom: 1px solid #BCE2E7;}
#contentMiddle .recentList li img { float: left; margin-top: 3px; }
#contentMiddle .recentList li .recentName { width: 45px; float: left; }
#contentMiddle .recentList li .newName { float: left; margin-left: 5px; color: #85C13D; font-size: 14px; font-weight: bold; }

/*CONTACT*/
#contentMiddle #contact #ctl00_middleColumn_btnSubmit { float: left; clear: both; margin-left: 254px; margin-top: 15px; }
#contentMiddle #contact #ctl00_middleColumn_formContainer { float: left; clear: both; margin-top: 15px; }
#contentMiddle #contact .txtBox { float: left; margin-left: 15px; border: 1px solid #65C0C7; width: 250px; }
#contentMiddle #contact .txtLabel { float: left; width: 50px; clear: both; text-align: right; margin-bottom: 25px; }
#contentRight #contactRight { height: 342px; }
#contentRight #contactRight p { float: left; margin-top: 25px; padding: 10px; }
#contentRight #contactRight a { color: #06A6AE; margin-top: 10px; float: left; clear: both; padding-left: 10px;}