@charset "UTF-8";
/* CSS Document */


/*DOCUMENT SETTINGS */

html {

	height: 100%;
	overflow: inherit;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;

}

body {

	min-width: 960px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #454f66;
	cursor: default;

}

body, div, span, p, table, th, tbody, tr, td {

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;

}

A, A:link, A:visited {

	color: #f04e23;
	font-weight: normal;
	text-decoration: none;

}

A:hover {

	color: #7ea3cc;
	font-weight: normal;
	text-decoration: underline;

}

A:active {

	color: #7ea3cc;
	font-weight: normal;
	text-decoration: none;

}

img {

	behavior: url(includes/iepngfix.htc);
	border: 0px;

}


/*LAYOUT SETTINGS */

#headerstrip {

	position: relative;
	top: 0px;
	width: 100%;
	margin-bottom: 16px;
	z-index: 30;

}

#header {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 14px;
	text-align: center;
	margin: 0px auto 32px auto;
	padding: 0px 0px 0px 0px;
	z-index: 100;

}

#headerleft {

	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	width: 464px;
	height: 14px;
	text-align: left;
	z-index: 100;

}

#headerright {

	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	width: 464px;
	height: 14px;
	line-height: 12px;
	text-align: right;
	z-index: 100;

}

#menu {

	clear: both;
	position: relative;
	top: 0px;
	width: 960px;
	height: 56px;
	text-align: center;
	margin: 0px auto 0px auto;
	z-index: 100;

}

#menu .switch {

	background: transparent;

}

* html #menu {

	margin-bottom: 32px;

}

#bubblemenu {

	overflow: hidden;
	position: absolute;
	left: 72px;
	top: 336px;
	width: 860px;
	height: 78px;
	margin: 0px auto 0px auto;
	z-index: 110;

}

.bubble {

	visibility: hidden;
	position: absolute;

}

.bubbleon {

	visibility: visible;

}

#navmenu {

	position: fixed;
	top: 128px;
	right: 0px;
	width: 24px;
	height: 200px;
	text-align: right;
	z-index: 140;

}

* html #navmenu {

	display: inline;
	position: absolute;
	top: 128px;
	right: 0px;
	width: 24px;
	height: 200px;
	text-align: right;
	z-index: 140;

}

.nav {

	position: absolute;
	right: -10px;

}

#bodystrip {

	position: relative;
	top: 32px;
	width: 100%;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 96px 0px;
	z-index: 30;

}

* html #bodystrip {

	top: 12px;

}

#body {

	position: relative;
	top: 0px;
	width: 960px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	z-index: 30;

}

* html #body {

	height: 360px;

}

#body:after {

	content: " ";
	display: block;
	clear: both;

}

.left {

	display: block;
	clear: both;
	position: relative;
	float: left;
	width: 464px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.right {

	position: relative;
	float: right;
	width: 464px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.leftsub {

	float: left;
	width: 232px;
	margin-bottom: 16px;

}

.rightsub {

	float: right;
	width: 232px;
	margin-bottom: 16px;

}

.full {

	clear: left;
	position: relative;
	float: left;
	width: 960px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.sample {

	border: solid 2px #d8dce6;

}

.brandsample {

	margin: 16px 30px 16px 30px;

}

.marketingsample {

	margin: 16px;

}

.portfolio {

	overflow: hidden;
	position: relative;
	top: 42px;
	width: 400px;
	height: 156px;
	background-image: none;
	z-index: 40;

}

.portfolioon {

	background-image: url(../images/portfolio_bg_gray.png);
	background-position: top left;
	background-repeat: no-repeat;

}

.portfolio h4 {

	font-size: 16px;
	color: #2e374d;
	font-weight: normal;
	margin: 16px 24px 4px 32px;

}

.portfolio p {

	margin: 0px 24px 16px 32px;

}

.portfolio A, .portfolio A:link, .portfolio A:visited {

	color: #ffffff;

}

.portfolio .button {

	right: 0px;
	margin: 0px 24px 0px 0px;

}

.colors {

	float: left;
	height: 14px;
	margin: 0px 0px 0px 32px;

}

.threeleft {

	display: block;
	clear: both;
	position: relative;
	float: left;
	width: 299px;
	text-align: justify;
	margin: 0px 32px 32px 0px;
	z-index: 30;

}

.threecenter {

	position: relative;
	float: left;
	width: 298px;
	text-align: justify;
	margin: 0px 0px 32px 0px;
	z-index: 30;

}

.threeright {

	position: relative;
	float: right;
	width: 299px;
	text-align: justify;
	margin: 0px 0px 32px 32px;
	z-index: 30;

}

.callout {

	padding-top: 24px;

}

.leftblock {

	float: left;
	width: 240px;
	margin-bottom: 16px;

}

.pad {

	padding-top: 80px;

}

.enctop {

	overflow: hidden;
	position: relative;
	top: 0px;
	width: 464px;
	height: 4px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/enc_top.png);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 30;

}

.enclosure {

	width: 432px;
	height: 100%;
	padding: 16px 16px 8px 16px;
	background-color: #e6e9f0;

}

.enccontent {

	width: 464px;
	margin-bottom: 0px;

}

.encbottom {

	overflow: hidden;
	position: relative;
	top: 0px;
	width: 464px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/enc_bottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	z-index: 30;

}

#footerstrip {

	left: 0px;
	width: 100%;
	padding: 0px 0px 8px 0px;
	text-align: center;
	z-index: 90;

}

#footer {

	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 24px;
	text-align: center;
	margin: 32px auto 0px auto;
	background: transparent;
	z-index: 100;

}

