/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; min-width:979px; background:#282e32}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#6f6f6f;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#333f41; font-weight:bold; font-size:.923em}
.link1{color:#fff; text-decoration:none; font-size:12px  }
.link1:hover{text-decoration:underline }
.link4{color:#cc3500;}

.button{color:#fff; background:url(images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{list-style-type:disc; margin:0 0 0 20px; padding-left:5px; }
#content ul li a{color:#cc3500; text-decoration: underline; line-height:2em} 
#content ul li a:hover { text-decoration:none; }
#content ul li a.current{ text-decoration:none; font-weight:bold }

#content .ul1 li{background:url(images/marker3.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:10px; }
#content .ul1 li a{color:#252e2f; text-decoration: underline; line-height:2em} 
#content .ul1 li a:hover { text-decoration:none; }
#content .ul1 li a.current{ text-decoration:none; font-weight:bold }


#content .ul dt {background:none; padding-left:0; padding-bottom:9px }
#content .ul dt a {background:url(images/marker1.gif) top left no-repeat; padding:3px 0 3px 28px; color:#cc3500; text-decoration: underline; line-height:2em; font-size:.923em} 
#content .ul dt a:hover, #content .ul .active a { text-decoration:none; font-weight:bold }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#333f41; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:0 16px 0 16px; line-height:29px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#cc3500}


/*header*/
#header {font-size:1em; color:#FFFFFF }
#header .logo{ margin:10px 0 15px 0 }
#header .indent{margin:12px 0 0 698px; position:absolute; width:252px}
#header .indent1{margin:30px 0 0 18px; position:absolute; width:180px; color:#bfd1e1}
#header .menu{margin:98px 0 0 355px; position:absolute; width:615px; }
#header .indent1 a{color:#829fb7; text-decoration:none; }
#header .indent1 a:hover{text-decoration:underline }
#header .indent2{padding:0 0 0 0}

#header ul{margin:0; padding:0; list-style:none;}
#header ul .first{background:none; padding:0 19px 0 0; float:left}
#header ul li{ margin:0; display:inline;  background:url(images/bg_menu.gif)  center left no-repeat; padding:0 19px 0 19px; float:left}
#header ul li a{color:#1e589e; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:.84em} 
#header ul li a:hover { text-decoration:none; color:#333f41}
#header ul li a.current{ text-decoration:none;  color:#333f41}


/*content */
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-col{padding:10px 0 0 0}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0 20px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 15px 0}
#content .p2{ margin:0 0 30px 0}
#content .col1 h2{color:#333f41; font-size:1.84em; margin-bottom:13px; line-height:1.2em;  background:url(images/tail.gif) bottom left repeat-x; padding-bottom:2px }
#content h2{color:#252e2f; font-size:1.74em; margin-bottom:11px; line-height:1.2em; text-transform: uppercase; letter-spacing:-1px; }
#content h4{color:#333f41; font-size:1em; margin-bottom:7px;  }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:21px; margin-bottom:20px}
.txt{ color:#333f41}

#content .indent{padding:70px 0 0 0}
#content .indent1{padding:110px 0 0 0}
#content .indent2{padding:0 0 0 227px}
#content .indent3{padding:140px 0 0 0}
#content .indent4{padding:75px 0 0 0}
#content .indent5{padding:30px 0 0 0}
#content .indent6{padding:15px 0 0 0}



/*box*/
.box{ background:#fff; width:100%;}
.box .border-top {background:url(images/border_top.gif) top repeat-x;}
.box .border-bottom {background:url(images/border_bottom.gif) bottom repeat-x;}
.box .border-left {background:url(images/border_left.gif) left repeat-y;}
.box .border-right {background:url(images/border_right.gif) right repeat-y;}
.box .corner-top-left {background:url(images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
.box .indent-box{ padding:35px 20px 56px 20px; }
.box .indent-box1{ padding:35px 0 56px 20px; }
.box .indent-box2{ padding:35px 25px 56px 20px; }
#content .box  h2{color:#333f41; font-size:1.74em; margin-bottom:28px; line-height:1.2em; text-transform: uppercase; background:url(images/marker1.gif) center left no-repeat; padding-left:28px; letter-spacing:-1px }


.corner_top_left1{ position:absolute; margin-left:-28px}

/*box1*/
.box1{ background:#d2dae0; width:100%; color:#6f6f6f}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) left top no-repeat;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) right top no-repeat;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) left bottom no-repeat;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) right bottom no-repeat; width:100%; }
.box1 .indent-box{ padding:20px 15px 35px 20px; }

/*box2*/
.box2{ background:#a7bac9; width:100%; color:#545d5f}
.box2 .corner-top-left {background:url(images/corner_top_left2.gif) left top no-repeat;}
.box2 .corner-top-right {background:url(images/corner_top_right2.gif) right top no-repeat;}
.box2 .corner-top-right-1 {background:url(images/corner_top_right2-1.gif) right top no-repeat;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) left bottom no-repeat;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) right bottom no-repeat; width:100%; }
.box2 .indent-box{ padding:20px 15px 35px 20px; }
.box2 .link3{ color:#545d5f}

/*box3*/
.box3{ background:#83a0b8; width:100%; color:#3b4142}
.box3 .corner-top-left {background:url(images/corner_top_left3.gif) left top no-repeat;}
.box3 .corner-top-right {background:url(images/corner_top_right3.gif) right top no-repeat;}
.box3 .corner-bottom-left {background:url(images/corner_bottom_left3.gif) left bottom no-repeat;}
.box3 .corner-bottom-right {background:url(images/corner_bottom_right3.gif) right bottom no-repeat; width:100%; }
.box3 .indent-box{padding:20px 15px 35px 20px;}
.box3 .link2{ color:#3b4142}


/*footer*/
#footer { color:#666c73; font-size:0.8125em; }
#footer .indent-footer{ padding:72px 0 0 4px;}
#footer .indent-footer1{ margin:72px 0 0 773px; position:absolute; width:206px; text-align:right}
#footer a {color:#666c73; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
#footer span{ color:#99a0a9; text-transform:uppercase; font-size:.769em}
#footer p{ margin:0 0 57px 0; color:#9d9d9d; font-size:1.28em; text-transform:uppercase}
#footer b{color:#3e3e3e; font-size:2.285em; text-transform:uppercase; line-height:1em}
#footer h1{color:#b0b8c1; font-size:1em; margin-bottom:25px; }


#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:13px; }
#footer ul li a{color:#929aa3; text-decoration:none ; line-height:1.38em} 
#footer ul li a:hover { text-decoration:underline; }

	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px; background:url(images/bg_input1.gif) top left no-repeat}
.h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.h2{ height:140px; background:url(images/bg_input2.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:10px}
.input{
   	border:none; 
	background:none;
	width:175px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
input{
   	border:none; 
	background:none;
	width:310px; height:20px;
	font-size:1em;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:2px;
}
textarea{
   	border:none; 
	background:none;
	width:310px; height:116px;
	font-size:1em;
	padding-left:10px;
	margin-bottom:11px;
	padding-top:3px;
	padding-bottom:2px;
	overflow:auto}
	
/*=========== coin ==============*/
#coin-slider { overflow:hidden; width:979px; height:343px;}
.coin-slider { 
	overflow: hidden;
	zoom: 1;
	position: relative;
	}
.coin-slider a { text-decoration: none; outline: none; border: none; }





#wrapper {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	}
 
.accordionButton {	
	width: 99%;
	float: left;
	color:#cc3500;
	text-decoration:underline;
	padding: 1px 1px 1px 10px;
	background: #ebeef0;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
 
.accordionContent {	
	width: 99%;
	float: left;
	padding: 10px 5px 5px 5px;
	background: #ffffff;
	display: none;
	}
	
	
	
/* Specific to example one */

#example-one { background: none; padding: 10px; margin: 0 0 15px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { list-style: none; width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 12px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { list-style: none; display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover, #example-one ul li a:focus { list-style: none; background: #fe4902; color: white; }
#example-one ul li:last-child a { list-style: none; border: none; }

#example-one li.nav-one a.current, ul.featured li a:hover { background-color: #839fba; color: white; }
#example-one li.nav-two a.current, ul.core li a:hover { background-color: #839fba; color: white; }
#example-one li.nav-three a.current, ul.jquerytuts li a:hover { background-color: #839fba; color: white; }
#example-one li.nav-four a.current, ul.classics li a:hover { background-color: #839fba; color: white; }
#example-one li.nav-five a.current, ul.classics li a:hover { background-color: #839fba; color: white; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/*====== accordion =========*/
dl#accordion {
	list-style-type:none;
	margin: 0;
	height:auto !important;
}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
		}

	dl#accordion dd {
		display:none;
		margin-bottom:0;
	}
		dl#accordion dd em {
			min-height:40px;
			padding-right:10px;
			display:block;
		}
		dl#accordion ul {
			 list-style-position: inside;
			 list-style-type:none;
 			}