/*=============================
    Standard
=============================*/

html, body {
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font: 9pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
    color: #333333;
    background: url('/images/bg.jpg') #FFF repeat-x;
    line-height: 16px;
}

textarea 
{
	font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
	color: #333333;
}

a 
{
	font-family: arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
	color: #fe0000;
}

ul 
{
	margin-bottom: 10px;
	margin-top: 0px;
}

p 
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

p.noSpace 
{
	margin: 0px;
	padding: 0px;
}

div, form, img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

img p 
{
	margin: 0px;
	padding: 0px;
}

a:active, a:focus {
    outline: none;
}

div#mainContentContainer 
{
	float: left;
	margin: 0px;
	padding: 50px 0px 0px 0px;
	width: 100%;
}

div#mainContentBox 
{
	margin: 0px auto;
	width: 906px;
}

div#mainContent {
float: left;
	width: 906px;
    border: 1px solid #000;
}   


div#contentContainerBox 
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 906px;
	background: #FFFFFF;
}

div#contentContainer 
{
	float: left;
	margin: 0px;
	padding: 0px;
}

div.horizontalSpacer 
{   
	clear: left;
	float: left;
	height: 4px;
	width: 249px;
}

div.horizontalSpacer p 
{
	margin: 0px;
	padding: 0px;
}

div.horizontalSpacerBot 
{   
	clear: left;
	float: left;
	height: 12px;
	width: 249px;
}

div.horizontalSpacerBot p 
{
	margin: 0px;
	padding: 0px;
}

div.verticalSpacer 
{
	float: left;
	width: 6px;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

div.hr2 {
  height: 1px;
  margin-top: 4px;
  margin-bottom: 12px;
  background: #f6f6f6 url(hr1.gif) no-repeat scroll center;
}

div.hr2 hr {
  display: none;
}

hr
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 1px;
	border: 0px;
	color: #CCCCCC;
	width: 553px;
	background: #CCCCCC;
}

hr.h_greyLine
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 1px;
	border: 0px;
	color: #CCCCCC;
	width: 100%;
	background: #CCCCCC;
}

hr.greyLine
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 1px;
	border: 0px;
	color: #CCCCCC;
	width: 245px;
	background: #CCCCCC;
}
.required 
{
	color: #9A0000;
}

.smlFont 
{
	font: 7.4pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';	
}

ul.spaceUL 
{
}

ul.spaceUL li 
{
	padding-bottom: 4px;
}


/*==============================
    Header Style
==============================*/

div#headerContainerBox 
{
	float: left;
	width: 906px;
	height: 144px;
	background: #FFF;
}

div#headerContainer 
{
	width: 875px;
	height: 123px;
	margin: 8px auto;
	border: 2px solid #000;
}

div#logo 
{
	float: left;
	margin: 0px;
	padding: 43px 0px 0px 0px;
	width: 230px;
}

div#headerNavigationContainer 
{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 645px;

}

div#headerBlurpContainer {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 645px;
}

div#headerBlurpContent {
    float: right;
    margin: 0px;
    padding: 43px 0px 0px 0px;
}

div#headerNavigation 
{
	float: right;
	margin: 0px;
	/*padding: 42px 0px 0px 241px;*/
	padding: 24px 44px 0px 0px;
}

div#headerNavigation ul 
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';	
}

div#headerNavigation ul li 
{
    margin: 0px;
    padding: 0px 12px 0px 0px;
    list-style: none;
    display: inline;
    font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
    color: #666666;
    position: relative;
}

div#headerNavigation ul li.last {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
    font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
}

div#headerNavigation ul li.icon {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
    font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
}

div#headerNavigation ul li a {
    text-decoration: none;
    font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
    color: #333;
}

div#headerNavigation ul li a.current {
    text-decoration: underline;
    font: 8pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
    color: #333;
}

div#headerNavigation ul li a:hover 
{
	text-decoration: underline;
}

/*==============================
	Header Dropdown Menu
==============================*/

