﻿*{margin:0;padding:0}:focus,:active {outline:0}img{border: 0}

html, body  {
	background: #FFFFFF url('../images/generic/site_bg.gif') repeat-x;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	height: 100%;
}

html {
	overflow-y: scroll; /* ie8 centre layout scroll hack*/
	
}

a img { 
    border:0; 
}

a {
	text-decoration: underline;
	cursor: pointer;
	color: #000000;
}

a:hover { 
    text-decoration: none; 
}

h1 {
    font-size: 28px; 
    font-weight: normal; 
}

h1 a { 
    color: #fff; 
    font-size: 28px; 
}

h2 {
	font-size: 28px;
	line-height: 34px;
	color: #6D6D6D;
	font-weight: normal;
}

h3 { 
    font-size: 14px; 
}

h4 { 
    margin: 0 0 15px; 
    color: #555; 
    font-weight: normal; 
    font-size: 12px; 
    font-weight: normal; 
}

p {
	line-height: 150%;
	margin-bottom: 10px;
}

.first {
	line-height: 150%;
	margin-bottom: -5px;
}

/* Layout */

#container { 
   width: 970px; 
   padding:0;
   margin-left : auto;
   margin-right : auto;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -100px;
}

#containerIndex { 
   width: 980px; 
   padding:0;
   margin-left : auto;
   margin-right : auto;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -100px;
}


#header{
	background-image: url('../images/generic/header_bg.gif');
	background-repeat: no-repeat;
	background-position: top left;
	height:163px
}

#logo {
	width: 473px;
	height: 88px;
	position: absolute;
	margin-left:218px;
	margin-top:60px;
}

#logo h1 { 
    display: none 
}

#address {
	position: absolute;
	margin-left: 760px;
	margin-top: 110px;
	font-size:15px
}

#address a {
    text-decoration: none;
	color: #FFFFFF;

}
#address a:hover {
	text-decoration: none;
	color: #000000;
}




/* Columns */

#leftColumn, #rightColumn {
	float: left;
}	

#leftColumn{
	width: 242px;
}	

#rightColumn {
	width: 728px;
}

#rightColumnIndex {
	width: 735px;
}	

#leftColumn  a:hover, #rightColumn  a:hover{
	color: #999999
}	
 
#leftColumn  h4 #rightColumn  h4, {
	font-family: "Trebuchet MS","Lucida Sans",  sans-serif;
	color: #000000;
	font-weight:normal;
	font-size:22px;
	padding-left: 60px;
	padding-top: 20px;
	height: 35px	
}

/* Left Column */

#menuInfoContainer{
	width: 242px;
	height: 170px;
	float: left;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #FFFFFF;
}

.menuInfo, .MenuInfoDefault{
    width: 242px; 
    position: absolute; 
    height: 170px; 
    z-index: 1;  
    margin-top: 0px; 
    margin-left: 0px; 
}

.menuInfo{
    visibility: hidden;	
}

.menuPic{

	position: absolute;
	width: 242px;
	height: 37px;
	margin: 0px;
	padding: 0px;
	background-color:#F9C705
}

.menuText{

	position: absolute;
	width: 222px;
	height: 135px;
	margin-top: 37px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	line-height: 130%;
}

.menuText h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFDE00;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
}

/* Menu Navigation */


#nav, #nav ul { /* all lists */
    position:relative;
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width: 190px;
	z-index:1000;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.75em;
	margin-bottom : -1px;
	width: 190px;
}
	
#nav li ul {
	/* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 242px;
	margin-top : -2.28em;
	width: 242px;
	background-color: #CC9900;		
}
	
#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}
	
#nav li a {
	width: 232px;
	w\idth : 226px;
	display : block;
	color: #000000;
	text-decoration: none;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: normal;
	font-size: 12px;
	background-image: url('../../images/generic/left/lh_menu_item_bg.gif');
	background-repeat: repeat-y;
	padding-left: 10px;
	background-color: #FFDE00;
}

#nav li a:after{
    content: '  ››'; 
}
	
#nav li a:hover {
	background-image: url('../../images/generic/left/lh_menu_item_bg_on.gif');
	background-repeat: no-repeat;
	background-position: top;
	color : white;
	background-color: #FF3300;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li a#current {
	color : white;
	font-weight:bold;
    background-color: #FF3300
}


#leftClients{
	width: 222px;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color:#EFEFEF
}

/* Right Column */

#rightContentFooter  {
    float:right;
	width:700px;
	padding-bottom: 20px;

}

#rightContent {
    float:right;
	width:700px;
	padding-bottom: 20px;

}


#rightContentFooter a  {
	text-decoration: none;
	color: #6D6D6D;
	font-weight: bold;
}

#rightContentFooter a:after{
    content: '  ››'; 
}


#rightContent  h2, #rightContent  h2 a {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 30px;
	text-decoration: none
}

/* Thumbnails */  

#thumbnailContainer{
    float:right;
    margin-top:10px;
	width:700px;
    margin-bottom:20px
}

.thumbnailPod{
    float:left;
    width:85px;
    height:162px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 4px;

}	
	
.thumbnailPod img{
	border-width: 2px;
	border-color: #FF0000;
	border-style: solid;
}

.thumbnailPod a{

}

.thumbnailPod a:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.6;
}

/* Main Content */

.rule {
	clear: both;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px 0;
}

.imageRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;	
}
/* Footer */

.footer, .push { 
    height: 100px; 
} 

.footer-container { 
   width:945px; 
   margin:0 auto; 
   padding:10px 0;
}

.footer p {
   text-align: center;
   font: normal 11px Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

.footer a {
   color: #FFFFFF;
   text-decoration: none;
}

.footer {
	padding: 0;
	margin: 0 auto;
	background-color: #9ACDF5;
}

/* Misc Styles */



.tinyText {
	font-size:11px
}

.blue {
	color: #1465B6;
}

.red{
	color: #F90D0D;
}
.grey {
	color: #666666;
}

.clear { 
   clear: both; 
}

.bulletList {
	list-style-type:square;
	margin-left:30px;
	padding-bottom:11px
}

/* Contact Form */

ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	height:16px;
	background-color:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin: 16px 0 0 0;
	border: #000000 solid 2px;
}

