@charset "UTF-8";
/* Aeon Blu Preliminary Stylesheet */

/*******************************************
BASIC STRUCTURE
*******************************************/
body {
	background: #00262e url(/img/back.gif) top left repeat-x;
}

#container {	
	width: 962px;
	margin: 125px auto 0px auto;
	position: relative;
}

#logoMain {
	width: 160px;
	height: 111px;
	position: absolute;
	z-index: 1000;
	margin-top: -80px;
	margin-left: 2px;
}

#logoMain .subtitle {
	position: absolute;
	white-space: nowrap;
	padding-left: 32px;
	padding-top: 6px;
}

#header, #footer, #content {
	float: left;
	clear: both;
	width: 962px;
}

#footer {
	margin-bottom: 6px;
}

#footer #legal {
	float: left;
	padding-left: 20px;
}

#footer #beetle {
	float: right;
	padding-right: 260px;
}

#content {
	margin-bottom: 6px;
	margin-top: -20px;
}
#home #content {
	
}

.content {
	padding: 20px;
}

table .content {
	padding: 0px 20px 10px 20px !important;
}

#leftcol .content {
	padding-left: 30px !important;
}

#rightcol .content {
	padding-right: 30px !important;
}

.section {
	float: left;
	clear: both;
	margin-bottom: 20px;
}
#leftcol .content .section {
	float: right;
}
.section:last-child {
	margin-bottom: 0px;
}


table .content .title {
	margin-right: -10px;
	padding-right: 10px;
}

.columns {
	height: auto !important;
}

#main {
	margin: 0px 0px 0px 0px;
	clear: both;
	overflow: hidden;
	background-color: #ffffff;
	border: solid 1px #B6C4CB;
	background-repeat: no-repeat;
	background-position: 100% 0%;
}

#main {
	margin-bottom: 6px;
}

#main .container {
	height: inherit;
	width: inherit;
	clear: both;
	float: left;
}

#main #centercol .col .container {
	width: 432px;
}

#main #leftcol .col .container, #main #rightcol .col .container {
	width: 183px;
}

#homeInfo {
	width: 708px;
	padding: 20px 5px 0px 5px;
	margin-bottom: 20px;
}
#homeInfo p {
	margin-bottom: 10px !important;
}

#notFound404 .content {
	padding-top: 40px;
}


.col {
	float: left;
}

#contentFooter h3 {
	font-weight: normal;
}
#contentFooter .col {
	width: 133px;
	padding-right: 10px;
	margin-right: 20px;
	padding-left: 4px;
}
#contentFooter .col.last {
	width: 163px;
	padding-right: 0;
	margin-right: 0;
}
#contentFooter #contentBL, #contentFooter #contentBR {
	height: 340px;
}
#contentFooter #contentBL {
	width: 708px;
}
#contentFooter #contentBR {
	width: 249px;
}
#contentFooter li a {
	color: #c16329 !important;
}
#contentFooter h3 a {
	color: #ffffff !important;
}
#contentFooter .col ul {
	list-style-type: image;
	list-style-image: url(/img/bullet1.png);
	/*padding-left: 16px;*/
}
#contentFooter .col li {
	
}

#contentFooter #blurbContent p {
	margin-bottom: 20px;
}

#contentFooter #share > span {
	float: left;
	margin-right: 4px;
}

#contentFooter #share .stbuttontext {
	color: #c06228;
	margin-left: 7px;
}

#contentFooter #share .stico_default {
	display: block;
	min-height: 24px;
	background: url(/img/share/share_sm.png) top left no-repeat !important;
}

#headline {
	position: absolute;
	margin: 0;
	right: 0;
	top: 0;
	margin-top: -100px;
	color: #777777;
	font-size: 1.6em;
	font-weight: normal;
}

/*******************************************
NAVIGATION
*******************************************/
/*
=topnav
*******************************************/
#topnav {
	float: right;
	margin-top: -20px;
	width: 100%;
}

#topnav ul {
	float: right;
}

#topnav li {
	height: 24px;
}

/*
=bottomnav
*******************************************/
#bottomnav {
	float: right;
}


/*******************************************
HOME PAGE STYLING
*******************************************/
/*
=main
*******************************************/
#home #main {
	width: 960px;
}

