/* css for Clarihon Web Services */
@import url(reset.css);
a {
  cursor: pointer;  
}

body {
 background: #b2b2b2 url(images/background.png) repeat-x 0 0;
 color: #333;
 font: 62.5%/1.5em Verdana, Arial, "Trebuchet MS", sans-serif; 
 width: 99.9%;
}
img { border: none; }
#outrap {
	margin: 5px auto 0px;
	width: 1008px;
}
#navrap {
 position: relative;	
}
#headwrapper {
	text-align: left;
	margin: 0px auto;
	width: 1008px;
	background: url(images/bg-shadow_head.png) no-repeat -3px 0;
}
* html #headwrapper {
	background: none;
}
#headconTent {
	text-align: left;
	margin: 0px auto;
	width: 990px;
	height: 197px;
	background: url(images/header_v2.jpg) no-repeat 0 0;
	border-right:1px solid #636363;
}
* html #headconTent {
	border-left:1px solid #636363;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 1008px;
	background: url(images/bg-shadow_col.png) repeat-y  -4px 0; 
}
* html #wrapper {
	background: none;
}
#conTent {
	text-align: left;
	margin: 0px auto;
	width: 990px;
	background: url(images/bg_col.jpg) repeat-y 0 0;
	border-right:1px solid #636363;
}
* html #conTent {
	border-left:1px solid #636363;
}
#footwrapper {
	text-align: left;
	margin: 0px auto 10px;
	height: 113px;
	padding-bottom: 9px;
	width: 1008px;
	background: url(images/bg-shadow_foot.png) no-repeat -2px -5px;
}
* html #footwrapper {
	background: none;
}
#footconTent {
	text-align: left;
	margin: 0px auto;
	width: 990px;
	height: 113px;
	background: url(images/bg_foot.jpg) no-repeat 0 0;
	border-right:1px solid #636363;
}
* html #footconTent {
	border-left:1px solid #636363;
}
#header {
}
#main {
  padding-top: 4px;	
}
#left {
	float: left;
	width: 655px;
}
* html #left {
	
}

#right {
	float: right;
	width: 300px;
	color: #fff;
	margin-right: 15px;
}
* html #right {
	width: 295px;
	margin-right: 10px;
}
#right a {
 color: #fff;
 text-decoration: underline;
}
#right a:hover {
 color: #bbb;	
}
#subfooter {
	clear: both;
	position: relative !important;
	height: 95px;
}
#footnav {
	float: left;
	padding: 70px 0 0 10px;
	width: 500px;
	color: #fff;
	font-size: 0.8em;
	line-height: 2em;
}
#footnav a {
 color: #fff;
 text-decoration: none;	
}
#footnav a:hover {
 color: #fff;
 text-decoration: underline;	
}
#footnav p {
	margin-bottom:0.5em;
}
#elnk {
	float: right;
	padding: 0 10px 0 0;
	width: 305px;
	color: #fff;
	font-size: 0.8em;
	line-height: 2em;
}
#elnk a {
 color: #fff;
 text-decoration: underline;
}
#elnk a:hover {
 color: #fff;	
 text-decoration: none;	
}

#footer p {
	clear: both;
	color: #ccc;
	font-size: 10px;
	margin: 0 0 0 13px;
}


/* text info  ******************************************************* */
/* h1 {
 font-size: 1.1em;
 font-weight: bold;
 width: 590px;
 padding: 10px 20px 0;
} */
h1 {
 font: bold 2.5em/1.2em "Trebuchet MS", Verdana, Arial,  sans-serif; 
 margin-bottom: 0.5em;
 padding: 10px 0;
}
h1.ghost {
 text-indent: -5000px;
 overflow: hidden;
 padding-top: 0;
}
h1 a {
 color: #3f3f3f;
 text-decoration: none;	
 margin-right: 3px;
}
h1 a:hover {
 color: #d8271e;
 text-decoration: none;	
}
h1 a.crumb {
 padding-left: 23px;
 background: url(images/arrow_blk.png) no-repeat center left;
}
* html h1 a.crumb {
 padding-left: 23px;
 background: url(images/arrow_blk.gif) no-repeat center left;
}

