/*---------------------------------------------------------*/
/*-- V0.1 - 090120 - LR -----------------------------------*/
/*---------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
a, abbr, cite, em, font, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
}

html { overflow: -moz-scrollbars-vertical; } 

ul, ol {
	list-style:disc;
	margin:10px 10px 10px 30px;
}

body {
	/* background:#ebebec;*/
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	/* font-size:12px; */
	color:#000;
}

a {
	color:#0066b8;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:underline;
}

a img{
	border:0 none;
}

table {
	border-collapse:collapse;
}

/*---------------------------------------------------------*/
/*-- Text Styles ------------------------------------------*/
/*---------------------------------------------------------*/

h1 {
	font-size:16px;
	font-weight:bold;
	color:#24A3D3;
	margin:6px 0 12px;
	padding:0;
}

h1.logo {
	background:#FFF url('../graphics/logo_bottom.png') no-repeat;
	width:184px;
	height:94px;
	overflow:hidden;
	text-indent:-99999px;
	margin:0px 0px 0px 87px;
	float:left;
	display:inline;
}

h1.max{
	background:#FFF url('../graphics/logo_bottom_max.png') no-repeat;
}

h1.logo a {
	width:184px;
	height:94px;
	display:block;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0 16px;
	padding:0;
}

h1.main_title{
	color:#2F56A6;
	font-size:17pt;
}

#left_column h2{
	color:#4e78bb;
}

h3 {
	font-size:12px;
	font-weight:bold;
	padding:12px 0 14px;
}

#right_column h3{
	color:#68c63a;
	font-size:18pt;
	padding:0px;
	font-family:Bliss, Arial, helvetica, sans-serif;
	text-align:center;
	margin-top:30px;
}

#right_column h3.contact{
	font-size:19pt;
	padding:0;
	margin:0 0 10px;
	color:#b3b3b4;
	text-transform:uppercase;
}

h4.contact{
	font-size:13pt;
	padding:12px 0 0;
	margin:0;
	color:#fff;
	text-transform:uppercase;	
}

#right_column span.white{
	color:#fff;
}

p {
	margin:0 0 12px;
}

blockquote{
	margin:0 auto 10px;
	background:#f8f8f8;
	/*border-left:1px solid #ccc;*/
	padding:5px;
	color:#666666;
	overflow:hidden;
}

blockquote strong{
	float:right;
	line-height:15pt;
}
/*---------------------------------------------------------*/
/*-- Error & Notification Styles --------------------------*/
/*---------------------------------------------------------*/

.success {
	background:#00FF33;
	color:#009900;
	border:2px solid #009900;
	padding:5px;
	font-weight:bold;
	margin:5px;
}

.error {
	background: #FF9933;
	color:#FF0000;
	border:2px solid #FF0000;
	padding:5px;
	font-weight: bold;
	margin: 5px;
}

.inline_error {
	color:#FF0000;
	font-weight:bold;
}

/*---------------------------------------------------------*/
/*-- Main Page Layout -------------------------------------*/
/*---------------------------------------------------------*/

#wrapper {
	width:988px;
	margin:10px auto;
	text-align:left;
	border:1px solid #cacaca;
	overflow:hidden;
}

#header{
	background:url(../graphics/nav_back.png) top left no-repeat;
}

.logo_top{
	width:184px;
	height:90px;
	background:#FFF url(../graphics/logo_top.png) no-repeat;
	margin:0px 0px 0px 87px;
	float:left;
}


#nav{
	float:right;
	margin-right:87px;
}

#top_banner{
	background:url(../graphics/top_banner_back.png) top left no-repeat;
	height:95px;/*185px;*/
	clear:both;
}

#top_banner.max{
	background:url(../graphics/top_banner_back_max.png) top left no-repeat;
	/*height:250px;*/
}

#top_banner.about{
	background:url(../graphics/top_banner_about.png) top left no-repeat;
}

#top_banner.services{
	background:url(../graphics/top_banner_services.png) top left no-repeat;
}

#top_banner.contact{
	background:url(../graphics/top_banner_contact.png) top left no-repeat;
}

h1.about{
	background:#FFF url(../graphics/logo_bottom_about.png) no-repeat;
}

h1.services{
	background:#FFF url(../graphics/logo_bottom_services.png) no-repeat;
}

h1.contact{
	background:#FFF url(../graphics/logo_bottom_contact.png) no-repeat;
}

#home_message{
	float:right;
	margin:0px 85px 0px 0px;
}

#column_wrap{
	background:#fff url(../graphics/main_back.png) top left no-repeat;
	overflow:hidden;
	padding-bottom:13px;
}

#column_wrap.about{
	background:#fff url(../graphics/main_back_about.png) top left no-repeat;
}

#column_wrap.services{
	background:#fff url(../graphics/main_back_services.png) top left no-repeat;
}

#column_wrap.contact{
	background:#fff url(../graphics/main_back_contact.png) top left no-repeat;
}

#left_column{
	float:left;
	width:522px; /*650*/
	padding:20px 0px 0px 88px;
}

#left_column.reverse{
	float:right;
	width:544px;
	padding:20px 88px 0px 0px;
}

#left_column li{
	margin-bottom:5px;
}

