/* dan psomas css*/

body{
	font-size: 13px;
	color: #333;
	background: #efefef;
	line-height: 1.3em;
	margin: 0;
}


ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

li{
	background: url('images/bullet_arrow.gif') no-repeat 0 .5em;
	padding-left: 18px;
	margin: 0.5em 0 0 4px;
}

#ie_center{
	text-align: center;
}
#master_container{
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 1.5em;
	width: 999px;
	margin:auto;
	text-align: left;
	display: inline-block
}


td{
	font-size: 12px;
}

#header{
	background: #efefef;
	height: 130px;
	border-bottom: 2px solid #bf3900;
}

#inner_container{
	margin: 0 8px;
	background: #fff;
	display: inline-block
}

#topnav{
	text-align: right;
	padding: 0 20px;
	line-height: 1em;
}

#topnav img{
	margin: 0 12px;
}

#sidenav{
	width: 180px;
	float: left;
	background: #fff;
	text-align: right;
	min-height:100px;
	height:auto !important;
	height:100px;

}


#footer{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #aaa;
	text-align: center;
	padding: 6px 0 14px 0;
	width: 980px;
	text-align: left;
}

#content{
	float: left;
	margin: 12px 10px 12px 20px;
	width: 770px;
	background: #fff;
}
#content_full{
	margin: 12px 10px 12px 20px;
	width: 956;
	background: #fff;
	min-height:375px;
	height:auto !important;
	height:375px;
}

#portfolio_window{
	width: 490px;
	height: 400px;
	overflow: hidden;
	border: 1px solid #999;
}


h2{
	font-family: georgia, 'times new roman', serif;
	font-size: 27px;
	color: #b9c9e3;
	font-variant: small-caps;
	font-weight: normal;
	border-bottom: 1px dashed #b9c9e3;
	width: 500px;
	line-height: 1em;
	margin: 0px 0 14px 0;
	padding: 22px 0 0 0;
}

h3{
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	font-weight: bold;
	line-height: 1em;
	margin: 0px 0 14px 16px;
	padding: 22px 0 0 0;
}



.portfolio_number_on{
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #666;
	float: left;
	background: #bf3900;
	color: #fff;
	font-weight: bold;
	margin: 2px 4px 8px 0;
	cursor: pointer;
	line-height: 1em;
}

.portfolio_number_off{
	font-family: arial, verdana, helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
	background: #eee;
	color: #666;
	font-weight: bold;
	margin: 2px 4px 8px 0;
	cursor: pointer;
	line-height: 1em;
}


.client_container{
	width: 200px;
	padding: 6px;
	float: left;
}


.sidebar{
	border: 1px solid #79adbd;
	background: #dae8ed;
	padding: 5px;
}

.subtitle{
	font-size: 15px;
	color: #5b78a8; 
}

.big_quote{
	font-size: 24px;
}

.portfolio_header{
	margin: 8px 0 12px 12px;
	font-family: georgia, 'times new roman', serif;
	font-size: 18px;
	color: #8764a1;
}

#sample_content{
	width: 460px;
	float: left;
	margin: 5px 12px;
	border: 1px solid #ccc;
	line-height: 1.5em;
}


#sample_explanation{
	width: 256px;
	margin: 5px 0;
	float: left;
	font-size: 11px;
	line-height: 1.5em;
}


#sample_explanation #explanation{
	margin: 0 8px;
	line-height: 1.5em;
}


.accordion_hdr{
	font-family: arial, helvetica, sans-serif;
	background: #8764a1;
	padding: 2px 5px;
	margin-top: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #8764a1;
	cursor: pointer;
	
	
	-webkit-border-top-right-radius: 3px; /* for Safari */
	-webkit-border-top-left-radius: 3px;
	
	-moz-border-radius-topleft: 3px; /* for Firefox */
	-moz-border-radius-topright: 3px;
	
	border-top-right-radius: 3px; /* CSS3 if and when*/
	border-top-left-radius: 3px;
}

.accordion_content{
	border: 1px solid #999;
	background: #f3f3f3;
	padding: 5px;
	height: 100px;
	overflow: auto;
	line-height: 1.5em;
}






/* NEW feature box*/



table.fb_container{
	position: absolute;
	z-index: 100;
}

table.fb_container td{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}
table.fb_container td.toplt{
	border: 1px solid #666;
	background: #79adbd;
}
table.fb_container td.rtside{
	background: url('images/fb_right_plain.png') top left no-repeat;
	width: 9px;
}

.fb_header{
	color: #fff;
	height: 22px;
	font-weight: bold;
	margin: 8px 0 0 12px;
}

.fb_content{
	padding: 12px;
	background: #fff;
	overflow: auto;
}

table.fb_container td.bottom{
	background: url('images/fb_bottom_plain.png') top left no-repeat;
	height: 10px;
}


table.fb_container td.botrt{
	background: url('images/fb_botrt_plain.png') top left no-repeat;
}


/* END new feature box*/




.dynamic_menu{
	background: #f3f3f3;
	border: 1px solid #ccc;
	padding: 0 14px 8px 14px;
}




.info{
	padding-left: 16px;
}

.info .header{
	color: #2c839e;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.highlight{
	color: #370d54;
	background: #efecf0;
	padding: 10px;
}

.intro{
	color: #bf3900;
	font-family: georgia, 'times new roman', serif;
	font-size: 22px;
	line-height: 1.5em !important;
	padding: 0;
	margin: 0;
}

.text{
	width: 500px;
	margin-left: 50px;
}

.narrow{
	width: 400px !important;
	margin-left: 0 !important;
}


.clear{
	clear: both;
}







a:link, a:visited{
	color: #31859e;
}
a:hover{
	color: #bf3900;
}


a.feature:link, a.feature:visited{
	background: url('images/feature_img.gif') no-repeat 0 4px;
	padding-left: 12px;
}

a.define:link, a.define:visited{
	background: url('images/feature_define.gif') no-repeat 0 4px;
	padding-left: 12px;
}

a.plain{
	background: none !important;
	text-decoration: none;
}