@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f2f2f2;}
html { padding:0; margin:0;}
/* main */
.main { margin:0; padding:0; font:normal 11px Arial, Helvetica, sans-serif;}
.main_resize { margin:0 auto; padding:0 10px; width:958px; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff;}
.main_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:10px 5px; margin:0;}
.main_resize h2 span { font:  italic 11px Arial, Helvetica, sans-serif; color:#606060;}
.main_resize h3 { font:normal 44px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:20px 5px; margin:0; text-align:right;}
.main_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.main_resize p span { color:#b1b1b1; font: italic 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.main_resize a { color:#cc0000; text-decoration:none;}
.main_resize img { margin:5px auto; padding:0;}
.main_resize ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#cc0000;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left { width:250px; float:left; padding:0 0 0 10px; margin:0;}
.main_right { width:680px; float:right; padding:0; margin:0;}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}
/* header */
.header { padding:0; margin:0 auto; border-bottom:1px solid #dfdfdf;}
/* logo */
.logo {padding:0; margin:0; width:232px; float:left;}
.logo img { margin:0; padding:0;}
 /* click */
.click { width:350px; float:right; padding:0; margin:0; text-align:right;}
.click p { font: normal 12px Arial, Helvetica, sans-serif; color:#959595; padding:0; margin:28px 0 0 0;}
/* slider_main */
.slider_main { margin:0 auto; padding:0;}
.slider_main .leftt { float:left; width:252px; padding:0; margin:0;}
.slider_main .leftt h2 { font: normal 24px Arial, Helvetica, sans-serif; color:#616161; padding:71px 0 0 24px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 12px Arial, Helvetica, sans-serif; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 24px;}
/* search */
.search { padding:0; margin:0 auto 30px auto;}
.search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
.search p { font: bold 11px Arial, Helvetica, sans-serif; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
.search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
.search form .textfield { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px Arial, Helvetica, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* right_text */
.right_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 30px 0;}
.right_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:15px; margin:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222222; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:5px 0;  margin:0;}
.footer_resize { width:958px; margin:0 auto; padding:10px 10px; background:#202020;}
.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#a2a2a2;}
.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#e8e8e8; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:8px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:8px 0 0 5px; float:left;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}

/* Slider */
#slider {  width:648px; padding:10px 0 0 0; margin:0; height:428px; float:right;}
#slideshow { margin:0 auto; width:653px;  height: 346px; }
.slider-item { height: 346px; margin:0 auto; padding:0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 678px; margin:0 auto; padding:0; }
.controls-center h2 { width:350px; float:left; font: bold 14px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:15px 0 0 20px; margin:0;}
.controls-center h3 { text-align:right; font: normal 36px Arial, Helvetica, sans-serif; color:#111; padding:10px 20px 15px 0; margin:0;}
.controls-center p {width:300px; float:left;  font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:3px 0 0 20px; margin:0;}
#slider_controls { float: right; margin:0;  width:90px;}
#slider_controls ul { margin:0 auto; padding:0; width:74px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }

ul#nav {
	line-height:125%;
	height:2em;
	float:right;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-align: center;
	width:70%;
}

ul#nav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: right;
}

ul#nav li a {
	display: block;
	font-size: small;
	color: #CC0000;
	background-color:#FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

ul#nav li a:hover { 
	border-bottom:3px solid #CC0000;
}

ul#nav a.selected { 
	border-bottom:3px solid #CC0000;
}

ul.bulletlist {font:normal 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}
ul.bulletlist li{background:url(../img/bullet.gif) 0 7px no-repeat #fff; padding:0 0 0 18px; line-height: 20px; list-style: none; text-align: justify}
ol li {font:normal 12px Arial, Helvetica, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}

span.message, span.message p {color: green; font: normal 11px Arial, Helvetica, sans-serif; line-height:0.9em; padding-left: 5px;}
span.error, span.error p {color: red; font: normal 11px Arial, Helvetica, sans-serif; line-height:0.9em; padding-left: 5px;}
/*---------------------------Dashboard Period-----------------------------------------------*/
ul#dash {font: normal 12px Arial, Helvetica, sans-serif;padding: 0;list-style: none;text-align: left;}
ul#dash li {padding-right: 15px;float: left;}
ul#dash li a {display: block;color: #CC0000;}
ul#dash li a:hover { border-bottom:1px solid #CC0000;}
ul#dash li a.selected { border-bottom:1px solid #CC0000;}

li.headlink {color: #606060;}
li.headlink ul { padding:0;}
li.headlink ul li { position: relative; list-style: none;}
/*--------------------------------------------------------------------------*/

#side_list {
	/* hide overlength child elements*/
	overflow:hidden;
	/* all the child elements are refering to this width */
	width:200px;
	/* fix ie 6 overflow bug */
	position:relative
}

#side_list .tabs {
	/* enable absolute position for .lava */
	position:relative;	
	height: 10px;
	/* styling */
	cursor:default;
}

#side_list .tabs .item {
	/* enable z-index */
	position:relative;
	z-index:10;
	/* display in one row */
	float:left;
	display:block;
	/* width = quarter size of #side_list */
	width:50px;
	/* height = height of .tabs */
	text-align:center;
	font-weight: bold;
}

#side_list .tabs .lava {
	/* Set it to absolute */
	position:absolute;
	top:0; left:0;
	/* display the lava in bottom most layer */
	z-index:0;
	/* width = quarter size of #side_list */
	width:50px;
	height:20px;
	border-bottom:2px solid #CC0000;
}

#side_list .content {
	/* enable absolute position for .panel */	
	position:relative;
	overflow:hidden;
}

#side_list .panel {
	/* width is width of #side_list times 2 */
	position:relative;
	width:600px;
}

#side_list .panel div {
	/* display in one row */
	float:left;
	/* width is the same with #side_list */
	width:200px;
	padding-bottom: 10px;
}

.hint {
	display: none;
   	position: absolute;
	right: 235px;
	width: 200px;
	margin-left: 10px;
	padding: 13px;
	background: #000;
    color: #fff;
    font-size: 0.9em;
}
.hint .hint-pointer {
    position: absolute;
    left: -9px;
    top: 4px;
    width: 9px;
    height: 33px;
    background: url(../img/hint-pointer.gif) left top no-repeat;
}