#home .mainTitle {
	position: absolute;
	z-index: 100;
	top: 60px;
	left: 30px;
}

#home #banners .banner {
	width: 380px;
	height: 140px;
}

#home #banners .banner {
	display: block;
	padding: 140px 400px 20px 180px;
}

#home #banners #banner_1 {
	background: url(/img/banners/banner_1.jpg) 90% 0% no-repeat;
}

#home #banners #banner_2 {
	background: url(/img/banners/banner_2.jpg) 90% 0% no-repeat;
}

#home #banners #banner_3 {
	background: url(/img/banners/banner_3.jpg) 90% 0% no-repeat;
}

#home #banners #banner_4 {
	background: url(/img/banners/banner_4.jpg) 90% 0% no-repeat;
}

#home #banners #banner_5 {
	background: url(/img/banners/banner_5.jpg) 90% 0% no-repeat;
}

#home #banners #banner_5 {
	width: 500px;
	height: 140px;
}

#home #banners #banner_5 {
	display: block;
	padding: 140px 413px 20px 33px;
}

/*
=services
*******************************************/
#contentBL {
	width: 708px;
	height: 246px;
}
#contentBL .content {
	overflow: hidden;
}

#contentBL {
	float: left;
	background-color: #E8B54D;
}

#contentBL .graphicBullets {
	float: left;
}

#contentBL .graphicBullets a {
	float: left;
}

#contentBL .graphicBullets .top {
	margin-bottom: 3px;
}
#contentBL .graphicBullets .bot {
	margin-top: 3px;
	margin-bottom: 0px;
	clear: left;
}
#contentBL .graphicBullets .left {
	margin-right: 3px;
}
#contentBL .graphicBullets .right {
	margin-left: 3px;
	clear: none !important;
}

#contentBL .content .service {
	display: block;
	padding-left: 40px;
	width: 422px;
	float: left;
}

#contentBL .autoRotate {
	margin-left: 206px;
}

#contentBL div.graphicBullets a {
	width: 100px;
	height: 100px;
	display: block;
}

#contentBL div.cycleNav a.activeSlide {
	background-position: 0px -100px !important;
}

#contentBL div.graphicBullets a#developmentDesign {
	background: url(/images/m/services_sprite_identity_th.png) no-repeat;
}
#contentBL div.graphicBullets a#mediaContentManagement {
	background: url(/images/m/services_sprite_web_th.png) no-repeat;
}
#contentBL div.graphicBullets a#eCommerce {
	background: url(/images/m/services_sprite_content_th.png) no-repeat;
}
#contentBL div.graphicBullets a#orderFulfillment {
	background: url(/images/m/services_sprite_ecommerce_th.png) no-repeat;
}

/*
=news
*******************************************/
#contentBR {
	width: 249px;
	/*height: 246px;*/
}
#home #contentBR {
	height: 246px;
}
#contentBR .content {
	overflow: hidden;
}

#contentBR {
	float: right;
	background-color: #b14d1c;
	clear: none !important;
}
#contentBR .bottomExtra {
	width: 90px;
	height: 60px;
	background: url(/img/news_bottom_extra.png) bottom left no-repeat;
	clear: both;
	margin-left: 120px;
}

/*******************************************
SECONDARY PAGE STYLING
*******************************************/
#quoteOut {
	float: right;
}

#quoteOut .rounded {
	background-color: #789898;
	width: 140px;
	display: block;
	float: inherit;
	color: white;
}
#quoteOut .container {
	width: 140px !important;
}
#quoteOut .content {
	padding: 10px !important;
}
#quoteOut .bottomExtra {
	width: 54px;
	height: 36px;
	background: url(/img/quoteOut_bottom_extra.png) bottom left no-repeat;
	clear: both;
	margin-left: 113px;
}



ul.thumbs .thumb {
	width: 50px;
	height: 50px;
	display: block;
	background: #cccccc;
	border: dotted 1px #646464;
}

li.active .thumb {
	background: #eeeeee !important;
}

/*******************************************
TYPOGRAPHY
*******************************************/
body {
	font-family: Helvetica, Arial, sans-serif;
	color: black;
}

#container {
	text-align: left;
	font-size: 1em;
	text-align: left;
}

#contentBL, #contentBR {
	color: white;
}
#contentBR .newsdate {
	color: #E8B54D;
}

