body{
	background:black url(../images/main_bg.gif) top left repeat-x;
	color:white;
	padding:0px 0 0 0;
}

#masthead{
height:72px;
}
#masthead h1{
	margin:0;padding:0;
}
	ul#navigation{
		float:right;
		width:auto;
		font-size:14px;
		margin:39px 0 0 0;
		padding:0;
	}
	 ul#navigation li{
		float:left;
		width:auto;
		margin:0 3px 0 19px;
		color:white;
		padding:0 0 18px 0;
		}
		ul#navigation li a:link, ul#navigation li a:visited{
			color:white;
			text-decoration:none;
			}
			ul#navigation li a:hover, ul#navigation li a:active{
				color:white;
				text-decoration:underline;
				}
				body#home li.selected, body#about li.selected, body#services_pg li.selected,body#contact li.selected,body#work li.selected{
					background:transparent url(../images/current_state.gif) bottom center no-repeat;
					}
#wrapper{
	width:810px;
	margin:0 auto;
	position:relative;
	background-color:transparent;
	font-size:1.2em;
}
#contentWrapper{
	width:inherit;
	color:black;
	/*background:white url(../images/flame_bg.gif) 35px 38px no-repeat;*/
	background-color:white;
	}
#infoContent{
	background-color:transparent;
	width:790px;
	color:black;
	float:left;
	padding:10px;
}
a#logo{
	background:transparent url(../images/logo.gif) top left no-repeat;
	height:72px;
	width:189px;
	text-indent:-999em;
	display:block;
	position:absolute;
	top:0;
	left:2px;/*27*/
	}
#leftMsg{
	float:left;
	width:240px;
	/*background:transparent url(../images/flame_bg.gif) bottom center no-repeat;*/
}
#leftMsg p{
	background:transparent url(../images/cf_msg.gif) 15px 12px no-repeat;
	height:159px;
	width:auto;
	text-indent:-999em;
}
#featuredWork{
	float:right;
	width:530px;/*523*/
	padding:0 0px 0 0;
	position:relative;
	}
	#featuredWork p{
		background:white url(../images/fw_star.gif) left center no-repeat;
		padding:0 0 0 15px;
		margin:0 0 5px 0;
		color: #8D8E8E;
		}
		#featuredWork div#fwork{
			height:149px;
			overflow:hidden;
			}
#services{
	width:auto;
	height:161px;
	clear:both;
	padding:20px 0px 0 0px;
	color: #61340F;
	background:transparent url(../images/services_bg.gif) top left repeat-x;
}
div.services_details{
	float:left;
	width:238px;
	padding:3px 15px 10px 15px;
	height:108px;
	border-right: 1px solid #c1681f;
	line-height:1.4em;
	position:relative;
}
div.services_details ul{
	margin-bottom:15px;
	}
div.services_details ul li{
	margin-bottom:0;
	}
div.noborder{
	border:none;
}
a.more_services_btn{
	background:transparent url(../images/more_services_btn.gif) top left no-repeat;
	width:106px;
	height:23px;
	text-indent:-999em;
	display:block;
	margin-top:12px;
}
a.get_started_btn{
	background:transparent url(../images/lets_get_started.gif) top left no-repeat;
	width:106px;
	height:23px;
	text-indent:-999em;
	display:block;
	position:absolute;
	top:85px;
	right:13px;
}
a.more_about_btn{
	background:transparent url(../images/more_about_us_btn.gif) top left no-repeat;
	width:145px;
	height:25px;
	text-indent:-999em;
	display:block;
}
a#view_more_work{
	background:transparent url(../images/more_of_work_btn_new.gif) top left no-repeat;
	width:107px;
	height:21px;
	text-indent:-999em;
	display:block;
	position:absolute;
	right:9px;
	top:153px;
	z-index:10;
	}
/*a#view_more_work{
	background:transparent url(../images/more_of_work_btn.gif) top left no-repeat;
	width:167px;
	height:25px;
	text-indent:-999em;
	display:block;
	position:absolute;
	top:118px;
	left:10px;
	z-index:10;
	}*/
h3.webservices{
	background:transparent url(../images/web_services_txt.gif) top left no-repeat;
	width:107px;
	text-indent:-999em;
	height:42px;
	position:absolute;
	top:80px;
	right:10px;
	margin:0;
	padding:0;
}
img.services_icons{
	float:right;
	width:73px;
	padding:0 0 5px 5px;
}
img.contact_icons{
	float:right;
	width:73px;
	margin:0 83px 0 0;
}
h3.printservices{
	background:transparent url(../images/print_services_txt.gif) top left no-repeat;
	width:98px;
	text-indent:-999em;
	height:40px;
	position:absolute;
	top:80px;
	right:10px;
	margin:0;
	padding:0;
}
h3.otherservices{
	background:transparent url(../images/other_services_txt.gif) top left no-repeat;
	width:99px;
	text-indent:-999em;
	height:41px;
	position:absolute;
top:80px;
	right:10px;
	margin:0;
	padding:0;
}
#mainContent{
	padding:15px 0 15px 0;
	width:810px;
	color: #4F4F4F;
	float:left;
	line-height:1.6em;
	background-color:white;
}
#leftContent{
	float:left;
	width:500px;
	padding:15px 15px 0 15px;
}
#rightContent{
	float:right;
	width:240px;
	padding:15px 15px 0 15px;
	border-left: 1px solid #ccc;
}
body#services_pg div#leftContent{
	float:left;
	width:370px;
	padding:15px 15px 0 15px;
}
body#services_pg div#leftContent p, body#services_pg div#rightContent p{
	border-bottom:solid #ccc 1px;
	padding-bottom:10px;
}
body#services_pg div#rightContent{
	float:right;
	width:370px;
	padding:15px 15px 0 15px;
	border-left: 1px solid #ccc;
	}
	body#services_pg h3, body#about h2, body#contact h2, body#work h2{
		color:#FF9036;
	}
	body#services_pg h3{
		font-size:16px;
	}	
