/* generated by danielwhitedesign.com */ 

html, body{ background: url("images/bg_words.png") repeat; margin:0; padding:0; text-align:center; font-family: tahoma; font-size:12px; color: #333; } 

img.headimg {
border: 0;
}

#leftcol{
 width:204px; /* minus padding = 239 */
 padding:5px 0 5px 5px;
 float:left; 
 position:relative; 
 /* background:#ffffff url(images/bg_fade.png) repeat-x; */
 min-height: 425px;
 }
 
#maincol{
	background-color: #fff;
	width:718px;
	padding:5px 5px 5px 10px;
	float: left;
	display:inline;
	position: relative;
	text-align:left;
	border-left: 2px solid #ccc;
	min-height: 425px;
 }

#maincol p {
	line-height: 1.5em;
 }
	
#maincol2{
 background-color: #fff;  
 width:718px; /* minus padding and border = 700 */
 padding:5px 5px 5px 10px;
 float: left; 
 display:inline; 
 position: relative; 
 text-align:left;
 min-height: 425px;
 }
 
#leftcol2{
 width:204px; /* minus padding = 239 */
 padding:5px 0 5px 5px;
 float:left; 
 position:relative; 
 border-right: 2px solid #ccc;
 /* background:#ffffff url(images/bg_fade.png) repeat-x; */
 min-height: 425px;
 }