div#headerNavigation li ul
{
	font-weight: normal;
	left: 0px;
	top: 14px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	display: none;
	z-index: 100;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

div#headerNavigation li ul li
{
	float: left;
	background: #eeeeee;
	font: 9pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
	margin: 0px;
	padding: 0px;
	display: block;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	width: 200px;
}

div#headerNavigation li ul li a
{
	float: left;
	text-decoration: none;
	font: 9pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
	margin: 0px;
	padding: 2px 0px 2px 0px;
	color: #999999;
	width: 200px;
	text-indent: 6px;
}

div#headerNavigation li ul li a:hover 
{
	text-decoration: none;
	background: #4F86C0;
	color: #FFF;
}

div#headerNavigation li:hover ul
{
	display: block; 
}

/* start adding second level */

div#headerNavigation li ul ul
{
	background: #CEE0EF;
	left: 0px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 140px;
	display: none;
}

div#headerNavigation li ul ul li
{
	float: left;
	font: 9pt arial, verdana, helvetica, sans-serif, tahoma, 'Trebuchet MS';
	margin: 0px;
	padding: 5px 0px 5px 6px;
	border-bottom: 1px dashed #666666;
	border-left: 1px solid #FFFFFF;
	width: 140px;
	background: #CCCCCC;
}

div#headerNavigation li ul ul li a
{
	color: #01327E;
}

div#headerNavigation li:hover ul ul {
	display: none;
	background: #4F86C0;
}

div#headerNavigation li li:hover ul {
	display: block;
	background: #4F86C0;
}

/* Fix IE. Hide from IE Mac \*/
* html div#headerNavigation ul li { float: left; height: 1%; }
* html div#headerNavigation ul li a { height: 1%; }
* html div#headerNavigation ul ul li { float: left; height: 1%; }
* html div#headerNavigation ul ul li a { height: 1%; }
* html div#headerNavigation ul ul ul li { float: left; height: 1%; }
* html div#headerNavigation ul ul ul li a { height: 1%; }
/* End */


/*=============================
	Home Body Container
=============================*/

div#h_mainContainerBox {
	float: left;
	width: 906px;
	background: #FFF;
}

div#h_mainContainer 
{
	width: 875px;
	margin: 8px auto;
}

div#h_bannerContainer {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 906px;
    height: 392px;
    background: url('/images/hp-banner2.jpg') no-repeat;
}

table.h_mainContent 
{	
	margin: 0px;
	padding: 0px;
}

table.h_mainContent td
{
	margin: 0px;
	padding: 6px;	
	font: 8pt arial, verdana;
	border: 2px solid #333;
}

table.h_mainContent td h2
{
	margin: 0px;
	padding: 0px 0px 6px 0px;
	font: bold 9pt arial, verdana;
}

table.h_mainContent td p
{
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

table.h_mainContent td.box1
{
	width: 280px;
}

table.h_mainContent td.box2
{
	width: 264px;
}

table.h_mainContent td.box3
{
	width: 283px;
}

table.h_mainContent td.spliter 
{
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 18px;
}

/*=============================
	Secondary Body Container
=============================*/

div#s_mainContainerBox {
	float: left;
	width: 906px;
	background: #FFF;
}

div#s_mainContainer 
{
	float: left;
	width: 906px;
	margin: 0px;
	padding: 8px 0px 8px 0px;
}

div#s_mainContent 
{
	margin: 0px;
	padding: 0px 0px 0px 18px;
}

div#s_mainContent p
{
	margin: 0px;
	padding: 0px 0px 14px 0px;
}

div#s_mainContent ul.navigation 
{
	margin: 0px;
	padding: 0px 0px 30px 10px;
}

div#s_mainContent ul.navigation li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

/*==========================
	Footer 
==========================*/

div#botLineContainer {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*background: #FFF;*/
}

div#bottomContainerBox {
    margin: 0px auto;
    width: 906px;
}

div#footerContainerBox {
    margin: 0px;
    padding: 14px 0px 0px 0px;
    width: 906px;
}

div#footerLeft {
    /*float: left;*/
    text-align: center;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 906px;
    
}

div#footerLeft ul {
    clear: left;
    margin: 0px;
    padding: 0px 0px 4px 0px;
    line-height: 1em;
    width: 100%;
}

div#footerLeft ul li {
    display: inline;
    margin: 0px;
    padding: 0px 4px 0px 0px;
    list-style: none;
    font-size: 8pt;
    color: #333;
}

div#footerLeft ul li a {
   text-decoration: none;
    font-size: 8pt;
    color: #333;
}

div#footerLeft ul li a:hover {
    text-decoration: underline;
}