#footerleft {

	float: left;
	position: relative;
	left: 40px;
	width: 300px;
	text-align: left;
	background: transparent;
	z-index: 100;

}

#footerright {

	float: right;
	position: relative;
	right: 40px;
	width: 300px;
	text-align: right;
	background: transparent;
	z-index: 100;

}

#footerleft A, #footerleft A:link, #footerleft .navtext, #footerright A, #footerright A:link, #footerright .navtext {

	font-size: 11px;
	text-decoration: none;
	color: #8f9ab3;

}

#footerleft A:hover, #footerright A:hover {

	color: #6592a8;

}


.photoleft {

	float: left;
	margin: 24px 16px 8px 0px;

}

.photoright {

	float: right;
	margin: 16px 0px 8px 16px;

}

#navlegend {

	float: left;
	font-size: 10px;
	text-align: left;

}

#navlegend span {

	font-size: 10px;

}

.navbuttons {

	clear: right;
	float: right;
	width: 348px;
	font-size: 10px;
	text-align: right;
	margin: 0px 0px 16px 0px;

}

.navbuttons a, .navbuttons span {

	font-size: 10px;

}


/*AJAX SETTINGS */

.button {

	position: absolute;

}

.buttonon {

	position: absolute;

}

.switch {

	position: relative;
	opacity: 0.6;
	filter: alpha(opacity=60);

}

.switchon {

	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);

}

.thumb {

	margin: 4px;
	border: 0;

}

.thumbon {

	margin: 0px;
	border: solid 4px #ffffff;

}

.spacerlogo{

	position: relative;
	float: left;
	width: 67px;
	height: 90px;
	margin: 0px 4px 4px 0px;

}

#slideshow {

	position: relative;
	width: 320px;
	height: 272px;

}

#slideshow img {

	position: relative;
	left: 0;
	top: 0;

}

.slide {

	display: none;

}

#nextslide {

	z-index: 100;

}


/*FORM SETTINGS */

form {

	padding: 0px;
	margin: 0px;
	z-index: 50;

}

form.searchform {

	display: inline;
	
}

input, select, textarea, .requiredfield {

	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #5983b3;
	border: 2px dotted #d3d9e5;
	margin: 0px 0px 4px 0px;
	padding: 2px;
	background-color: #ffffff;
	z-index: 50;
	

}

.requiredfield {

	border: 2px solid #b8becc;

}

.specialoption {

	color: inherit;

}

input.noborder {

	position: relative;
	top: 2px;
	border: 0;
	background: transparent;
	background-color: #ffffff;

}

div.item {

	clear: both;
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	overflow: hidden;

}

.formbuttons {

	display: block;
	clear: both;
	position: relative;
	top: 0px;
	left: 248px;
	width: 464px;
	text-align: right;
	overflow: hidden;

}

.formbuttons .button {

	margin-right: 12px;

}

form label {

	display: inline;
	padding: 0px;
	margin: 0px;

}

.fieldname {

	float: left;
	width: 180px;
	text-align: right;
	padding: 2px 0px 0px 0px;

}

.fielddata {

	float: right;
	width: 276px;
	text-align: left;
	padding: 0px;
	margin: 0px;

}


/* TABLE SETTINGS */

table {

	border: 0;
	border-collapse: collapse;
	cellpadding: 0px;
	cellspacing: 0px;
	margin: 0px 0px 32px 0px;
	padding: 0px;

}

th {

	font-weight: bold;

}

th, td {

	text-align: left;

}


/*BLOG SETTINGS */