#footer{
	/*background:transparent url(../images/footer_bg.gif) top left repeat-x;*/
	padding-top:5px;
	width:810px;
	clear:both;
	font-size:0.9em;
	color: #3D3D3D;
	text-align:right;
}
#footer p a:link, #footer p a:visited{
	color: #3D3D3D;
	text-decoration:underline;
}
#footer p a:hover, #footer p a:active{
	text-decoration:none;
}
img.team_member_picture{
	float:left;
	width:65px;
	padding:0 15px 0 0;
}
div.team_info{
	/*border-bottom:solid #87CEEB 1px;*/
	padding:0px 0 20px 0;
}






/*Conditionals*/
body#home #mainContent{
	padding:0 0 30px 0;
	}
	body#home #leftContent, body#home #rightContent{
		padding-top:0;
	}
#mainContent h2.sub_headline{
	/*background:transparent url(../images/sub_headline_bg.gif) bottom left repeat-x;*/
	height:18px;
	padding:0px 17px 13px 17px;
	color: #00303C;
	font-size:2.1em;
	margin:0 0 0px 0;
	border-bottom:solid #ccc 1px;
}

body#work div#leftContent{
	width:780px;
	padding:0 15px;
	float:left;
	margin:0;
	}
/*
ul#work_nav{
	margin:0 px 0px 0;
	padding:0 4px 0 0;
	float:right;
	}
	ul#work_nav li{
		float:right;
		width:auto;
			padding:7px 7px;
		}
		ul#work_nav li a:link, ul#work_nav li a:visited{
			font-size:1.1em;
			text-decoration:none;
			font-weight:bold;
			background-color: #FFCC66;
			color: #825800;
			padding:7px 7px;
			}
			ul#work_nav li a:hover, ul#work_nav li a:active{
			font-size:1.1em;
			text-decoration:none;
			font-weight:bold;
			background-color: #00B6E4;
			padding:5px 7px;
			color:white;
			}
*/
ul#work_nav{
	margin-top:15px;
	position:absolute;
	top:65px;
	right:0;
	}
	ul#work_nav li{
		float:left;
		margin:9px 10px 0 0;
		font-size:1.2em;
		font-weight:bold;
		}
		ul#work_nav li a{
			/*background:white url(../images/web_work_btn.gif) top left no-repeat;*/
			margin:0;
			text-decoration:none;
			    color: #F88C35;
			/*	display:block;*/
			/*text-indent:-999em;*/
			}
			ul#work_nav li a#hover{
				cursor:pointer;
				/*background:white url(../images/web_work_over_btn.gif) top left no-repeat;*/
					text-decoration:underline;
					    color: #CCC;
				}

				
div#workwrapper{
}		
body#privacypolicy div#leftContent{
	width:780px	
}		
div#webwork, div#printwork{
clear:both;
padding:15px 10px 0 10px;
margin:0;
}

div.work_box{
	float:right;
	width:347px;
	margin:0 0 20px 0;
}
p.work_box_p{

	float:right;
	width:auto;
}

div.work_box p a, div.work_box_first p a{
border:none;
display:inline;
}
div.work_box_first{
	float:left;
	width:347px;
	display:block;
	margin:0 10px 20px 0;
	clear:both;
}

div.work_box img, div.work_box_first img{
border:solid #ccc 3px;
display:block;
margin:0 0 5px 0;
}

a.gofancy img.colorover{
border: 3px solid #898989;
}






/* Fancy box*/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../images/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../images/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(../images/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(../images/fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(../images/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(../images/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../images/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../images/fancy/fancy_shadow_nw.png) no-repeat;
}
















/*------------------------------- Tabs ---------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font-size:1em;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
	 padding:0 0 18px 0;
    min-width: 0; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 5px;
    background: url(tab.png) no-repeat;
	 font-size:1.1em;
	  color: red;/*#8D8E8E*/
}
.ui-tabs-nav a{
    margin: 0 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: red;/*#8D8E8E*/
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
    border-bottom: 1px solid #00CAFD;
	 border-top: 1px solid #00CAFD;
color:red;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
	 cursor:pointer;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    /*border-top: 1px solid #97a5b0;*/
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}














/*////////////////// Form Styles /////////////////////////*/
label{
	margin:10px 0px 3px 0;
	display:block;
	font-size:14px;
	font-weight:bold;
	color: #00303C;
	}
	input.fields, select.fields{
		font-size:1em;
		margin:3px 0 0 0px;
		padding: 0 0 0 3px;
		font-weight:bold;
		color: #585858;
		background-color: white;/*#FEC500,lightblue*/
		border:solid #ccc 1px;
		}
		textarea{
			font-size:1em;
			margin:5px 0 0 0px;
			padding: 0 0 0 3px;
			background-color:white;
			width:360px;
			height:80px;
			font-family:arial;
			border:solid #ccc 1px;
			}
			input.button{
				font-size:14px;
				font-weight:bold;
				}
				fieldset{
					margin:0 0 0px 0;
					padding:0 15px 15px 0px;
					border:none;
					}
					legend{
						font-size:20px;
						color:#FEC500;
						padding:0;
						margin:0;
						border:solid red 1px;
						}						 
						acronym.formhelp{
  							background-color: #0076C1;/*#A0522D*/
							color:white;
							padding:1px 3px 1px 3px;
							margin:0 0 0 5px;
							text-decoration:none;
							font-size:0.9em;
  							}
							div#divform{
									padding:3px 12px 23px 0px;
									background-color: white;
									margin:0;
									border-top:solid #CCC 1px;
									}