div#footerRight {
    text-align: center;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 906px;
}

div#footerRight ul 
{
    clear: right;
    margin: 0px;
    padding: 0px;
    line-height: 1em;
    width: 100%;
}

div#footerRight ul li {
display: inline;
    margin: 0px;
    padding: 0px 4px 0px 0px;
    list-style: none;
    font-size: 8pt;
    color: #333;
    text-align: center;
}

div#footerRight ul li a {
   text-decoration: none;
    font-size: 8pt;
    color: #333;
    text-align: right;
}

div#footerRight ul li a:hover {
    text-decoration: underline;
}

/*================================
    Work Section
================================*/

div.wBox {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 870px;
}

div.leftBox {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 320px;
}

div.rightBox {
    float: right;
    margin: 0px;
    padding: 0px;
}

div.leftBox2 {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 180px;
}

div.rightBox2 {
    float: right;
    margin: 0px;
    padding: 0px;
}

div#wBox1 {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 870px;
}

ul.designUl {
    margin: 0px;
    padding: 0px;
}

ul.designUl li {
    margin: 0px;
    padding: 0px 4px 0px 0px;
    list-style: none;
    display: inline;
}

ul.designUl li.last {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
}

div#wBox2 {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 870px;
}

div.hr {
    float: left;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 870px;
  background: #000 url('/images/solidborder.jpg') no-repeat scroll center;
}

div.hr hr {
  display: none;
}

/*=====================
    LightBox 
=====================*/

#lbOverlay {
	LEFT: 0px; WIDTH: 100%; CURSOR: pointer; POSITION: absolute; BACKGROUND-COLOR: #000
}
#lbCenter {
	LEFT: 50%; OVERFLOW: hidden; POSITION: absolute; BACKGROUND-COLOR: #fff
}
#lbBottomContainer {
	LEFT: 50%; OVERFLOW: hidden; POSITION: absolute; BACKGROUND-COLOR: #fff
}
.lbLoading {
	BACKGROUND: url('/images/loader.gif') #fff no-repeat center 50%
}
#lbImage {
	BORDER-RIGHT: #fff 10px solid; BORDER-TOP: #fff 10px solid; BORDER-LEFT: #fff 10px solid; BORDER-BOTTOM: #fff 10px solid
}
.photos {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #fff 1px solid
}
A:hover .photos {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; BORDER-BOTTOM: #999 1px solid
}
.lightboxDesc A {
	COLOR: #999999; TEXT-DECORATION: none
}
.lightboxDesc A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#lbPrevLink {
	DISPLAY: block; WIDTH: 63px; HEIGHT: 32px; outline: none
}
#lbNextLink {
	DISPLAY: block; WIDTH: 63px; HEIGHT: 32px; outline: none
}
#lbPrevLink {
	BACKGROUND: url('/images/prevlabel.gif') no-repeat left 50%; FLOAT: left
}
#lbPrevLink:hover {
	BACKGROUND: url('/images/prevlabel.gif') no-repeat left 50%
}
#lbNextLink {
	BACKGROUND: url('/images/nextlabel.gif') no-repeat right 50%; FLOAT: right
}
#lbNextLink:hover {
	BACKGROUND: url('/images/nextlabel.gif') no-repeat right 50%
}
#lbControls {
	DISPLAY: block; HEIGHT: 32px
}
#lbBottom {
	BORDER-RIGHT: #fff 10px solid; BORDER-TOP: #fff 10px; FONT-SIZE: 10px; BORDER-LEFT: #fff 10px solid; COLOR: #666; LINE-HEIGHT: 1.4em; BORDER-BOTTOM: #fff 10px solid; FONT-FAMILY: Verdana, Helvetica, sans-serif; TEXT-ALIGN: left
}
#lbCloseLink {
	CLEAR: both; DISPLAY: block; BACKGROUND: url('/images/closelabel.gif') no-repeat center 50%; FLOAT: right; MARGIN: 0px; WIDTH: 66px; HEIGHT: 22px
}
#lbCaption {
	MARGIN-RIGHT: 71px
}
#lbNumber {
	MARGIN-RIGHT: 71px
}
#lbDescription {
	MARGIN-RIGHT: 71px
}
#lbCaption {
	FONT-WEIGHT: bold
}
.lightboxDesc {
	DISPLAY: none
}