#container{width:680px; margin:0 auto; background-color:#fff; border:3px double #555; border-top:0;}
.cols{width:640px; margin:0 20px; padding-top:10px; overflow:hidden;}

.cols img{margin:15px 0;}

#footer img{margin:9px 0;}

#searchBar{border:1px solid #999; background-color:#ccc; padding:10px 5px; text-align:center;}

#content{clear:both;padding-top:30px;}

.time{color:#933; margin-top:20px; text-transform:capitalize;}
.title{color:#333; font-size:18px; font-weight:normal;}
.hr{border-bottom:1px dotted #c77; width:640px;margin:4px 0 8px 0;}
.userComment{background-color:#f2f2f2; padding:4px; margin-top:10px;min-height:14px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.userComment a{display:inline;}
.comment{margin-bottom:10px;}
.accent{color:#933; font-style:italic;}
.permalink{margin-left:420px;}

/*comment window rules*/
#container.commentWindow{width:380px;}
.commentWindow .cols{width:300px;}
.commentWindow .hr{width:300px;}

.commentWindow fieldset{border:1px solid #c77; margin:15px 0;}
.commentWindow legend{font-size:12px; font-weight:bold;}


/*cms rules*/
table{
background-color:#e9ecf2;
border:0px solid #d3d9e5; 
border-bottom:0;}

td{height:16px; 
padding:2px 5px;
border-bottom:2px solid #d3d9e5;}

/*textarea{height:420px; width:420px;}*/

/*table input{width:420px;}*/

#cmsNav{list-style: none; margin:15px 0; padding:0;height:15px;}
#cmsNav li{float:left;display:inline; margin:0 5px;padding:0 6px; border-left:1px dotted #333;border-right:1px dotted #333;}


/*TEXT SETTINGS */

br {

	clear: left;

}

* html br {

	line-height: 8px;

}

hr {

	clear: both;
	width: 100%;
	height: 2px;
	border: 0;
	text-align: left;
	margin: 32px auto 32px auto;
	padding: 0px;

}

p {

	clear: left;
	margin: 0px 0px 18px 0px;
	padding: 0px;
	text-align: justify;

}

p.prologue {

	font-family: Georgia, Palatino, Times New Roman, serif;
	font-size: 18px;
	line-height: 26px;
	color: #778199;
	margin: 0px 0px 26px 0px;

}

form p {

	margin: 0px 0px 8px 0px;

}

p.quote {

	padding: 24px 28px 0px 28px;
	margin-bottom: 8px;
	font-size: 11px;

}

p.quoter {

	text-align: right;
	color: #7d8499;
	margin-bottom: 24px;
	padding: 32px 28px 0px 0px;

}

.quotertitle {

	font-size: 10px;

}

.captionleft {

	clear: left;
	text-align: left;
	font-size: 10px;
	color: #cc233b;
	margin: 0px 0px 16px 0px;

}

.captionright {

	clear: right;
	text-align: right;
	font-size: 10px;
	color: #cc233b;
	margin: 0px 0px 16px 0px;

}

.highlight {

	color: #cc233b;

}

.date {

	font-size: 11px;
	color: #cc233b;

}

.sm {

	font-size: 11px;
	line-height: 15px;

}

.lg {

	font-size: 15px;
	line-height: 24px;

}

.normal {

	font-weight: normal;

}

ul {

	clear: left;
	margin: 0px 0px 18px 0px;
	padding: 0px 24px 0px 24px;

}

ul.simple {

	padding: 0px;

}

ul li {

	list-style-type: dot;
	text-align: left;

}

ul.simple li {

	list-style-type: none;
	text-align: left;
	margin-bottom: 0px;

}

ol {

	clear: left;
	margin: 0px 0px 18px 0px;
	padding: 0px 24px 0px 24px;

}

ol li {

	text-align: left;
	margin-bottom: 18px;

}

h1, h2, h3, h4 {

	clear: left;
	padding: 0px;

}

h1 {

	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;

}

h2 {

	font-size: 18px;
	margin: 0px 0px 8px 0px;

}

h2 A:link, h2 A:visited {

	text-decoration: none;

}

h3 {

	font-size: 13px;
	margin: 0px 0px 0px 0px;

}

h3.blogentry {

	margin-bottom: 16px;

}

h4 {

	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 8px 0px;

}

h4.blogdate {

	width: 100%;
	font-size: 11px;
	font-weight: normal;
	color: #8f9ab3;
	border: 2px dotted #d3d9e5;
	border-width: 0px 0px 2px 0px;
	padding-bottom: 4px;

}

.cptch {

	width: 136px;
	text-align: center;

}

.cptch span {

	font-size: 16px;

}