body {
	font:12px Arial, Helvetica, sans-serif;
	color:#546796;
	padding:30px 0;
}

.container{
	width:960px;
	margin:0 auto;
	border:1px solid #c1c7db;
	position:relative;
}

.container .container{
	border:none;
	padding:185px 0 0;
}

.Page .container .container{
	padding:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

left{
	float:left;
}

right{
	float:right;
}

/* -- $General / Typography ----------------------------------------- */

p{
	margin:0 0 18px;
	line-height:1.4;
}

.aside p{
 	margin:0 0 10px;
}

a{
	color:#97031f;
	text-decoration:none;
	font-weight:bold;
}

a img{ 
	border:none; 
}

a[href$=".pdf"],
a[href$=".PDF"],
a.pdf {
		padding: 2px;
		padding-left: 22px;
		background: url(../images/page_white_acrobat.png) no-repeat left center;
	}

h1, h2, h3, h4{
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#546796;
	margin:0 0 12px;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

#Content ul, #Content ol{ margin:0 0 12px 16px; }

#Content ul li{
	list-style-type:disc;
}

#Content ol li{
	list-style-type:decimal;
}

blockquote{
	margin:0 18px 18px; 
}

/* -- $Header ------------------------------------------------------- */

#Header{
	position:relative;
	height:100px;
}

#Logo{
	position:relative;
	left:10px;
	top:16px;
}

#Tagline{
	position:absolute;
	left:240px;
	top:62px;
}

#Phone{
	position:absolute;
	right:6px;
	top:28px;
	width:240px;
}

#SkipLinks{
	display:none;
}


/* -- $Navigation --------------------------------------------------- */

#Menu ul{
	width:100%;
	position:relative;
}

#Menu li{
	position:relative;
	float:left;
	display:block;
	margin:0 1px 0 0;
}

#Menu li.last{
	margin:0;
}

#Menu li a{
	background:#242d67 url(../images/menu.gif) left top repeat-x;
	display:block;
	height:30px;
	line-height:30px;
	width:119px;
	text-align:center;
	color:#fff;
}
#Menu li.last a{
	width:120px;
}

#Menu li a:hover, #Menu li a:focus, #Menu li a:active, #Menu li a.current, #Menu li a.section{
	background:#6f1510 url(../images/menu.gif) left -30px repeat-x;
	text-decoration:none;
}

#Menu li ul a{
	background-position:left -60px;
}

#Menu li ul{
	position:absolute;
	display:none;
	top:30px;
	left:0;
}

#Menu li:hover ul, #Menu li.hover ul{
	display:block;
}

#Menu li ul li{
	float:none;
}

/* -- $ProductsMenu -------------------------- */

#ProductsMenu{
	float:left;	
	width:210px;
	margin:8px 0 8px 0;
	padding:0 15px 0 14px;
}

#ProductsMenu h2{
	margin-bottom:14px;
}

#ProductsMenu li{
	padding:0 0 6px;
}

#ProductsMenu a{
	color:#546796;
	line-height:1.4;
	font-weight:bold;
	text-decoration:none;
}

#ProductsMenu a.current, #ProductsMenu a.section{
	color:#1e5b94;
	font-weight:bold;
}

#ProductsMenu a:hover{
	color:#97031f;
}

/* -- $Content ------------------------------------------------------ */

#Content{
	position:relative;
	float:left;
	width:700px;
	margin:38px 6px 8px 0;
	padding:0 0 0 14px;
	border-left:1px solid #c1c7db;
	min-height:250px;
}

.NormalPage #Content, 
.HomePage #Content, 
.NewsHolderPage #Content,
.NewsPage #Content{
	width:454px;
}

.ProductHolderPage #Content{
	padding:0;
}

#BreadCrumbs{
	position:absolute;
	top:-22px;
	left:12px;
}

/* -- $Articles/hFeed ---------------------- */

#Content ol.hfeed{
	margin:0;
	padding:0;
}

#Content ol.hfeed li{
	list-style:none;
	border-bottom:1px solid #dbe0f0;
	margin:0 0 18px;
}

/* -- $SideContent ------------------------- */

#SideContent{
	width:240px;
	float:right;
	margin:38px 0 0;
	text-align:center;
	font-weight:bold;
}

#SideContent p{
	text-align:left;
	margin:0 0 24px;
}

