/* ----------- comproperty screen css ---------- */
/* ----------- created 22/04/2009 -------------- */


/* --------------------------------------------- Reset --------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}


/* --------------------------------------------- CORE --------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background:url("../images/bg2.jpg") repeat-x #d0d1bf;
	background-position:center 0;
	color:#333333;
}
.clear { clear:both;}

a {color:#3173d3;text-decoration:none;}
a:hover {text-decoration:underline;}

.green {color:#1e976d;}
.dark-grey {color:#606162;}
.light-grey {color:#91918a;}

#mainContain {position:relative;width:937px;margin:0 auto;}

/* global */
#carouselWrap, #contentWrapper, #footer {position:relative;clear:both;width:937px;}

/* --------------------------------------------- NAVIGATION --------------------------------------------- */
#topNav {position:relative;z-index:10;width:100%;height:35px;Zbackground:url("../images/nav-bg.png") repeat-x;}

#navContain {width:937px;height:28px;margin:0 auto;}

#leftNav {float:left;height:22px;font-family:Georgia, Times, serif;font-size:14px;color:#ffffff;}
#leftNav ul {overflow:auto;margin-left:-10px;}
#leftNav li {float:left;height:28px;Zbackground:url("../images/nav-divider.png") right no-repeat; border-right:1px solid #535355; border-left:1px solid #636466;}
#leftNav li a {display:block;height:25px;padding:3px 10px 0 10px;margin:0 0px 0 0px;color:#ffffff;font-weight:bold;}
#leftNav li a:hover {background:url("../images/nav-bg-selected.png") repeat-x;color:#000000;text-decoration:none;}
#leftNav li.active a {background:url("../images/nav-bg-selected.png") repeat-x;color:#fff;text-decoration:none;}

#logo {float:right;width:130px;height:28px;}


/* --------------------------------------------- HEADER --------------------------------------------- */
#header {
	clear:both;
	position:relative;
	z-index:5;
	width:100%;
	zheight:398px;
	margin-top:-0px;
	background:url("../images/header-decoration.png") repeat-x top;
	padding-bottom:0px;
}
	