#footer {
	color: #B6C4CB;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}

p, li {
	font-size: 1.2em;
	line-height: 1.3em;
}

p {
	margin-bottom: 20px;
}
#centercol .content p {
	clear: both;
	display: block;
}
#home p {
	margin-bottom: 5px;
}
p.more {
	margin-bottom: 0px !important;
}

#footer p {
	margin: 0;
	font-size: 1.1em;
}

h1 {
	font-size: 2.2em;
	margin-bottom: 14px;
}

h2 {
	font-size: 3em;
	margin-bottom: 20px;
}
#home h2 {
	font-size: 2.4em;
}

td h1.title {
	margin-bottom: 0px;
}

td h1 {
	color: #2F4C58;
}

#leftcol h1.title {
	margin-bottom: 12px;
}

#leftcol h1 {
	font-size: 2.0em;
}

#centercol h1 {
	font-size: 4.0em;
}

h3 {
	font-size: 2.0em;
	margin-bottom: 5px;
}

h4 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

#leftcol #quoteOut h3 {
	color: #E8B54D;
	text-transform: lowercase;
	margin: 0px 0px 10px 0px;
	text-align: right;
	width: 183px;
}

h4.date {
	font-weight: bold;
	font-size: 130%;
}

.button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#789898 none repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
}

label strong {
	color:#B14F26;
	font-weight:bold;
}

#serviceSelect {
	height: 22px; 
	width: 360px; 
	color: #2F4C58;
	border: 1px solid #2F4C58;
}

#centercol .container {
	padding-left: 30px !important;
	padding-right: 30px !important;
	color: #2F4C58;
}

#home #content p, #contentBR li {
	line-height: 1.5em;
}

#home h1.mainTitle {
	font-size: 3em;
	font-weight: bold;
}
#home h2.subTitle {
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 10px;
}
#home .mainTitle {
	color: #2F4C58;
}
#home #main .mainTitle em, #home #main .subTitle {
	color: #789798;
}
#home .mainTitle em {
	font-style: normal;
}
/*#contentBL .subTitle, #contentBR .subTitle {
	color: #789798;
}*/
#home #banners {
	color: #666666;
	position: relative;
}

#home #banners .cycleNav {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}
#home #banners .cycleNav a {
	color: #ffffff;
	overflow: hidden;
	background: #789798;
	display: block;
	width: .8em;
	height: .8em;
	font-weight: bold;
	text-align: right;
	font-size: 2em;
	margin-bottom: 5px;
}
#home #banners .cycleNav a.activeSlide {
	background: #cccccc;
}

.subtitle {
	color: #799898;
	font-size: 1.4em;
}

.more {
	font-weight: bold;
	font-size: 1.6em;
	padding-top: 4px;
}

#topnav li {
	font-size: 1.2em;
}

.thumbtitle {
	text-align: right;
	width: 100px;
}

#info	{
	color: #B14F26; 
	text-align: right; 
	font-size: 1.1em; 
	margin-bottom: 10px;
}

#buttonPanel {
	margin-top: 20px;
	text-align: right;
}

.formResponseMsg{
	font-size: 1.2em; 
	margin-bottom: 24px;
}
.formResponseMsg h3
{
	color: #B14F26;
	margin-top: 24px;
	margin-bottom: 12px;
}

.formResponseMsg span.phone
{
	color: #B14F26;
	font-weight: bold;
}

.formResponseError{
	color: #B14F26; 
	font-size: 1.1em; 
}

#contactInfo {
	color: #2F4C58;
}

#contactInfo span.phone
{
	color: #B14F26;
	font-weight: bold;
	margin: 12px 0 0 0;
}


/*******************************************
Page, Blocks
*******************************************/

contentBlock {
	margin: 12px;
}

/*******************************************
LISTS
*******************************************/
ul {
	list-style-type: none;
	padding-bottom:20px;	
}

.horizontal li {
	margin: 0px 0px 0px 30px;
}

#bottomnav .horizontal li {
	margin-left: 10px;
}