#SideContent a{
	display:block;
	padding:10px 44px 12px 18px;
	background:url(../images/home_link.gif) repeat-y left top;
	color:#546796;
}

#SideContent a:hover, #SideContent a:focus{
	background-position:-240px top;
	text-decoration:none;
}

#SideContent h2{
	font-size:12px;
	margin:0;
}

/* -- $SecondaryContent (the top stuff visually) ------------------- */

#SecondaryContent{
	height:184px;
	width:100%;
	position:absolute;
	top:131px;
	left:0;
}

#ImageHolder{
	background-color:#d4d8e6;
	width:719px;
	height:184px;
	overflow:hidden;
}

#MessageArea{
	background-color:#d4d8e6;
	position:absolute;
	right:0; 
	top:131px;
	width:240px;
	height:184px;
	overflow:hidden;
}

#MessageArea h2{
	position:relative;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0 0 8px;
}

#MessageArea p{
	position:relative;
}

#MessageArea a{
	color:#571402;
	font-weight:normal;
}

#MessageArea a:hover{
	text-decoration:none;
}

#MessageArea img{
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.ProductPage #MessageArea img{
	display:block;
}

#Messages{
	width:1440px;
}

div.message{
	position:relative;
	padding:12px 30px;
	width:180px;
	height:160px;
	float:left;
}

div.message div{
	background-color:#fff;
	position: absolute;
	top:0;
	left:0;
	width:240px;
	height:184px;
}

#MessageNav{
	position:absolute;
	top:280px;
	right:3px;
	width:230px;
	overflow:hidden;
}

.scrollerNav span{
	position:relative;
	display:block;
	float:left;
	text-indent:-30000px;
	background:url(../images/message_nav.png) no-repeat left top;
	width:26px;
	height:26px;
	cursor:pointer;
}

.scrollerNav .next{
	margin:0 0 0 175px;
	background-position:left -30px;
}

.scrollerNav span:hover{
	background-position:-30px 0;
}

.scrollerNav span.next:hover{
	background-position:-30px -30px;
}

/* -- $HomePage ------------------------------ */

.HomePage #SideContent{
	width:240px;
	padding:0;
	text-align:left;
	position:relative;
}

.HomePage #SideContent div{
	margin-bottom:6px;
}

.HomePage #SideContent a{
	display:block;
	padding:66px 6px 14px 18px;
	width:216px;
	background:url(../images/home_link.gif) repeat-y left top;
	color:#546796;
}

.HomePage #SideContent div.latestnews a{
	padding:3px 6px 3px 18px;
}

.HomePage #SideContent div.latestnews li a{
	display:block;
	padding:3px 12px 3px 28px;
	width:200px;
	color:#97031f;;
}

.HomePage #SideContent a:hover, .HomePage #SideContent a:focus{
	background-position:-240px top;
	text-decoration:none;
}

.HomePage #Content #home-buttons {
  margin: 0;
  padding: 0;
}

.HomePage #Content #home-buttons li {
  float: left;
  list-style: none;
  width: 90px;
}

.HomePage #Content #home-buttons li.even {
  margin-top: 90px;
}

/* -- $ProductPage ----------------------------------- */

.ProductPage .main{
	width:360px;
	float:left;
}

.ProductPage .aside{
	width:300px;
	float:right;
	padding:0 10px 0 30px;
}

.ProductPage #Content{
	padding-bottom:12px;
}

#Mediums{
	overflow:hidden;
	margin:0;
	width:240px;
	height:240px;
}

#Content #Mediums li{
	position:absolute;
	list-style:none;
}

#Thumbs{
	position:relative;
	overflow:hidden;
	height:75px;
	width:210px;
	margin:22px 0 0 30px;
}

#Thumbs ul{
	width:3000px;
	margin:0;
}

#GalleryNav{
	position:relative;
	top:-50px;
	left:-4px;
}

#GalleryNav .next{
	position:relative;
	left:228px;
	margin:0;
}
#Content #Thumbs ul li{
	float:left;
	list-style:none;
	margin:0 8px 0 0;
}

p.backlink{
	position:absolute;
	bottom:0;
	left:14px;
	margin:0;	
}

/* -- $ProductHolderPage ------------------------------ */

.ProductHolderPage #Content .main{
	position:absolute;
	top:-210px;
	width:445px;
	left:12px;
}

.ProductHolderPage #Content h2{
	padding-left:14px;
}