#headerContain {width:937px;padding-top:25px;margin:0 auto; }
	#headerContain h1 { margin:30px 0 6px; padding:0px 0 0 0 ; color:#FFF; Zheight:24px; line-height:31px}
		.subNav h1 {margin:10px 0 6px; padding:0px; color:#FFF; Zheight:22px; Zwidth:500px; line-height:29px; display:inline-block; }
		.names { Zwidth:900px; float:left; display:inline-block;   margin:0px; padding:0; color:#FFF; list-style-type:disc;}
			ul.names li { float:left; display:inline-block;  margin:0 10px 0 5px; padding:0 0 0 12px; background:url("../images/list.gif") no-repeat 0px 2px; height:16px;}
			ul.names li a { float:left; display:inline-block; padding:0 0px 0 0; color:#333;}
			.names li.active a { color:#fff;}
	.headerUnder {background:url("../images/bg-h1.png") repeat-x bottom; height:20px}
#mainLogo {width:300px;height:135px; margin:0 0 0px 0;}
	#mainLogo img {}

#introTextWrap {
	position:absolute;
	z-index:20;
	width:370px;
	height:320px;
	top:85px;
	left:50%;
	margin-left:110px;
	padding:95px 0;
	background:url("../images/right-box-bg.png") no-repeat;
}
#introTextWrap p {margin:0 45px 18px 46px;color:#1e976d;font-size:14px;line-height:20px;font-weight:bold;}
#introTextWrap p span {color:#91918a; font-size:12px;}
#introTextWrap p a {font-weight:bold;color:#5d5e60;}
#introTextWrap p a:hover {text-decoration:underline;}


/* --------------------------------------------- BOTTOM (2 Column) --------------------------------------------- */
#contentWrapper {position:relative;height:642px;margin:70px 0;}

.bodyArea {margin:20px 0;}

#leftCopy {float:left;width:581px;}
#imageBox {width:581px;height:99px;}
	.imageBoxDefault {width:581px;height:18px;}
#copyBox {width:501px;padding:30px 40px 30px 40px;background:url("../images/copybox-bg.png") no-repeat bottom;}
#copyBox h1, h2, h3 {margin-bottom:10px;font-weight:bold;color:#91918a;}
#copyBox p {margin-bottom:18px;font-size:12px;line-height:18px;color:#1e976d;}
	#copyBox li { list-style-type:disc; margin:0 0 0 23px; padding:0 0 0 10px; color:#1e976d}
	#copyBox img { margin:0 10px 10px 0; }
#rightCopy {float:left;width:280px;padding:30px 38px 0 38px;}

#rightCopy h1 {margin-bottom:18px;font-size:18px;font-weight:bold;line-height:24px;color:#1e976d;}
#rightCopy h2 {margin-bottom:0;font-size:14px;font-weight:bold;line-height:20px;color:#1e976d;}
#rightCopy p {margin-bottom:18px;font-size:12px;line-height:18px;color:#91918a;}

#rightCopy ul li {list-style:url("../images/arrow-bullet.png");margin:-3px 0 16px 16px;padding-left:20px;color:#1e976d;}
	div#blog ul li ul { list-style:none; margin:0;}
	div#blog ul li ul li { list-style:none; margin:0; padding:0;}
	div#blogMenu ul li ul { list-style:none; margin:0;}
	div#blogMenu ul li ul li { list-style:none; margin:0; padding:0;}	
	.blogThumb { float:right; width:100px; height:120px; border:1px solid #1e976d;}

/* --------------------------------------------- FOOTER --------------------------------------------- */
#footer {margin:70px 0 40px 0;border-top:5px solid #c2cdb3; }


/* ***************************************** */
/* ********** JQUERY CAROUSEL CSS ********** */
/* ***************************************** */
#carouselWrap { margin:20px 0 0 0 ;}
.caseSpan { color:#FFF; margin:-15px 0 0 40px; display:block; float:left; }

.jcarousel-container {position:relative;margin-top:0px;}
.jcarousel-clip {position:relative;z-index:2;padding:0;margin:0;overflow:hidden;}
.jcarousel-list {position:relative;z-index:1;overflow:hidden;top:0;left:0;}

.jcarousel-list li,
.jcarousel-item {
    float:left;
    list-style:none;
    width:155px; /* Width MUST be set! */
    height:165px; /* Height MUST be set!  */
}

.jcarousel-next, .jcarousel-prev {z-index:3;display:none;}

/* Skinning */
.jcarousel-skin .jcarousel-container {background:none;}
.jcarousel-skin .jcarousel-container-horizontal {width:485px;padding:20px 40px;}

.jcarousel-skin .jcarousel-clip-horizontal {width:485px;height:165px;}

.jcarousel-skin .jcarousel-item {width:155px;height:165px;}
.jcarousel-skin .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin .jcarousel-item-placeholder {background:#51a156;color:#000;}

/* Horizontal Buttons - NEXT */
.jcarousel-skin .jcarousel-next-horizontal {
    position:absolute;
    top:85px;
    right:5px;
    width:29px;
    height:35px;
    cursor:pointer;
    background:transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {background-position:0 0;}
.jcarousel-skin .jcarousel-next-horizontal:active {background-position:0 0;}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
	cursor:default;
	background:transparent url(../images/next-horizontal_disabled.png) no-repeat 0 0;
}

/* Horizontal Buttons - PREVIOUS */
.jcarousel-skin .jcarousel-prev-horizontal {
    position:absolute;
    top:85px;
    left:5px;
    width:29px;
    height:35px;
    cursor:pointer;
    background:transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {background-position:0 0;}
.jcarousel-skin .jcarousel-prev-horizontal:active {background-position:0 0;}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background:transparent url(../images/prev-horizontal_disabled.png) no-repeat 0 0;
}