#centercol li {
	margin-left: 20px;
	color:#B14F26;
	font-size:1.2em;
	list-style-type: disc;
	list-style-position: outside;
}
.horizontal li:first-child {
	margin-left: 0px;
}
.horizontal li:last-child {
	margin-right: 0px;
}
li:first-child {
	margin-top: 0px;
}
li:last-child {
	margin-bottom: 0px;
}
ul.thumbs li:first-child {
	padding-top: 0px;
}
ul.thumbs li:last-child {
	padding-bottom: 0px;
}

li {
	margin-bottom: 6px;
}

ul.thumbs li {
	clear: both;
	padding-bottom: 20px;
	width: 173px;
}

#leftcol ul, #rightcol ul {
	float: left;
	width: 183px;
}


#leftcol ul.thumbs li {
	float: right;
	padding-left: 10px;
}



#rightcol ul.thumbs li {
	float: left;
	padding-right: 10px;
}

ul.siblings {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 36px 0;
}

ul.siblings li {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
	width: 173px;
}

/*******************************************
LINKS
*******************************************/
a {
	color: inherit;
	text-decoration: none;
}

#topnav li a {
	height: 24px;
	display: block;
	color: #646464;
}

#topnav li a:hover, #topnav li.active a {
	height: 20px;
	border-bottom: solid 4px #b6c4cb;
}

#centercol a {
	color: #B14F26;
	font-weight: bold;
}

#centercol a:hover {
	text-decoration: underline;
}

#leftcol li{
	text-align:right;
}
#leftcol li.active	
{
	color: #A1AFB5;
}

#leftcol li a:link, #leftcol li a:visited, #leftcol li a:active
{
	text-decoration: none;
	padding: 0;
	color: #44606B;
}

#leftcol li a:hover
{
	color: #A1AFB5; 
}

#footer a:hover {
	text-decoration: underline;
}

#rightcol ul.thumbs li a {
	float: left;
}

#contentBL a, #contentBR a {
	color: white;
}

/*******************************************
IMAGES
*******************************************/
img {
	border: none;
}

#leftcol ul.thumbs img, #leftcol ul.thumbs span {
	float: left;
	margin-left: 10px;
}

#rightcol ul.thumbs img, #rightcol ul.thumbs span {
	float: left;
	/*margin-right: 10px;*/
}

#leftcol ul li.active img, #rightcol ul li.active img {
	opacity:0.7;
}
#leftcol ul li.active, #rightcol ul li.active {
	color: #CCCCCC !important;
}
#leftcol li p, #rightcol li p {
	color: #CCCCCC;
}

.mainimage {
	min-height: 200px;
	width: 430px;
	text-align: center;
	margin-bottom: 30px;
	overflow: hidden;
	background: #000000;
}

.mainimage img {
	min-width: 300px;
	max-width: 430px;
	margin-left: auto;
	margin-right: auto;
}

.mainimage, .mainimage img {
	display: block;
}

.product {
	margin-bottom: 20px;
	float: left;
}

.product .mainimage {
	margin-bottom: 10px;
}

.product .mainimage {
	min-height: 70px;
	width: 430px;
	text-align: left;
	margin-bottom: 12px;
	overflow: hidden;
	border: 0;
	background: #FFF;
}

.product .mainimage img {
	min-width: 120px;
	max-width: 430px;
	margin-left: 0;
	margin-right: 0;
	border: 0;
	background: #FFF;
}

.product h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 6px;
}

.bluGallery {
	width: 430px;
	display: block;
}

.bluGallery img {
	margin-left: 5px;
	margin-right: 5px;
}

/*******************************************
TABLES
*******************************************/
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
	padding: 0px;
}

#main>.container>table {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 80px;
}


#main>.container>table td {
	border-right: solid 1px #A1AFB5;
}
#main>.container>table td#rightcol {
	border-right: none;
}


td#centercol {
	width: 492px;
}

td#leftcol, td#rightcol {
	width: 233px !important;
}

#rightcol .col, td#centercol .col, #leftcol .col {
	width: inherit;
}

#rightcol .col, #leftcol .col {
	/*margin-top: 42px;*/
}

/*******************************************
FORMS
*******************************************/
form#contactForm {
	width: 36em;
	padding-right: 50px;
}

form#contactForm input {
	width: 360px;
}
form#contactForm select, form#contactForm textarea, form#contactForm p#formSubmit {
	width: 380px;
}
form#contactForm p#formSubmit input {
	width: auto;
}