#left_column_nav{ /*for the new page layout, swap columns*/
	float:left;
	width:212px; /*300*/
	padding:20px 0px 0px 88px;
}

#col_2_wrap{
	padding:10px 10px 0;
	border:1px solid #eee;
	overflow:hidden;
}
.text{
	/*border:1px solid #eeeeee;02/02/2024*/
	padding:10px;
	overflow:hidden;
}

.text_2_column{
	/*border:1px solid #eeeeee;*/
	padding:0px 10px 0 0;
	margin:0px 10px 15px 0;
	float:left;
	width:240px;
}

.text_2_column h2{
	margin-top:10px;
}

#right_column{
	float:right;
	width:272px; /*360*/
	padding:20px 88px 0px 0px;
}

#right_column.reverse{
	float:left;
	padding:0px;
	padding-bottom:5000px;
	margin-bottom:-5000px;
	overflow:hidden;
	background:url(../graphics/left_nav_mid.png) top left repeat-y;
}

#right_column_main{ /*for the new page layout, swap columns*/
	float:right;
	width:592px; /*610*/
	padding:20px 88px 0px 0px;
}

#right_box{
	background:url(../graphics/right_box_back.png) top left no-repeat;
	height:189px;/*229*/
	width:214px;/*274*/
	padding:20px 30px;
	text-align:center;
	color:#FFF;
}

#right_box li{
	color:#fff;
	line-height:17pt;
	font-weight:bold;
	font-size:11pt;
}

/*.right_box_btn{
	margin-right:5px;
}*/

/* left column TEMP ---------------------------------------*/

#left_box{
	width:214px;/*274*/
	padding:20px 30px;
}

#left_box li{
	color:#fff;
	line-height:17pt;
	font-weight:bold;
	font-size:11pt;
}

/*---------------------------------------------------------*/
/*-- NAV --------------------------------------------------*/
/*---------------------------------------------------------*/

#nav ul{
	margin: 0;
	height: 90px;
	list-style: none;
	display: inline;
	overflow: hidden;
	clear:both;
	float:left;
}

#nav li{
	list-style: none;
	display: inline;
}

#nav a{
	/*float: left;*/
	padding: 90px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:87px; /* for IE5/Win only */
}
	
#nav a:hover{
	background-position: 0 -90px;
}

#nav a.current{
	background-position: 0 -180px;
}

#home a{
	width: 91px;
	background: url(../graphics/nav_home.png) top left no-repeat;
}

#about_us a{
	width: 90px;
	background: url(../graphics/nav_about_us.png) top left no-repeat;
}

#services a{
	width: 90px;
	background: url(../graphics/nav_services.png) top left no-repeat;
}

#people a{
	width: 90px;
	background: url(../graphics/nav_people.png) top left no-repeat;
}

#clients a{
	width: 90px;
	background: url(../graphics/nav_clients.png) top left no-repeat;
}

#contact a{
	width: 90px;
	background: url(../graphics/nav_contact.png) top left no-repeat;
}

/*---------------------------------------------------------*/
/*-- Right Nav ---------------------------------------------*/
/*---------------------------------------------------------*/

/*#left_nav_top{           commented out as we are having it on the right now
	width:200px;
	height:6px;
	background:url(../graphics/left_box_top.png) top left no-repeat;
}

#left_nav_middle{
	width:200px;
	padding:15px 0;
	background:url(../graphics/left_box_mid.png) top left repeat-y;
}

#left_nav_bottom{
	width:200px;
	height:6px;
	background:url(../graphics/left_box_bottom.png) top left no-repeat;
}*/
#right_nav li{
	list-style:none;
}
#right_nav a{
	display:block;
	width:196px;/*211*/
	height:29px;
	padding:0 0 0 15px;
	line-height:29px;
	margin:0 0 10px 0px;
	background:url(../graphics/right_nav_button_grey.png) top left no-repeat;
	color:#fff;
	font-size:10pt;
	font-weight:bold;
}

#right_nav a.active{
	background:url(../graphics/right_nav_button_grey_active.png) top left no-repeat;
}

#right_nav{
	margin:0px;
}



/*---------------------------------------------------------*/
/*-- Footer Styles ----------------------------------------*/
/*---------------------------------------------------------*/

#footer {
	width:889px;/*989*/
	padding-left:100px;
	margin:0 auto;
	background:url(../graphics/footer_back.png) top left no-repeat;
	height:61px;
	color:#fff;
	overflow:hidden;
}

#footer_left {
	width:689px;
	float:left;
	text-align:left;
}

#footer a {
	color:#b4b3b4;
	text-decoration:none;
}

#footer p{
	font-size:9pt;
	margin:17px 0 5px;
}

#footer ul{
	margin:0px;
}

#footer li {
	color:#b4b3b4;
	float:left;
	display:block;
	padding:2px;
	font-size:9pt;
}

#footer li a{
	float:left;
	display:block;
	padding:0 5px 0 0;
}

#footer_right{
	width:300px;
	float:left;
	text-align:right;
}


/*---------------------------------------------------------*/
/*-- CSS Clearfix -----------------------------------------*/
/*---------------------------------------------------------*/

.clearfix:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}

.clearfix {
    display:inline-block;
}

html[xmlns] .clearfix {
    display:block;
}

* html .clearfix {
    height:1%;
}