h2 {
 font: bold 2.0em/1.2em "Trebuchet MS", Verdana, Arial,  sans-serif; 
 margin-bottom: 0.75em;	
}
h3 {
 font-size: 1.6em;
 margin-bottom: 0.75em;	
}
p {
 font-size: 1.1em;
 margin: 0 0 1.0em;	
}

/* SERVICES ******************************************************* */
#right h2 {
 font-size: 2.6em;	
 letter-spacing: 0.1em; 
 margin-bottom: 0.25em;	
}
#right h3 {
 font: 2.0em/1.2em "Trebuchet MS", Verdana, Arial,  sans-serif;
 margin-bottom: 0.5em;	
}
#right h4 {
 font: 1.5em/1em "Trebuchet MS", Verdana, Arial,  sans-serif;
 margin-bottom: 0.5em;
 font-weight: bold;
}
#right p {
 font-size: 1.1em;	
}
#right ul {
 font-size: 1.2em;	
}
/* end services  ******************************************************* */

a.projecturl {
 color: #8f0000;
 text-decoration: underline;	
}
a.projecturl:hover {
 color: #000;
 text-decoration: underline;	
}
img.projectimg {
 margin: 0 0 0.5em 1em;	
}
/* large white/gray box  ******************************************************* */
.bigbox {
  width: 645px;
  background: url(images/bx_bigtile.jpg) repeat-y 0 0;
  margin-left: 7px;
}

.bigbox_in {
  background: url(images/bx_bigbot.jpg) no-repeat 0 100%;
}
.bigbox_up {
 background: url(images/bx_bigtop.jpg) no-repeat 0 0;
}
* html .bigbox_up {
 	height: 393px;	
}
.info_out { 
 background: url(images/man_world.jpg) no-repeat 325px 85px;
}
.bread {
 height: 23px; 
 float: left;	
}
.info {
 width: 300px;
 margin: 10px 20px 0; 
 padding-right: 310px;
 float: left;
}
* html .info { 
	width: 300px;
 	margin: 10px 0 0px 10px; 
 	
 }
 .no-mar {
 margin: 0;	 
 }
.info2 {
 width: 610px;
 margin: 0px 20px 15px;
 float: left;
}
* html .info2 {
 margin-right: 0;	
}
.info2-sub {
 font-size: 1.1em;
 width: 300px;
 float: left;
}
.info2-sub ul {
 width: 270px;
 margin: 10px 0px 10px 10px;	
}
.info2-sub ul li {
 margin-bottom: 0.6em;
}
* html .info2-sub ul li {
 height: 14px;
}
ul.dotlist {
 list-style: disc;
 padding-left: 20px;	
}
ul.rightlist {
 list-style: none;
 text-align: right;	
}
ul.rightlist a {
 color: #3f3f3f;
 text-decoration: none;	
 padding-right: 28px;
 height: 12px;
 background: url(images/arrow_blk.png) no-repeat center right;
}
* html ul.rightlist a {
 background: url(images/arrow_blk.gif) no-repeat center right;
}
ul.rightlist a:hover {
 color: #d8271e;
 text-decoration: none;	
}

.twobox {
  width: 645px;
  background: url(images/bx_2tile.jpg) repeat-y 0 0;
  margin-left: 7px;
 min-height: 452px;
}
* html .twobox {
  width: 640px;
}
.twobox_in {
  background: url(images/bx_2bot.jpg) no-repeat 0 100%;
 min-height: 452px;
}
.twobox_up {
  background: url(images/bx_2top.jpg) no-repeat 0 0;
 min-height: 452px;
}
* html .twobox_up {
 height: 452px;
  padding-bottom: 20px;	
}
*:first-child+html .twobox_up {
  padding-bottom: 20px;	
}
.bx2-l {
 width: 276px;
 float: left;
 margin: 20px; 	
}
* html .bx2-l {
 margin: 20px 0px 20px 10px;
}
.bx2-l ul li {
 list-style: none;
 font-size: 1.3em;
 line-height: 1.8em;	
}

