@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:14px;
	color:#906a55;
}
body {
	background:url(../images/body-bg.jpg);
}
img {
	border:none;
}
.clearing {
	clear:both;
}
a {
	font-size:14px;
	text-decoration:none;
	color:#ef592a;
}
a:hover {
	color:#6b1820;
}

/*-------------------------------------------------
Logo And Search Styles Start
-------------------------------------------------*/

.header-wrapper {
	width:100%;
	height:120px;
	background:url(../images/top-bg.jpg) repeat-x;
}
.header {
	width:960px;
	height:120px;
	margin:0 auto;
}
.logo {
	float:left;
	width:500px;
	margin-top:50px;
	padding-left:70px;
	background:url(../images/logo.png) no-repeat;
}
.logo h1 {
	font-weight:normal;
	font-size:42px;
	color:#610a16;
}
.logo h1 span {
	font-weight:normal;
	font-size:42px;
	color:#ef592a;
	letter-spacing:-2px;
}
.search {
	width:auto;
	float:right;
	margin-top:60px;
}
.search ul {
	list-style:none;
}
.search ul li {
	display:block;
	float:left;
	padding:0 5px;
}
.search ul li a:hover{border-bottom:1px solid #fff; padding-bottom:5px;}
/*-------------------------------------------------
Menu Styles Start
-------------------------------------------------*/

.menu-wrapper {
	width:100%;
	height:70px;
	background: url(../images/menu-bg.jpg) repeat-x;
}
.menu {
	width:960px;
	height:70px;
	margin:0 auto;
	padding-top:20px;
}
.menu ul {
	list-style:none;
}
.menu li {
	display:block;
	float:left;
	height:70px;
	/*width:100px;*/
	margin-right:5px;
}
.menu li a {
	display:block;
	/*width:100px;*/
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:16px;
	color:#987464;
	float:left;
	padding:0 0px 0 16px;
}
.menu li a span{
float:left;
padding:0 16px 0 0px;
 }
.menu li a:hover {
	display:block;
	/*width:100px;*/
	height:50px;
	line-height:50px;
	text-align:center;
	background:url(../images/menu-tab-lt.jpg) no-repeat left top;
	font-size:16px;
	color:#610a16;
	float:left;
	padding:0 0px 0 16px;
}
.menu li a:hover span{
float:left;
padding:0 16px 0 0px;
background:url(../images/menu-tab-rt.jpg) no-repeat right top;
}

.menu li a.active {
	display:block;
	/*width:100px;*/
	height:50px;
	line-height:50px;
	text-align:center;
	background:url(../images/menu-tab-lt.jpg) no-repeat left top;
	font-size:16px;
	color:#610a16;
	padding:0 0px 0 16px;
	float:left;
}
.menu li a.active span{
float:left; 
padding:0 16px 0 0px;
background:url(../images/menu-tab-rt.jpg) no-repeat right top;
}

/*-------------------------------------------------
Banner Styles Start
-------------------------------------------------*/

.banner-wrapper {
	width:100%;
	height:auto;
	background:url(../images/banner-bg.jpg) repeat-x;
}
.banner {
	width:960px;
	padding-top:40px;
	margin:0 auto;
}
.banner h1 { font-weight:normal; font-size:22px; color:#ef592a; padding-bottom:40px;}

/*-------------------------------------------------
Main Content Styles Start
-------------------------------------------------*/

.main-content-wrapper {
	width:960px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}
.main-panel {
	width:960px;
	height:auto;
	margin-top:30px;
}
.main-panel-top {
	width:960px;
	height:10px;
	background:url(../images/panel-1-top.jpg) no-repeat;
	float:left;
}
.main-panel-middle {
	width:900px;
	background:#fefcf0;
	height:auto;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:30px;
}
.main-panel-middle-title {
	width:900px;
	margin:0 auto;
	height:auto;
	border-bottom: 1px solid #fde6c6;
}
.main-panel-middle-title h1 {
	font-size:22px;
	font-weight:normal;
	color:#6b1820;
}
.main-panel-middle-title h2 {
	font-size:18px;
	font-weight:normal;
	color:#ef592a;
	padding-bottom:20px;
	border:0px solid green;
}
.main-panel-middle h3 {
	font-size:16px;
	font-weight:normal;
	color:#6b1820;
	padding-top:30px;
}
.main-panel-middle p {
	padding-top:20px;
	text-align:justify;
	line-height:24px;
}
.main-panel-bottom {
	width:960px;
	height:10px;
	background:url(../images/panel-1-bottom.jpg) no-repeat;
}
.panel-2 {
	width:310px;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	float:left;
}
.panel-2-top {
	width:310px;
	height:10px;
	background:url(../images/panel-2-top.jpg) no-repeat;
}
.panel-2-middle {
	width:250px;
	height:auto;
	background:#fefcf0;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	overflow:hidden;
}
.panel-2-middle h1 {
	font-size:22px;
	font-weight:normal;
	color:#6b1820;
}
.panel-2-middle h2 {
	font-size:16px;
	font-weight:normal;
	color:#ef592a;
	padding-bottom:20px;
}
.panel-2-middle p {
	padding-top:20px;
}
.panel-2-middle-content {
	width:250px;
	height:auto;
	overflow:hidden;
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:1px solid #fde6c6;
}
.panel-2-middle-content ul {
	list-style:none;
}
.panel-2-middle-content li {
	display:block;
	height:auto;
	float:left;
}
.panel-2-middle-content-wid {
	width:130px;
	padding-left:30px;
}
.bdrBottom-none {
	border-bottom:none;
}
.panel-2-bottom {
	width:310px;
	height:10px;
	background:url(../images/panel-2-bottom.jpg) no-repeat;
}
.panel-3 {
	width:620px;
	height:auto;
	overflow:hidden;
	margin-top:30px;
	float:right;
}
.panel-3-top {
	width:620px;
	height:10px;
	background:url(../images/panel-3-top.jpg) no-repeat;
}
.panel-3-middle {
	width:620px;
	height:auto;
	background:#fefcf0;
	overflow:hidden;
}
.panel-3-middle-content {
	width:249px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	border-right: 1px solid #fde6c6;
	float:left;
	overflow:hidden;
	background:#fefcf0;
}
.panel-3-middle-content h1 {
	font-size:22px;
	font-weight:normal;
	color:#6b1820;
	padding-bottom:25px;
}
.panel-3-middle-content h2 {
	font-size:16px;
	font-weight:normal;
	color:#ef592a;
}
.panel-3-middle-content p {
	padding-top:30px;
	line-height:20px;
}
.panel-3-bottom {
	width:620px;
	height:10px;
	background:url(../images/panel-3-bottom.jpg) no-repeat;
}

/*-------------------------------------------------
Footer Styles Start
-------------------------------------------------*/

.footer-wrapper {
	width:100%;
	height:100px;
	background:url(../images/footer-bg.jpg) repeat-x;
	margin-top:30px;
}
.footer {
	width:960px;
	margin:0 auto;
	height:100px;
	line-height:100px;
	text-align:center;
	color:#6b1820;
}


/********************************* Dropdownmenu **********************************************/


#tutorials{visibility:hidden; width:220px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#validation{visibility:hidden; width:220px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#validation li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#validation li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials2{visibility:hidden; width:220px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials2 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials2 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials3{visibility:hidden; width:278px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials3 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials3 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials4{visibility:hidden; width:140px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials4 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials4 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials5{visibility:hidden; width:176px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials5 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials5 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials6{visibility:hidden; width:199px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials6 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials6 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials7{visibility:hidden; width:220px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials7 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials7 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}

#tutorials8{visibility:hidden; width:175px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials8 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials8 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
#tutorials9{visibility:hidden; width:309px; background:#fbefdb; z-index:500000; position:absolute; top:178px;}
#tutorials9 li.menu{float:left; text-align:left; border-bottom:1px solid #fcf4e7;}
#tutorials9 li.menu a{font-size:11px !important; color:#bb8126; width:100%;}
.menu ul li table{width:100%; margin:0;}
.menu ul li table td{margin:0; padding:0;}
.menu ul li ul{margin:0; padding:0;}
.menu ul li ul li{background:#fbefdb; margin:0; height:auto; padding:4px 3px 4px 5px; width:97%; line-height:18px; text-shadow:none;}
.menu ul li ul li a{padding:0 0; height:auto; text-align:left; line-height:18px;}
.menu ul li ul li a:hover{background:none; padding:0 0; height:auto; text-align:left; line-height:18px;}
.menu ul li table li a{padding:0 0; height:auto; text-align:left; line-height:18px;}
.menu ul li table li a:hover{background:none; padding:0 0; height:auto; text-align:left; line-height:18px;}
.menu ul li table li{padding:4px 3px 4px 5px; background:#fbefdb; margin:0; height:auto; width:97%; text-shadow:none; line-height:18px;}