Colony » Colony Scout

/************* GENERAL BODY ***********/

body {background:url(/images/header_bg.png) repeat-x;background-color:#eeeeee;}

#general{margin:0px auto;padding:0px;font:13px Lucida Sans, Arial, Verdana, Sans-Serif;color:#000066;width:990px;height:100%;

        list-style:none;text-decoration:none;position:relative;top:-7px;}

#top {background: url(//images/header_bg.png) 0px -1px repeat-x;width:990px;height:120px;margin-bottom:13px;}

#top-navigation {float:right;padding-right:10px;margin-top:60px;}

#top-navigation a {font-size: 12px;font-weight:bold;color:#fff;margin-left:20px;text-decoration:none;}

#top-navigation a:hover {border-bottom: 2px solid #0000CC;}

#top-navigation {font-size:12px;font-weight:bold;color:#ececec;}

#body {width:990px;background:#eeeeee;height:100%;display:table;margin:0;padding-bottom:20px;margin-bottom:-40px;}

#footer-box { border-top:2px solid #999999; width:100px; height:40px; margin:0; padding:0; z-index:100; display:table;}

#footer p {font-size:11px; color:#666666; padding:8px 8px 8px 8px; display:block;}

#footer a {color: #666666; text-decoration:none;}

img {border:none;}

p {width:950px;}

a {text-decoration:none;}

h1, h2, h3 {display:inline;padding-right: 8px;font-family: Calibri, Lucida Sans, Verdana, Sans-Serif;z-index:1;} /*set z-index behind auto-complete box*/

h1 {color:#000099;}

h3 {margin:10px 8px 0px 10px;}

/************* BODY CLASSES ***********/

#body-boxes{margin:0;padding:0;padding-bottom:80px;}

.box-row {float:left;clear:both;display:block;}

.topmargin {margin-top:10px;}

#hero-banner {background:url(/images/hero_main.jpg) no-repeat;display:block;width:990px;height:368px;}

#hero-banner-side {background:url(/images/hero_side.jpg) no-repeat;display:block;position:relative;

        top:-217px;left:-95px;width:95;height:217px;margin-bottom:-217px;}

#hero-banner-text {font-size: 25px;color: #000033;position:relative;width:650px;top:190px;left:350px;z-index:100;}

.hero-box {float:left;height:60px;width:230px;border-right:1px solid #DDD;margin-right:10px;}

#twitter-box {float:left;width:427px;height:120px;clear:right;margin-top:22px;}

#twitter-status {float:left;width:523px;font-size:12px;}

#twitter-status p {width:523px;}

#twitter-status .newest {font-size:15.5px;}

.white-top {background:url(/images/20100124main.png) 0px 0px no-repeat;clear:both;display:block;height:12px;width:990px;margin-left:5px;}

.white-body {background:url(/images/20100125white_body.png) repeat-y;float:left;clear:both;height:auto;width:990px;margin-left:5px;}

.white-bottom {background:url(/images/20100124main.png) 0px -12px no-repeat;clear:both;display:block;height:20px;width:990px;margin-left:5px;}

.text-box {padding:0px 8px 0px 24px;display:block;}

#reference-box {border:1px solid #ccc;background-color:#efefef;width:930px;margin:10px;font-size:11px;color:#333;}

.content-box {width:680px;float:left;margin-bottom: 5px;}

.content-box p {width:670px;}

.content-box .hr {width:680px;}

.side-box {border: 1px solid #ccc;background-color:#66F;width:250px;margin:0px 10px 5px 10px;color: #fff;float:left;clear:right;}

.side-box p {width:230px;text-align:justify;margin-left:10px;}

.side-box img {margin:10px 10px -10px 10px;}

.gray{background-color:#EFF;color:#666}

#disqus_thread {width: 750px;margin:0px auto;}

table.intro {border:1px solid #CCC;width:940px;}

table.intro th, td {border:none;}

table.intro th {background-color:#66F;color:white;}

table.price {border:none;width:150px;text-align:right;}

table.part-content{width:500px;}

table.part-content td {border:1px solid #ececec;}

th, td {border:none;}

th {background-color:#66F;color:white;}

.bot-gray {display:block;border-bottom:1px solid #DDD; width:940px;clear:both;}

#team-twitter {height:120px;width:427px;display:block;margin:-70px 0px -13px 330px;}

#team-twitter-old{background:url(/images/team_twitter.jpg) no-repeat;cursor:pointer;margin:0px 0px -83px 330px;}

.team-box {float:left;height:275px;width:310px;border-right:1px solid #DDD;margin-right:10px;}

.team-box p {font-size:13px;width:300px;margin-top:0px;}

.team-box img {float:right;margin:55px 10px 5px 10px;padding:4px;background-color:#f5f5f5;border:1px solid #e1e1e1;}

.team-box-small {float:left;height:285px;width:229px;border-right:1px solid #DDD;margin-right:10px;}

.team-box-small p {font-size:13px;width:220px;}

.team-box-small img {float:right;margin:30px 10px 5px 10px;padding:4px;background-color:#f5f5f5;border:1px solid #e1e1e1;}

.team-box-small h3 {display:block;font-size:18px;margin:10px 8px 0px 0px;clear:both;}

.hr {width: 940px;height: 1px;border: 1px solid #CCC;margin-bottom: 10px;}

img.box-img {float:left;margin-right:10px;}

.box-img-side {display:block;height:130px;width:950px;}

div.box-part-img {float:left;width:200px;}

div.box-part-title {float:left;width:650px;margin-left:25px;margin-bottom:10px;}

div.box-part-text {float:left;width:500px;margin-left:25px;}

video {width:464px;height:261px;}

.video-box {width:465px;float:left;margin-right:15px;}

.img-box {width:226px;margin:15px 8px 15px 0px;float:left;}

#bottom-nav {float: left;clear: both;}

#pagenav {clear: both;width: 940px;float: left;padding: 1.83em 0 0;}

#pagenav li {width: 50%;font-size: 14px;list-style: none;}

#pagenav .previous {float: left;}

#pagenav .previous a {padding-left: 20px;background: url(/images/arrow_prev.gif) no-repeat 0 50%;}

#pagenav .next {float: right;text-align: right;}

#pagenav .next a {padding-right: 20px;background: url(/images/arrow_next.gif) no-repeat 100% 50%;}

#navcontainer ul{margin: 0px auto;list-style-type: none;text-align: center;}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{        text-decoration:none;padding:.1em 0.5em;background:none;border:none;color: #fffff;}

#navcontainer ul li a:hover{border:#9999FF solid 1px;text-decoration:underline;}

#navcontainer li.currentpage{text-decoration: none;padding: .1em 0.5em;background-color: #0066CC;border:#9999FF solid 1px;color: #fff;}

/************* FONT STYLES ***********/

a.small {font-size: 14px;color:#000033;text-decoration:none;}

a.sm-em {color: #fff;}

a.sm-em:hover {font-style: italic;color: #666;}

.description {font-size:14.5px;text-shadow: #ECECEC 0.5px 1px;}

.center {margin-left: auto;margin-right: auto}

.super {font: bold 6pt Arial;vertical-align: super;}

.blue {color:#003399;}