.bx2-r {
 width: 276px;
 float: right;
 margin: 20px 22px 20px 18px; 	
}
* html .bx2-r {
 margin: 20px 8px 20px 0px;
}


/* special 'testimonial' class  ******************************************************* */
dl.testimonial {
 font-size: 1.1em;
 line-height: 1.3em;
 padding-bottom: 2.0em;	
}
dl.testimonial dt {
 font-style: italic;
 margin-bottom: 0.75em;	
}
dl.testimonial dd {
 margin-bottom: 0.75em;	
}
dl.testimonial dd.details span {
 float: right;
 font-size: 1.2em;	
}
dl.testimonial dd.details span.dot{
 float: left;
 width: 53%;
 height: 14px;
 background: url(images/dots.png) repeat-x 0 79% !important;
}
* html dl.testimonial dd.details span.dot{
 background: url(images/dots.gif) repeat-x 0 91% !important;
}
dl.testimonial dd.details br {
 clear: both;	
}

dl.testimonial dd.details a {
 color: #3f3f3f;
 text-decoration: none;	
 padding-right: 28px;
 height: 12px;
 background: url(images/arrow_blk.png) no-repeat center right;
}
* html dl.testimonial dd.details a {
 background: url(images/arrow_blk.gif) no-repeat center right;
}
dl.testimonial dd.details a:hover {
 color: #d8271e;
 text-decoration: none;	
}

/* SERVICES read more  ******************************************************* */

p.readmore span.dots {
 float: left;
 width: 61%;
 height: 14px;
 background: url(images/dots-w.png) repeat-x 0 79% !important;
}
* html p.readmore span.dots {
 background: url(images/dots-w.gif) repeat-x 0 91% !important;
}
p.readmore  br {
 clear: both;	
}

p.readmore span  a {
 color: #fff;
 text-decoration: none;	
 padding-right: 28px;
 margin-left: 3px;
 height: 12px;
 background: url(images/arrow_wht.png) no-repeat center right;
}
* html p.readmore span  a {
 background: url(images/arrow_wht.gif) no-repeat center right;
}
p.readmore span  a:hover {
 color: #fff; /* #e80000; */
 text-decoration: underline; /* none; */
}

/* theform  ******************************************************* */

#theform {
 position: absolute;
 top: 85px;
 left: 790px;	
 width: 194px;
 height: 80px;
 color: #8c8c8c;
}
#theform label {
 font-size: 11px;
 float: left;
 width: 67px;
 height: 26px;	
}
#theform input {
 width: 120px;
 height: 17px;
 float: right;
}
#theform br {
 clear: both;	
}
#theform input.text {
 border: none;
 background: none;
 color: #fff;
 font-size: 11px;	
}
#theform input.sub {
 margin-left: 70px;
 height: 18px;
 width: 120px;
 
 border: none;	
}
#seolinks {
	margin: -5px 0 0 15px;
	font-size: 1em;
	color:#333;
}
#seolinks a {
	text-decoration:none;
	color:#333;
}
#seolinks a:hover {
	text-decoration:underline;
	color:#000;
}



/* Navigation 'navtop'  ******************************************************* */
#navtop {
 position: absolute;
 top: 0px;
 left: 400px;
/* left: 455px;	 */
}
#navtop ul {
 list-style: none;
}
#navtop ul li {
 float: left;
 padding-top: 13px;	
 height: 15px;
 color: #e6e6e6;
}
#navtop ul li a {
 margin-left: 6px;	
/*  margin-left: 9px;	*/
 padding: 14px 7px 0 0;
/*  padding: 14px 5px 0 0; */
 color: #e6e6e6;
 text-decoration: none;	
 background: none;
 height: 100%;
}
#navtop ul li a.current {	/* class 'current' in the 'a' tag to mark current page */
 color: #8c8c8c;
 text-decoration: none;	
 background: url(images/topnav_c.gif) top center no-repeat;
}
#navtop ul li a:hover {
 color: #d8271e;
 text-decoration: none;	
 background: url(images/topnav_r.gif) top center no-repeat;
}