.foliobox { background: #fff; height: auto; border: #ccc 1px solid; margin: 20px; width: 665px; }
.foliobox_web { background: #fff; height: 138px; border: #ccc 1px solid; margin: 20px; width: 665px; }
.foliobox_bc { background: #fff; height: 238px; border: #ccc 1px solid; margin: 20px; width: 665px; }
.foliobox_curr { background: #fff; height: auto; border: #ccc 1px solid; margin: 20px; width: 645px; padding: 0 10px;}
#maincol .foliobox p, #maincol .foliobox_web p, #maincol .foliobox_bc p, #maincol .foliobox_curr p, 
#maincol.folio p, .foliobox p, .foliobox_web p, .foliobox_bc p, .foliobox_curr p, .folio p { 
line-height: 14px; }
#maincol .foliobox_web p, .foliobox_web p {padding: 0px; margin: 20px 20px 5px ;}


#foliobox2 img {
	display: block; background: #efefd0; border-right: #777 1px solid; padding-right: 5px; border-top: #777 1px solid; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px; margin-top: 10px; margin-left: 15px; margin-right: 15px; border-left: #777 1px solid; padding-top: 5px; border-bottom: #777 1px solid
}
.folioimg { float: right; /* background: #fff; border: #777 1px solid; */ border-left: #ccc 1px dotted; padding: 12px; }
a img.folioimg { border:0; border-left: #ccc 1px dotted; }
a:hover img.folioimg { border:0; border-left: #727334 1px dotted; }
.folioimg_cards {
	float: left; background: #fff; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin: 20px; padding-top: 5px; 
}
.folioimg1 { float: left; background: #fff; border: none; padding: 0px; margin: 20px; }
.folioimg2 { float: right; background: #fff; border: none; padding: 0px; margin: 20px; }
.folioimg3 { float: left; background: #fff; border: none; padding: 0px; margin: 10px; }
.folioimg4 { float: right; background: #fff; border: none; padding: 0px; margin: 10px; }
.folioimg5 { float: left; background: #fff; border: none; padding: 0px; margin: 5px; }
.folioimg_icon { display:inline; border: none; padding: 0px; margin: 0px; }
.folio p, .foliobox p { padding: 0 10px; font-size: 10px; }

h1 {font-size: 22px; }
h2 {font-size: 18px; }
h3 {font-size: 16px; }
h4 {font-size: 12px; padding: 0px; margin: 20px 20px 5px ; color: #949554; }
h5 {font-size: 12px; }
h6 {font-size: 12px; padding: 0px; margin: 0px; color: #949554; }

h1 , h2 , h3 , h4 {font-family: Georgia, serif; color: #949554; }
h1 a , h2 a , h3 a , h4 a {color: #727334; text-decoration:underline; }
h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover {color: #727334; text-decoration:none; }

a {color: #949554; text-decoration:underline; }
a:hover {color: #727334; text-decoration:none; }

a.service_links { color: #949554; text-decoration:none; border-bottom: 1px dotted #cc0000; }
a.service_links:hover { color: #727334; text-decoration:none; border-bottom: 1px dotted #949554; }

a.hidden { color: #333; text-decoration:none; }
a.hidden:hover { color: #333; text-decoration:none; }

.red { color: #990000 }
.red a{ color: #990000; text-decoration: underline; }
.red a:hover{ color: #990000; text-decoration: none; }
a.red{ color: #990000; text-decoration: underline; }
a.red:hover{ color: #990000; text-decoration: none; }

.hoverinfo, .hoverinfo:link, .hoverinfo:hover {
	cursor: help; color: #727334; padding: 0 15px 0 0;
	background: url("images/icons/icon_mini_faq.gif") no-repeat 100% 0;
/*
	background: url("images/icons/16-comment-square-question.png") no-repeat 100% 0; 
	background: url("images/icons/comment.gif") no-repeat 100% 0; 
*/
}

#nav_div {float:right; padding: 25px 0 0 0;}

.displace { position: absolute; left: -5000px; }
.nav_sep { float:left; display: block; text-decoration: none; background: url("images/links.png"); width: 18px; height: 23px; background-position: -0px 0;}

a.nav_home { float: left; display: block; background: url("images/links.png") -18px -29px no-repeat; width: 63px; height: 23px; }
a.nav_home:hover { background: url(images/links.png) -18px -0px no-repeat;}
a.nav_home_on { float: left; display: block; background: url("images/links.png") -18px -58px no-repeat; width: 63px; height: 23px; }

a.nav_about { float: left; display: block; background: url("images/links.png") -87px -29px no-repeat; width: 64px; height: 23px; }
a.nav_about:hover { background: url(images/links.png) -87px -0px no-repeat;}
a.nav_about_on { float: left; display: block; background: url("images/links.png") -87px -58px no-repeat; width: 64px; height: 23px; }

a.nav_services { float: left; display: block; background: url("images/links.png") -155px -29px no-repeat; width: 81px; height: 23px; }
a.nav_services:hover { background: url(images/links.png) -155px -0px no-repeat;}
a.nav_services_on { float: left; display: block; background: url("images/links.png") -155px -58px no-repeat; width: 81px; height: 23px; }

a.nav_portfolio { float: left; display: block; background: url("images/links.png") -242px -29px no-repeat; width: 81px; height: 23px; }
a.nav_portfolio:hover { background: url(images/links.png) -242px -0px no-repeat;}
a.nav_portfolio_on { float: left; display: block; background: url("images/links.png") -242px -58px no-repeat; width: 81px; height: 23px; }

a.nav_contact { float: left; display: block; background: url("images/links.png") -329px -29px no-repeat; width: 82px; height: 23px; }
a.nav_contact:hover { background: url(images/links.png) -329px -0px no-repeat;}
a.nav_contact_on { float: left; display: block; background: url("images/links.png") -329px -58px no-repeat; width: 82px; height: 23px; }

.portfolio_headings {color: #949554; font-weight: bold; }

.sidebar ul { padding:0 0 0 0 ; margin:0 0 0 0 ; font-weight:bold;}
.sidebar ul li { margin-left: 5px; color: #333; line-height: 18px; display:block; }
.sidebar ul li a { color: #949554; text-decoration: none; }
.sidebar ul li a:hover { border-left: 5px solid #777; border-bottom: 1px solid #777; padding-left: 5px; color: #727334; text-decoration: none; }

#pagewidth{ 
 width:944px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:75px; 
 background-color:#fff; 
 border-bottom: 2px solid #949554;
 margin-bottom: 5px;
 width:100%;
} 
 
#header_left {
 width:400px;
 padding:15px 0 0 0 ;
 float:left;
 position:relative;
 background-color:#fff;
}

#header_right {
 width:475px;
/* padding:25px 0 0 0 ; */
 float:right;
 text-align:right;
 position:relative;
 background-color:#fff; }
 
#footer{
 height:50px;
 padding:5px;
 /* background: #fff; */
 margin-top: 5px;
 border-top: 2px dotted #ccc;
 clear:both;
 } 
 
#footer a { color: #999; text-decoration: none; } 
#footer a:hover { color: #727334; } 

#footer .small_footer { font-size: 9px; color: #cccccc;}
#footer .small_footer a { color: #999999;}
#footer .small_footer a:hover { color: #777777; text-decoration: underline;}

#footer_base{
 width:100%;
 text-align: center;
 padding:5px 0 0 0 ;
 float:left;
 position:relative;
 /* background: #fff; */
 font-size:12px;
 color: #999;
}

#footer_left {
 width:400px;
 padding:5px 0 0 0 ;
 float:left;
 position:relative;
 /* background: #fff; */
 font-size:12px;
 color: #999;
}

#footer_right {
 width:475px;
 padding:5px 0 0 0 ;
 float:right;
 text-align:right;
 position:relative;
 /* background: #fff; */
 font-size:12px;
 color: #ccc;
} 

#footer_right a {
 color: #999;
 font-weight: bold;
 text-decoration: none;
} 

#footer_left a:hover, #footer_left a.footer_link_on,
#footer_right a:hover, #footer_right a.footer_link_on {
 color: #727334;
} 

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clear {
	clear: both
}

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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:944px; float:none;}
}


legend { margin-top: 5px; font-weight: bold; font-size: 12px; color: #699; }
fieldset { font-size: 11px; margin-left: 25px; border-top-style: none; padding-top: 5px; border-right-style: none; border-left-style: none; border-bottom-style: none; }
label { clear: both; display: block; font-weight: bold; color: #333; padding-top: 5px; }
textarea {width: 300px; border: 1px solid #ccc; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 0px; padding-top: 2px; }
input { width: 300px; border: 1px solid #ccc; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 0px; padding-top: 2px; }
input.button { margin-top: 5px; width: auto; height: auto; color:#333; background-color:#fff; border:solid #ccc 1px; }
input:hover.button { border: 1px solid #949554; }
input:focus.button { border: 1px solid #e6e6e6; background: #e6e6e6; color:#fff; }
input.hidden { display: none; }
select { width: 306px; border: 1px solid #ccc; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 0px; padding-top: 2px; }
textarea:focus { border: 1px solid #949554; }
input:focus { border: 1px solid #949554; }
select:focus { border: 1px solid #949554; }

.required { font-size: 9px; color: #C00}
.form_error { font-size: 12px; color: #C00}

.italic{ font-style: italic; }
.bold{ font-weight: bold; }
.boldblue{ font-weight: bold; color: #949554;}
.redbold { font-weight: bold; font-size: 16px; color: #949554; }
.bluebold { font-weight: bold; color: #949554; }
.smallprint { font-size: 9px; }
.reduced { font-weight: bold; color: #C00}
.gone { text-decoration:line-through; } /* REMOVED TEXT */

.small_side { font-size: 11px; padding-right: 5px; line-height: 1.25em; }
/* .small_side a { color: #999999;}
.small_side a:hover { color: #777777; text-decoration: underline;} */

a.tag img { filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; }
a.tag:hover img { filter:alpha(opacity=99); -moz-opacity:0.99; opacity:0.99; -khtml-opacity:0.99; }

dl {
	padding-right: 20px; padding-left: 40px; padding-bottom: 0px; padding-top: 0px; font-family: Verdana, sans-serif
}
dt {
	font-weight: bold; font-size: 12px; margin: 10px 0px 0px; color: #949554
}
dt a, dt a:link, dt a:visited {
	font-weight: bold; font-size: 12px; color: #949554; text-decoration: none;
}
dt a:hover {
	text-decoration: underline;
}
DD {
	font-weight: normal; font-size: 12px; margin: 0px; color: #333
}

/* TOOLTIP CSS START */
#dhtmltooltip{ position: absolute; width: 150px; border: 1px dotted #777777; padding: 1px;
background-color: #e6e6e6; visibility: hidden; z-index: 100; font-size: 11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
/* TOOLTIP CSS END */

.todobox { background-color: #EFEFEF; border: 1px solid #ffffff; position: relative; margin-left: 20px; margin-bottom: 10px; width: 300px; }
.todobox .amount { background-color: #6ABC42; height: 15px; line-height: 15px; }
.todobox .amount span { position: absolute; left: 10px; width: 300px; color: #555555; padding-left: 10px; font-size: 10px; font-weight: bold; }

.todoboxsml { background-color: #EFEFEF; border: 1px solid #ffffff; position: relative; margin-left: 0px; margin-bottom: 0px; width: 148px; }
.todoboxsml .amount { background-color: #6ABC42; height: 15px; line-height: 15px; }
.todoboxsml .amount span { position: absolute; left: 5px; width: 100px; color: #555555; padding-left: 0px; font-size: 9px; font-weight: bold; }

img.portfolio_square {
display: block; float: left; background: #fff; border: #777 1px solid; padding: 5px;
margin: 10px 15px 10px 10px; }
a img.portfolio_square { border: #ccc 1px solid; }
a:hover img.portfolio_square { border: #949554 1px solid; }

img.portfolio_noborder, a img.portfolio_noborder, a:hover img.portfolio_noborder { border: 0; }

.blink {text-decoration: blink;}

.newsdate{
	font-weight: bold; margin: 10px 0px 0px 20px; color: #949554
}
.news {
	padding-left: 0px; font-weight: normal; margin: 0px 20px; color: #333; line-height: 1.5em
}
.news ul, .news ul li{
	margin: 10px 0px 0px 200px; 
	font-size: 10px;
}
.news a, .news a:visited{
	color: #949554; text-decoration: none; font-weight: bold; 
}
.news a:hover{
	color: #949554; text-decoration: underline; 
}
.news a.read, .news a.read:hover{
	color: #949554; text-decoration: underline; font-weight: bold; 
}
.morenews {
	text-align: right; padding-right: 0px; font-weight: normal; margin: 0px 20px; color: #333; line-height: 1.5em
}
.morenews a, .morenews a:visited{
	color: #333; text-decoration: none; font-weight: bold; 
}
.morenews a:hover{
	color: #333; text-decoration: underline; 
}
.morenews a.read, .morenews a.read:hover{
	color: #333; text-decoration: underline; font-weight: bold; 
}

img.greyborder, a img.greyborder { padding: 2px; border: 1px solid #CCCCCC;}
a:hover img.greyborder { padding: 2px; border: 1px solid #727334;}
img.blueborder, a img.blueborder { padding: 1px; border: 1px solid #727334;}
a:hover img.blueborder { padding: 1px; border: 1px solid #CCCCCC;}