.ProductHolderPage #Content .main p{
	margin:0 0 12px;
}

ul#Products{
	overflow:hidden;
	position:relative;
	margin:0;
}

ul#Products li{
	position:relative;
	float:left;
	width:212px;
	height:100px;
	padding:145px 14px 0;	
	list-style-type:none;
	border-right:1px solid #c1c7db;
}

ul#Products li.last{
	border:none;
	width:198px;
	padding:145px 0 0 14px;
}

ul#Products li img{
	position:absolute;
	top:0;
	left:40px;
}

ul#Products h3{
	font-weight:normal;
}

/* -- $Clients ----------------------------------------------------------------- */

ul#Clients{
	overflow:hidden;
	position:relative;
	margin:0;
}

ul#Clients li{
	float:left;
	margin:0 24px 24px 0;
	list-style:none;
	text-align:center;
}

ul#Clients li a{
	display:block;
	border:4px solid #dbe0f0;
}

ul#Clients img{
	display:block;
}


/* -- $Pagination -------------------------------------------------------------- */

.pagination{
	margin:0 0 0 12px;
}

.NewsHolderPage .pagination{
	margin:0;
}

#Content .pagination ol, .pagination ol li{
	display:inline;
	margin:0;
}

.pagination ol li a{
	padding:0 2px;
}

.pagination .prev, .pagination .next{ 
	margin:0 3px;
}

/* -- $ContactPage -------------------------------------------------- */

.ContactPage #Content{
	background:url(../images/horiz_grad.gif) repeat-y 6px top;
	padding-top:6px;
}

.ContactPage .col{
	text-align:left;
	width:220px;
	padding:0 6px 0 0;
}
.ContactPage .col-2{
	float:left;
}
.ContactPage .col-2 .col{
	padding:0 20px 0 0;
}
.ContactPage .col-2 .col-2{
	padding:0;
}

p.fn{
	margin:0;
}
p.tel{
	font-weight:bold;
}

#FMessage{
	clear:both;
}

.ContactPage legend{
	display:none; 
}

.ContactPage div.field{
	margin:0 0 3px;
}
.ContactPage .message, .ContactPage .required{
	color:#ff0000;
}

.ContactPage input.text{
	width:200px;
	padding:3px;
}
.ContactPage select{
	width:208px;
	padding:3px;
}

.ContactPage textarea{
	width:440px;
	padding:3px;
}

.ContactPage .Actions{
	margin:12px 0;
}

.ContactPage input.action{
	color:#fff;
	font-weight:bold;
	background:url(../images/submit.gif) left -12px repeat-x;
	border:none;
	padding:3px;
}

.ContactPage input.action:hover{
	background-position:left -62px;
}

.ContactPage input.action:focus{
	background-position:left -112px;
}

.col {
	float:left;
	width:200px;
	padding:0 8px;
	text-align:center;
}

/* -- $Stack Levels ------------------------------------------------- */

.container .container{
	z-index:100;
}

#SecondaryContent{
	z-index:200;
}

.ProductHolderPage #SecondaryContent{
	z-index:90;
}

#MessageArea{
	z-index:300;
}

#Menu ul{
	z-index:10000;
}

#MessageArea h2{
	z-index:6021;
}

#MessageArea p{
	z-index:6020;
}

div.message div{
	z-index:6000;
}

#MessageNav{
	z-index:30000;
}
/* -- $Footer ------------------------------------------------------- */

#Footer{
	height:20px;
	text-align:right;
	padding:46px 8px 0;
	font-size:11px;
}

#Footer a{
	color:#546796;		
}

#Footer p, #Footer ul, #Footer li{
	display:inline;
	margin:0;
}
#Footer ul{
	margin:0 0 0 3px;
}

#Footer li{
	background:url(../images/li.gif) no-repeat left center;
	padding:0 0 0 10px;
}

#Icons{
	position:absolute;
	bottom:6px;
	left:8px;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */

 div.image.right,
 div.captionImage.right {
	float: right;
	margin-left: 20px;
}

 .captionImage {
	padding: 5px;
}

 div.image.left,
 div.captionImage.left {
	float: left;
}
 div.image.leftAlone,
 div.captionImage.leftAlone {
	float: left;
	margin-right: 100%;
}
 div.image.center,
 div.captionImage.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

 .caption {
	font-weight: bold;
	text-align: center;
	color: #546796;
}
