/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties
---------------------------------------- */
/*mes couleurs 
orange : #f7931e
vert : #33a457
bleu : #191c76
jaune particuliers : #e4e62a
rouge professionnels : #c73012
*/
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#6b6a6a;
}
*.bg {
	background:url(../images/main-bg2.jpg) no-repeat 50% 0 #000 fixed;
}
html { min-width:980px;}
html, body { height:100%;}


.top_bg {
	background:url(../images/top_bg.png) repeat-x 0 0;
	position:relative;
	height:100%;
}

/* Global Structure
---------------------------------------- */
#top-link {
	position:fixed; 
	bottom:10px; 
	right:10px; 
	width:24px; 
	height:24px; 
	background:url(../images/up.png) repeat 0 0;
}
#main {
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:.75em;
	overflow:hidden;
}

	/* Header */
	header{
		height:236px;
		overflow:hidden;
	}
	
	/* Content */
	section#content {
		
	}
	
	/* Sidebar */
	aside.top {
		margin:0 0 6px 0;	
	}
		
	aside.bottom {
		background:url(../images/bottom.png) /*no-repeat 50% 0 #000*/;
		padding:0 0 0 15px;
		position:relative;
		height:1%;
		margin-bottom:15px;
	}
		aside.bottom .inside {
			padding:30px 0 22px 0;
		}
		
		aside.bottom ul li {
			background:url(../images/marker2.gif) no-repeat 0 6px;
			padding:0 0 8px 13px;
			position:relative;
			height:1%;
		}
			aside.bottom ul li a {
				color:#fff;
				text-decoration:none;
			}
			aside.bottom ul li a:hover {
				color:#F60;
			}
			
			aside.bottom .social-services {
				padding:10px 0 0 40px;
				border-left:1px solid #1d1d1d;
			}
			aside.bottom .social-services li, aside.bottom.social-services li.google {
				background:none !important;
				padding:0 0 11px 0 !important;
				overflow:hidden;
				position:relative;
				font-size:13px;
			}
				aside.bottom .social-services li a {
					display:block;
					padding:7px 0 7px 50px;
					float:left;
				}
				aside.bottom .social-services li a.rss {
					background:url(../images/icon-rss.png) no-repeat 0 0;
				}
				aside.bottom .social-services li a.facebook {
					background:url(../images/icon-facebook.png) no-repeat 0 0;
				}
				aside.bottom .social-services li a.su {
					background:url(../images/icon-su.png) no-repeat 0 0;
				}
				aside.bottom .social-services li.google {
					background:none !important;
					padding:0 0 11px 0 !important;
					overflow:hidden;
					position:relative;
					font-size:13px;					
					display:block;
					color:#fff;
				}				
			
	/* Footer */
	footer{
		background:#4c4a4b;
		padding:16px 0 16px 0;
	}
		footer .container {
			margin: 0 auto;
			position: relative;
			width: 960px;
			font-size:10px;
		}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

.inside{ padding: 20px; }
.indent-right {padding-right:15px;}
.indent1 {padding:30px 0 0 10px;}

#content .inside { padding:0 10px 0 10px;}
#content .inside-left { padding:0 0 0 10px;}
#content .inside-right { padding:0 10px 0 0;}



/* Other */
figure { 
	margin:4px 26px 0 0;
	background:#000;
	border:1px solid #ccc;
	float:left;
	}
	figure figcaption {
		font-style:italic;
		color:#6b6a6a;
		text-align:center;
		padding:5px 0 5px 0;
		}

figure.fright {
	float:right;
	margin:4px 0 0 26px;
	}


.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}

.extra-wrap { 
	overflow:hidden;
}

/* --- paragraph styling --- */
p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
a {color:#fea900; outline:none; text-decoration:underline;}
a:hover, a:focus { text-decoration:none;}
a:active, a:visited { }

blockquote {
	margin:0 5px 10px 5px;
	padding:0 10px 10px 42px;
	font-size:1.5em; 
	line-height:1.2em;
	color:#6b6a6a; 
	font-style:italic;
	font-weight:bold;
	quotes:none;
	background:url(../images/quotes.png) no-repeat 0 0;
}
blockquote.left {border-right:1px dashed #ccc; width:35%; float:left; margin-right:20px; padding-right:20px;}
blockquote.right {border-left:1px dashed #ccc; width:35%; float:right; margin-left:20px; padding-left:60px; background-position:20px 0;}


ins {
    background-color:#60dfd7;
    color:#fff;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

strong   		   { font-weight:600; color:#000;}
em, dfn  		   { font-style:italic;}
dfn 	 		     { font-weight:600;}
sup, sub 		   { }
abbr, acronym  { border-bottom:1px dashed #ccc;}
address 		   { margin:0 0 1.5em;font-style:italic;}
del 			     { color:#666;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#333; padding:3px 2px 3px 5px; line-height:1.67em; }
pre 			     { white-space:pre;}
input[type=text], input[type=password] {
	padding:7px 7px 7px 7px;
	background:#f9f8f8;
	border:1px solid #c5c4c2;
	color:#6b6a6a;
}	
textarea {
	background:#f9f8f8;
	border:1px solid #c5c4c2;
	padding:9px 10px 9px 10px;
	overflow:auto;
	display:block;
	color:#6b6a6a;
}

/* ** ** custom select color ** ** */
::selection {
	background: #fea900;
	color:#fff;					 /* Safari */
}
::-moz-selection {
	background: #fea900; /* Firefox */
	color:#fff;
}


/* --- Header Styles --- */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.2em; color:#f7931e;/*#333*/}
h1 {	font-size:3.33em; font-weight:200; } 
h2 {	font-size:28px; color:#191c76;/*#33a457*/} 
h2.underline {border-bottom:3px solid #bbb9b9; padding-bottom:8px;}
h3 {	font-size:25px; line-height:1.2em; font-style:italic;} 
h4 {	font-size:18px; margin-bottom:.7em;} 
h5 {	font-size:18px; line-height:1.2em; margin-bottom:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fea900; font-weight:normal;} 
h5 a { text-decoration:none;}
h6 {	text-align:center; font-size: 10px; color:#666; line-height:1em; background: none; font-weight: bold; font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}





/* ======= ul styles ======= */

/* --- list1 --- */
ul.list1 { padding-bottom:15px;}
ul.list1 li { background:url(../images/marker2.gif) no-repeat 0 2px; padding:0 0 9px 24px; font-size:12px; position:relative; zoom:1;}
ul.list1 li a {color:#352b2a;}
ul.list1 li ul { padding:9px 0 0 0; margin-bottom:-10px;}


/* --- list2 --- */
ul.list2 { padding-bottom:8px;}
ul.list2 li { background:url(../images/panel-arrow.gif) no-repeat 0 6px;padding:0 0 2px 13px;}
ul.list2 li a {color:#352b2a;}
ul.list2 li ul { padding:9px 0 0 0; margin-bottom:-10px;}


/*--- news styles ---*/
.news {
	padding-bottom:18px;
	width:265px;
}
.news li {
	position:relative;
	padding:0 0 25px 80px;
	color:#000;
	height:1%;
	overflow:hidden;
}
	.news li p.date {
		position:absolute;
		left:0;
		top:3px;
		background:url(../images/date.png) no-repeat 0 0;
		width:89px;
		height:69px;
		font-size:25px;
		line-height:64px;
		color:#707070;
		text-align:left;
		padding-left:8px;
		font-weight:bold;
		text-shadow:0 1px 0 #fff;
	}
	.news li a.title {
		display:block;
		color:#8e8d8b;
		text-transform:uppercase;
		font-size:11px;
		margin-bottom:.5em;
	}


/*--- banners styles ---*/
ul.banners {
	width:100%;
	overflow:hidden;
}
	ul.banners li {
		float:left;
		/*width:240px;*/
		width:322px;
		margin-left:7px;
	}
	ul.banners li:first-child {
		margin-left:0;
		/*width:239px;*/
		width:322px;
	}
	
	
.box {
	height:218px;
	color:#fff;
}

.box.style-b {
	background:url(../images/box-bg2.png) no-repeat 0 0;
}
.box.style-o {
	background:url(../images/box-bg3.png) no-repeat 0 0;
}
.box.style-v {
	background:url(../images/box-bg1.png) no-repeat 0 0;
}

	.box .inner {
		padding:8px 17px 0 22px;
	}
		.box h2 {
			font-size:40px;
			line-height:1.2em;
			margin-bottom:.2em;
			color:#fff;
		}	
		.box h2 span {
			display:block;
			margin-top:-15px;
		}


/*--- testimonials styles ---*/
.testimonials li {
	text-align:right;
	font-weight:bold;
	color:#322e30;
	padding-bottom:18px;
}
	.testimonials li div {
		text-align:left;
		font-weight:normal;
		color:#6b6a6a;
	}
	

/*--- layouts navigation ---*/
.layouts-nav {width:100%; overflow:hidden; padding-bottom:30px !important;}
.layouts-nav li { float:left; margin-right:20px; background:none !important; padding:0 !important;}
.layouts-nav li a {
	float:left;
	background:#333;
	padding:2px 10px;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	margin-right:10px;
	cursor:pointer;
	position:relative;
}
.layouts-nav li a:hover {
	background:#fea900;
}




/* --- ol li styles --- */
ol { padding-bottom:15px;}
ol li { 
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:30px;
	padding-bottom:10px;
	font-size:14px;
	color:#352b2a;
}

/* --- dl li styles --- */
dl dt { 
	font-weight:bold;
	font-size:1em;
	color:#333;
}
dl dd {
	margin-bottom:1.5em;
}

/* --- Definition list Styles --- */
dl.def-list { padding-bottom:5px;}

dl.def-list dt {
	font-size:13px;
	color:#fff;
	width:100%;
	overflow:hidden;
	margin-bottom:1em;
	position:relative;
	z-index:0;
}
	dl.def-list dt span {
		float:left;
		height:31px;
		line-height:31px;
		padding:0 14px;
		background:#19b6c5;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		behavior: url(js/PIE.html);
	}
	dl.def-list dd {margin-bottom:2em;}
	
	
/* --- Table styling --- */
table { width:100%;}

table thead th {
	text-align:left;
	background:#d7d7d7;
	padding:15px 20px;
}
table tbody td {
	padding:10px 20px;
	background:#f0f0f0;
	border-bottom:1px solid #e2e2e2;
}
table tr:hover td {
	background-color:#f5f5f5;
}

table.tarifs td {
	padding:10px 20px;
	background:#f5f5f5;
	border-bottom:1px solid #e2e2e2;
}



/* --- download table styling --- */
.downloads td {
	background:none;
	border:none;
	padding:6px 20px 8px 0;
}
	.downloads tr td:nth-child(2), .downloads tr td:nth-child(3) { vertical-align:middle;}



/* --- Dropcap styles --- */
.dropcap_1 {
	font-size:62px;
	width:55px;
	line-height:1em;
	color:#6b6a6a;
	display:block;
	float:left;
	text-align:center;
}
.dropcap_2 {
	font-size:35px;
	background:url(../images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:48px;
	line-height:48px;
	color:#eae9e7;
	display:block;
	float:left;
	margin-right:8px;
}
.dropcap_3 {
	font-size:40px;
	width:40px;
	line-height:1em;
	color:#333;
	display:block;
	float:left;
	text-shadow:2px 2px 1px #ccc;
}



.hr {
	display:block;
	position:relative;
	padding:55px 0 35px 0;
	border:none;
	background:url(../images/hr.gif) 0 50% repeat-x;
	height:2px;
	overflow:hidden;
	font-size:11px;
	margin:0 10px 0 10px;
}
	.hr a {
		position:absolute;
		right:0;
		top:25px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		background:url(../images/arrow-top.png) no-repeat 0 6px;
		padding-left:13px;
		color:#6b6a6a;
	}
	.hr a:hover { color:#000;}
	

.button { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:28px;
	height:28px;
	background:url(../images/marker3.png) no-repeat right 2px #2d282a;
	padding:0 36px 0 16px;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	text-decoration:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin-right:10px;
	cursor:pointer;
	position:relative;
	z-index:9999;
	border:none;
}
.button:hover {
	background:url(../images/marker3.png) no-repeat 100% 2px #000;
	text-decoration:none;
}

	.button.style1 {
		background:url(../images/marker4.png) no-repeat 100% 2px #f0f0f0;
		text-decoration:none;
		color:#0c0c0c;
		text-shadow:none;
		border:1px solid #000;
		line-height:28px;
		height:28px;
	}
	.button.style1:hover {
		background:url(../images/marker4.png) no-repeat 100% 2px #000;
		color:#fff;
	}
	.button.style2 {
		background:#2d282a;
		padding:0 16px 0 16px;
		
	}
	.button.style2:hover {
		background:#000;
	}

.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}




/*==================boxes====================*/
.content-box {
	background:#eae9e7;
	border:4px solid #fff;
	padding:25px 0 25px 10px;
}

.block {
	background:#f0f0f0;
	padding:6px 7px 16px 7px;
}

.block1 {
	border-bottom:1px solid #323031;
	border-top:1px solid #000;
	background:url(../images/block1-bg.gif) 0 0 repeat-x #161415;
	padding:16px 16px 13px 16px;
}
	.block1 h5 {
		font-size:21px;
		line-height:1.2em;
		margin-bottom:.5em;
		text-shadow:1px 1px 0 #000;
		color:#cfcfcf;
		font-weight:normal;
	}
	
	.supported-list {
		width:100%;
		overflow:hidden;
	}
		.supported-list li {
			float:left;
			background:url(../images/line-ver.gif) 100% repeat-y !important;
			padding:0 0 0 0 !important;
			width:195px;
			margin:0 0 0 12px;
		}
		.supported-list li.first {
			margin-left:0;
		}
		.supported-list li.last {
			padding-right:0;
			background:none !important;
		}
			.supported-list li .inside {
				padding:0 12px 0 0 !important;
			}
			.supported-list li p.img-wrapper {
				width:180px;
				height:114px;
				border:1px solid #c9c9c9;
				overflow:hidden;
				position:relative;
			}
				.supported-list li p.img-wrapper img {
					padding:0;
				}


/*--- styles for boxes ---*/
.info-box {
	border:1px solid #2772ad;
	padding:24px 30px 24px 110px;
	color:#fff;
	margin-bottom:20px;
	background:url(../images/info-box-bg.gif) 0 0 repeat-x #206ba6;
	position:relative;
	height:1%;
	min-height:50px;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:24px;
		margin:0;
	}
.download-box {
	border:1px solid #79ac03;
	padding:24px 30px 24px 110px;
	color:#fff;
	margin-bottom:20px;
	background:url(../images/download-box-bg.gif) 0 0 repeat-x #6a9f03;
	position:relative;
	height:1%;
	min-height:50px;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:24px;
		margin:0;
	}
.notification-box {
	border:1px solid #ee9219;
	padding:24px 30px 24px 110px;
	color:#fff;
	margin-bottom:20px;
	background:url(../images/notification-box-bg.gif) 0 0 repeat-x #e4730b;
	position:relative;
	height:1%;
	min-height:50px;
}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:24px;
		margin:0;
	}
.error-box {
	border:1px solid #b9130c;
	padding:24px 30px 24px 110px;
	color:#fff;
	margin-bottom:20px;
	background:url(../images/error-box-bg.gif) 0 0 repeat-x #fd1a0b;
	position:relative;
	height:1%;
	min-height:50px;
}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:24px;
		margin:0;
	}


.address { 
	float:left;
	margin-right:30px;
}
.address.last {
	margin-right:0;
}
	.address dt {
		font-weight:normal;
		color:#6b6a6a;
	}
	.address dd { 
		clear:both;
		margin:0 0 0 0 !important;
	}
		.address dd span { 
			float:left;
			width:90px;
		}



/*===== header =====*/
header .logo {
	position:absolute;
	left:0;
	top:47px;
}

header nav {
	position:absolute;
	left:0;
	top:181px;
	border:1px solid #242427;
	width:838px;
	z-index:21;
	background:url(../images/nav-bg.gif) 0 0 repeat-x;
}

header nav-inter {
	position:absolute;
	right:0;
	top:181px;
	width:138px;
	z-index:20;
}
			

header .phone {
	position:absolute;
	right:0;
	top:104px;
	font-size:28px;
	line-height:1.2em;
	color:#8e8d8d;
	text-align:right;
}
	header .phone strong {color:#8e8d8d; font-weight:normal;}
	header .phone span {
		display:block;
		font-size:11px;
		color:#5c5c5c;
		text-transform:uppercase;
		margin-top:-12px;
	}

header .twitter-link {
	position:absolute;
	right:1px;
	top:182px;
	background:url(../images/twitter-link.jpg) no-repeat 100% 0;
	font-size:11px;
	height:53px;
	line-height:53px;
	z-index:100;
}
	header .twitter-link a {
		display:block;
		color:#616161;
		padding:0 71px 0 0;
		text-decoration:none;
		text-shadow:1px 1px 0 #000;
		text-transform:uppercase;
	}
	header .twitter-link a:hover {
		color:#fff;
		text-shadow:1px 1px 10px #999;
	}



/*--- intro text ---*/
.main-banner {
	height:272px;
	overflow:hidden;
	margin-bottom:5px;
	background:url(../images/main-banner-bg.jpg) no-repeat 0 0;
	position:relative;
}
	
/*See coda-slider-2.0.css*/

/*	.main-banner #coda-slider {
		position:absolute;
		left:0px;
		top:0px;
		width:305px;
		margin:19px 0 0 15px;
	}
		.main-banner #coda-slider > div {
		}
		.main-banner #coda-slider h1 {
			color:#fff;
			line-height:1em;
			text-align:center;
		}
			.main-banner #coda-slider h1 strong {
				font-size:46px;
				display:block;
				line-height:1.2em;
				color:#f7931e;
				font-weight:bold;
			}
			.main-banner #coda-slider h1 span {
				font-weight:700;
				color:#33a457;
			}
		
		.main-banner #coda-slider .button-shadow {
			background:url(../images/button-shadow.png) no-repeat 50% 100%;
			padding-bottom:21px;
			float:left;
		}
	.main-banner #prev2 {
		display:block;
		position:absolute;
		width:33px;
		height:33px;
		background:url(../images/prev.gif) no-repeat 0 0;
		left:12px;
		top:169px;
	}
	.main-banner #next2 {
		display:block;
		position:absolute;
		width:33px;
		height:33px;
		left:361px;
		top:169px;
		background:url(../images/next.gif) no-repeat 0 0;
	}
		
		.main-banner #coda-slider ul {
			padding-bottom:18px;
			color:#fff;
		}
			.main-banner #coda-slider ul  li {
				background:url(../images/marker2.gif) no-repeat 0 6px;
				padding:0 0 4px 13px;
				color:#fff;
			}
				.main-banner #coda-slider ul  li a {
					color:#fff;
					text-decoration:none;
				}
				.main-banner #coda-slider ul li a:hover {
					color:#fff;
				}

/*--- intro text ---*/




/*--- 404 page ---*/
.error_page {
	padding:0 0 85px 0;
	min-height:500px;
	text-align:center;
}
		.error_page h2 {
			font-size:90px;
			line-height:1.2em;
			font-weight:700;
			margin:-20px 0 0 0;
			letter-spacing:-2px;
		}
		.error_page h3 {
			font-size:40px;
			line-height:1.2em;
			margin:0 0 1em 0;
			color:#fbb91f;
		}
/*--- 404 page ---*/



/*===== construction page =====*/
#construction-box {
	width:800px;
	height:500px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-250px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
/*	behavior:url(js/PIE.html);*/
}
	#construction-box .inside {
		padding:20px 20px 20px 20px;
	}
		#construction-box .button {
			position:relative;
		}
		#construction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:3em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
		}
			#construction-box h1 span { 
				text-transform:uppercase;
				color:#f7931e;
				display:block;
				margin-bottom:-15px;
			}
			
		#construction-box h2 { 
			text-align:justify;
			font-weight:normal;
			font-size:1.5em;
		}			

			#construction-box h2 span { 
				text-transform:uppercase;
				color:#f7931e;
				font-weight:bold;
				font-size:3em;
				display:block;
				text-align:center;
			}			

			#construction-box h2 strong { 
				color:#f7931e;
				font-weight:bold;
			}			

			
/*--- countdown begin ---*/
#countdown_dashboard {
	height:110px;
	padding:20px 0px 20px 0px;
	width:650px;
	margin:0 auto;
	position:relative;
}

.dash {
	width: 110px;
	height: 114px;
	background: transparent url('../images/dash.png') 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}

.dash .digit {
	font-size:75px;
	line-height:85px;
	font-weight: bold;
	float: left;
	width: 55px;
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	color: #555;
	position: relative;
}
	.dash .digit .bottom {
		font-size:75px;
		line-height:85px;
	}

.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	left:0;
	font-size: 12px;
	color: #555;
	text-transform: uppercase;
	letter-spacing: 2px;
	width:110px;
}

.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}

#subscribe_form {
	position: relative;
} 

#email_field {
	font-size: 16pt;
	padding: 6px 10px;
	width: 300px;
}

#subscribe_button {
	font-size: 14pt;
	color: #333;
	padding: 4px 8px;
}

.copyright {
	font-size: 9pt;
	color: #333;
	margin: 40px 0px;
}

.faded {
	color: #999;
}

.form_message {
	width: 400px;
	padding: 10px;
	margin: 15px auto;
	display: none;
}

#error_message {
	background-color: #ffe;
	border-left: 5px solid #bb3;
	border-right: 5px solid #bb3;
	color: #770;
}

#info_message {
	background-color: #f0f9ff;
	border: 1px solid #eef;
}

#loading {
	text-align: center;
	margin: 10px;
	display: none;
	position: absolute;
	width: 100%;
	top: 60px;
}
/*--- countdown end ---*/

/*===== construction page =====*/



/*--- intro page ---*/
#intro-box {
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#eae9e7;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-color:#ccc;
	box-shadow:0 0 10px #999;
	-moz-box-shadow:0 0 10px #999;
	-webkit-box-shadow:0 0 10px #999;
	text-align:center;
	behavior:url(js/PIE.html);
	float:left;
}
	#intro-box .inside {
		padding:40px 40px 40px 40px;
	}
		#intro-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			text-align:center;
			width:600px;
			overflow:hidden;
			height:100px;
			color:#fff;
		}
			#intro-box h1 span { 
				text-transform:uppercase;
				color:#1fb7c4;
				display:block;
				margin-bottom:-15px;
			}
		
		#intro-box .button {
			position:absolute;
			right:30px;
			bottom:20px;
			float:right;
			white-space:nowrap;
		}
		
		.intro-buttons {
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
		}
		
		#flash-intro {
			margin-bottom:20px;
			position:absolute;
			left:43px;
			background:#000;
		}
/*--- intro page ---*/
	
#wrapper {
	overflow:hidden
}
#wrapper .w_indent {
	padding:0 15px;
}
.right {
	float:right
}
/*===== content =====*/
.article {
/*	margin:0 10px;*/
}
	
	#content article header {
		height:auto;
		padding-bottom:20px;
	}
		#content article header h2 {
			margin-bottom:.2em;
		}
			#content article header h2 a {
				color:#333;
				text-decoration:none;
			}
			#content article header h2 a:hover {
				color:#19b6c5 !important;
			}
	
	#content article .entry-content {
		padding-bottom:20px;
	}
	#content article footer {
		margin:0;
		padding:0;
		border-top:1px solid #f3f3f4;
		padding:20px 0 10px 0;
	}
		#content article footer a {
			background:#333;
			padding:4px 8px;
			color:#fff;
			display:inline-block;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			behavior:url(js/PIE.html);
			margin-right:12px;
		}
		#content article footer a:hover {
			background:#19b6c5;
			text-decoration:none;
		}
			
			#content article footer .tags {
				width:100%;
				overflow:hidden;
				text-align:left;
			}
				#content article footer .tags dt {
					display:inline;
					color:#333;
					padding-right:5px;
				}
				#content article footer .tags dd {
					display:inline;
				}
					#content article footer .tags dd a {
						margin-right:3px;
						background:#e9e9e9;
						color:#333;
					}
					#content article footer .tags dd a:hover {
						background:#19b6c5;
						color:#fff;
					}
			
			
	

/*--- lightbox image ---*/
	.lightbox-image {
		position:relative;
		overflow:hidden;
	}
		.lightbox-image img {
			position:relative;
			z-index:2;
			margin-right:15px;
		}
		.lightbox-image span {
			display:block;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background:url(../images/magnify.png) no-repeat 50% 50%;
			z-index:1;
		}
/*--- lightbox image ---*/



/*--- pagination styles ---*/

.pagination {
	display:block;
	width:100%;
	overflow:hidden;
}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
	}
	.pagination a:hover {
		text-decoration:underline;
	}
		.pagination ul {
			float:left;
			padding:0 3px 0 0px;
		}
			.pagination ul li {
				float:left;
				padding:0 5px;
				margin-right:1px;
				background:#e9e9e9 !important;
				font-size:15px;
				line-height:31px;
				color:#000;
				text-decoration:none;
				height:31px;
			}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
			}
				.pagination ul li a {
					padding:0;
					font-size:15px;
					color:#000;
					text-transform:none
				}
				.pagination ul li a:hover {
					text-decoration:none;
				}




/*--- code grabber ---*/
.code {
	padding:30px 0 10px 0;
}
	.code a.code-icon {
		margin-bottom:10px;
	}
	.code a.code-icon i {
		padding-right:6px;
		font-style:normal;
	}
	.code div.grabber {
		display:none;
	}
	.code code {
		padding:0 10px 0 10px;
		background:#f6f6f6;
		color:#333;
		border:1px solid #dfdfdf;
		white-space:pre;
		overflow:auto;
	}
/*--- code grabber ---*/


/*--- clients-list ---*/
.clients-list { width:100%; overflow:hidden;}
.clients-list li { float:left; padding:0 1px 1px 0;}
.clients-list li:hover {opacity:0.5; filter: alpha(opacity = 50);}




/*--- comments ---*/

#content .comments {
	padding-bottom:60px;
}

#content .comments ul {
	padding:5px 0 5px 0 !important;
}
	.comments li {
		position:relative;
		padding:0 7px 0 80px !important;
		background:none !important;
		zoom:1;
	}
		.comments li p.avatar {
			position:absolute;
			left:0;
			top:2px;
			float:left;
		}
			.comments li .comment {
				border:2px solid #f3f3f4;
				padding:15px;
				border-radius:10px;
				margin-bottom:20px;
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				behavior:url(js/PIE.html);
				position:relative;
			}
			.comments li .comment:hover {
				box-shadow:0 0 10px #ccc;
				-webkit-box-shadow:0 0 10px #ccc;
				-moz-box-shadow:0 0 10px #ccc;
				background:#f4f4f4;
			}
			
			
			.comments li ul {
				margin:0 -7px 0 -40px;
			}
				
				
				.comments hgroup { padding-bottom:15px;}
				
				.comments hgroup h5 {
					margin-bottom:4px;
				}
				.comments hgroup h6 {
					font-weight:normal;
				}


/*--- sidebar styles ---*/





/*--- carousel begin ---*/
#carousel1 {
	
}
#carousel1 li {
	background:none !important;
	padding:0 0 0 0 !important;
}


/*-tags-*/
.tags {
	text-align:center;
	padding-bottom:20px;
}	
	.tags a {
		text-decoration:none;
		color:#333;
		padding:3px 1px;
		vertical-align:baseline;
		line-height:1.2em;
	}
	.tags a:hover {
		color:#19b6c5;
	}
	.tags .topic1 {font-size:10px;}
	.tags .topic2 {font-size:11px;}
	.tags .topic3 {font-size:13px;}
	.tags .topic4 {font-size:15px;}
	.tags .topic5 {font-size:18px;}
	.tags .topic6 {font-size:20px;}
	.tags .topic7 {font-size:22px;}
	.tags .topic8 {font-size:25px;}
	.tags .topic9 {font-size:29px;}
	

/*-calendar-*/
.calendar { margin-bottom:20px;}
.calendar thead td, .calendar tbody td {
	text-align:center;
}
.calendar thead td {
	font-weight:bold;
	color:#333;
	padding:8px 0;
}
.calendar tbody td.selected {
	background:#333;
}
.calendar tbody td.selected:hover {
	background:#19b6c5;
}
.calendar tbody td a {
	color:#fff;
	text-decoration:none;
}


/*-advertisment-*/
.adv { width:100%; overflow:hidden; padding-bottom:20px;}
.adv li {float:left; padding:0 8px 8px 0 !important; background:none !important;}


/*-.elements-list-*/
.elements-list li {
	background:none !important;
	padding:0 0 12px 0 !important;
	position:relative;
}
	.elements-list li code {
		position:absolute;
		right:0;
		top:-3px;
		padding:2px 3px 1px 3px;
		border:1px dotted #333;
	}
	

/*===== footer =====*/
footer {
	color:#918f90;
}
		footer a {
			color:#918f90;
			text-decoration:none;
		}
		footer a:hover {
			text-decoration:underline;
		}
			footer span {
				color:#fff;
			}
		
		footer nav, footer nav ul {
			float:left;
		}
			footer nav li {
				display:inline;
				color:#918f90;
				border-left:1px solid #918f90;
				padding:0 5px 0 8px;
			}
			footer nav li:first-child {
				border:none;
			}
				footer nav li a {
					text-decoration:none;
					text-transform:capitalize;
				}
				footer nav li a:hover, footer nav li a.current {
					color:#fff;
					text-decoration:underline;
				}


/* Forms
---------------------------------------- */

/*  Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}



/* Newsletter-form */
#newsletter-form fieldset {
	border:none;
	}
	#newsletter-form .field {
		overflow:hidden;
		margin-bottom:8px;
		}
		#newsletter-form input[type=text] {
			width:175px;
			padding:3px 0 3px 5px;
			background:#4d4d4d;
			border:none;
			color:#a7a7a7;
			border-right:1px solid #000;
			border-left:1px solid #000;
			margin-right:3px;
			}
		#newsletter-form input[type=submit] {
			width:30px;
			height:22px;
			background:url(../images/go-button-tail.gif) 0 0 repeat-x;
			border:1px solid #000;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			cursor:pointer;
			color:#2f2f2f;
			font-weight:bold;
			text-transform:uppercase;
			text-shadow:0 1px 0 #f1f1f1;
			}


/* Newsletter-form */
#newsletter-alt-form fieldset {
	border:none;
	}
		#newsletter-alt-form input[type=text] {
			width:175px;
			padding:3px 0 3px 5px;
			background:#4d4d4d;
			border:none;
			color:#a7a7a7;
			border-right:1px solid #000;
			border-left:1px solid #000;
			border-top:1px solid #000;
			margin-right:12px;
			font-size:12px;
			}
		#newsletter-alt-form input[type=submit] {
			width:40px;
			height:22px;
			background:url(../images/go-button-tail.gif) 0 0 repeat-x;
			border:1px solid #000;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			cursor:pointer;
			color:#2f2f2f;
			font-weight:bold;
			text-transform:uppercase;
			text-shadow:0 1px 0 #f1f1f1;
			font-size:12px;
			}

				

/* Reply-form */
#reply-form fieldset {
	border:none;
	padding-right:10px;
}
	#reply-form .field {
		overflow:hidden;
		min-height:45px;
		height:auto !important;
		height:45px;
		padding:4px 0 0 4px;
	}
		#reply-form input[type=text] {
			width:238px;
			padding:5px 12px 5px 12px;
			background:#f0f0f0;
			border:1px solid #e4e4e4;
			border-radius:14px;
			-moz-border-radius:14px;
			-webkit-border-radius:14px;
			behavior:url(js/PIE.html);
		}
		
		#reply-form input[type=email] {
			width:245px;
			padding:5px 12px 5px 12px;
			background:#f0f0f0;
			border:1px solid #e4e4e4;
			border-radius:14px;
			-moz-border-radius:14px;
			-webkit-border-radius:14px;
			behavior:url(js/PIE.html);
		}
		#reply-form input[type=email].alt {
			width:238px;
		}
	
		#reply-form textarea {
			width:345px;
			height:95px;
			background:#f0f0f0;
			border:1px solid #e4e4e4;
			padding:5px 12px 5px 12px;
			overflow:auto;
			border-radius:14px;
			-moz-border-radius:14px;
			-webkit-border-radius:14px;
			behavior:url(js/PIE.html);
			margin:0 0 19px 4px;
		}
			
			#reply-form input[type=text]:focus, #reply-form input[type=email]:focus, #reply-form textarea:focus {
				border-color:#ccc;
				box-shadow:0 0 4px #999;
				-moz-box-shadow:0 0 4px #999;
				-webkit-box-shadow:0 0 4px #999;
			}
			
			
		#reply-form input[type=reset], #reply-form input[type=submit] {
			float:left;
			font-size:18px;
			line-height:31px;
			height:31px;
			background:#333;
			padding:0 22px;
			color:#fff;
			text-decoration:none;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			behavior: url(js/PIE.html);
			margin-right:10px;
			border:none;
			cursor:pointer;
			width:80px;
		}
			#reply-form input[type=reset]:hover, #reply-form input[type=submit]:hover {
				background-color:#1fb7c4;
			}
				
				#reply-form small {
					color:red;
					font-weight:bold;
					padding:0 0 0 5px;
				}






/*--- folio ---*/
.folio { width:100%; overflow:hidden;}
.folio ul {
	margin-left:-35px;
	zoom:1;
}
.folio li {
	float:left;
	width:290px;
	padding:0 0 30px 0 !important;
	margin-left:35px;
	background:none !important;
}
	
	.folio li p {
		margin-bottom:12px;
	}
	.folio li img {
		border:1px solid #dbdbdb;
	}




/* Login form */
#login-form {
	position:absolute;
	right:0;
	top:4px;
	}
	#login-form fieldset {
		border:none;
		}
		#login-form input[type=text] {
			background:#4d4d4d;
			border:none;
			padding:3px 0 3px 4px;
			width:92px;
			margin-right:5px;
			color:#fff;
			}
		#login-form input[type=password] {
			background:#4d4d4d;
			border:none;
			padding:3px 0 3px 4px;
			width:92px;
			margin-right:5px;
			color:#fff;
			}
		#login-form input[type=submit] {
			height:22px;
			line-height:18px;
			background:url(../images/go-button-tail.gif) 0 0 repeat-x;
			border:1px solid #000;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			cursor:pointer;
			color:#2f2f2f;
			font-weight:bold;
			text-transform:uppercase;
			text-shadow:0 1px 0 #f1f1f1;
			margin:0;
			padding:0 10px;
			}


/* Clock form */
#ClockForm {
	position:absolute;
	left:0;
	top:13px;
	}
	#ClockForm fieldset {
		border:none;
		float:left;
		text-align:left;
		background:url(../images/clock-bg.gif) no-repeat 0 0;
		padding-left:26px;
		}
		#ClockForm fieldset input {
			border:none;
			background:none;
			color:#3e3e3e;
			width:300px;
			text-transform:capitalize;
			height:18px;
			}


/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	}
	#contact-form fieldset {
		border:none;
		padding:0 0 0 0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 0px;
			}
			#contact-form input[type=text] {
				width:238px;
				padding:9px 10px 9px 10px;
				background:#f9f8f8;
				border:1px solid #c5c4c2;
				display:block;
				color:#6b6a6a;
				}
			
			#contact-form.main-contacts .field input {
				margin-top:4px;
				}
	
		#contact-form textarea {
			width:238px;
			height:308px;
			background:#f9f8f8;
			border:1px solid #c5c4c2;
			padding:9px 10px 9px 10px;
			overflow:auto;
			display:block;
			color:#6b6a6a;
			}
			#contact-form a {
				cursor:pointer;
				}
			#contact-form .alignright {
				padding-top:12px;
				}
				
				#contact-form small {
					color:red;
					font-weight:bold;
					padding:0 0 0 5px;
					}
				
		#contact-form label {
			padding:0 0 2px 5px;
			display:inline-block;
			}
		#contact-form strong {
			padding:0 0 2px 9px;
			display:inline-block;
			color:#838383;
			}
			#contact-form .error {
				color:red;
				}
		
		
		.buttons-wrapper {
			padding-top:30px;
		}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
		}






/*--- accordion begin --*/
	dl#accordion {
	  list-style-type:none;
	  margin: 0;
	  padding: 0 2px 0 0;
	  height:auto !important;
	}
	dl#accordion .indent {
		padding-top:7px !important;
		padding-bottom:5px !important
	}
	
	dl#accordion a {
	  display: block;
	  text-decoration: none;	
	}
	
	dl#accordion dt {
		margin-top:1px;
	}
	dl#accordion dt a {
		background-color:#333132;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;
		
	  color: #7f7f7f;	
	  padding:9px 0 9px 21px;
		margin-bottom:4px;
	  font-weight:bold;
	  text-decoration:none;
	  display:block;
	  font-size:12px;
	}
	
	dl#accordion dt a:hover {
		background-color:#8e8d8b;
	  color:#fff;
	}
	
	dl#accordion dt.active a{
		background-color:#ccc;
		background-image:url(../images/arrow2.gif);
		color:#333;
	}
	
		dl#accordion dd {
			display:none;
			margin-bottom:0;
		}
			dl#accordion dd .indent {
				padding:10px 30px 14px 20px !important;
			}
			dl#accordion dd a {
			  display:inline;
			  background:none;
			  padding:0;
			  font-weight:bold;
			  width:auto;
			  text-decoration:underline;
			}
			dl#accordion dd a:hover {
				text-decoration:none;
				background:none;
			}
			.sub_menu  li {
				list-style:none;
				line-height:30px!important;
				padding-left:0 !important;
				background:none !important;
				padding:0px 0 !important
			}
			.sub_menu li a {
				font-size:12px !important;
				line-height:30px!important;
			}
/*--- accordion end --*/



/* Slidedown */
.slideDown {
	padding:0 1px 0 0;
}
	.slideDown dt {
		background-color:#333132;
		background-image:url(../images/arrow1.gif);
		background-repeat:no-repeat;
		background-position:100% 16px;
		box-shadow:1px 1px 1px #d1d1d1;
		-moz-box-shadow:1px 1px 0 #d1d1d1;
		-webkit-box-shadow:1px 1px 0 #d1d1d1;
		color: #fff;	
		padding:9px 0 9px 21px;
		margin-bottom:4px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		font-size:12px;
		cursor:pointer;
		margin-bottom:10px;
	}
	.slideDown dt:hover, .slideDown dt.active {
		background-color:#fea900;
		color:#fff;
		text-shadow:0 0 5px #fff;
	}
	.slideDown dt.active {
		background-image:url(../images/arrow2.gif);
	}


	.slideDown dd {
		display:none;
		padding:10px 20px 20px 20px;
	}
	.slideDown.absolute dd {
		position:absolute;
		background:#fff;
	}





/*--- tooltips begin ---*/
.aToolTip {
	border:2px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

a.aToolTipCloseBtn {
	display:block;
	height:20px;
	width:20px;
	overflow:hidden;
	background:url(../images/close.gif) no-repeat;
	text-indent:-9999px;
	outline:none;
	position:absolute;
	top:-15px;
	right:-20px;
}
/*--- tooltips end ---*/



/*--- Coin Slider styles begin ---*/
#coind-slider { overflow:hidden;}
.coin-slider { overflow: hidden; zoom: 1; position: relative; padding-bottom:30px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #322e30; background:#322e30; color: #fea900; text-indent: -9999em; 
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.cs-buttons a:hover, .cs-buttons a.cs-active { background-color: #fea900; border: 1px solid #fea900; color: #FFFFFF; }

.cs-title { width:100%; padding: 10px 0; background-color: #000000; color: #FFFFFF;
	text-indent:10px;

}

.cs-prev, 
.cs-next { background-color: #000; color: #FFF; padding: 0px 10px; text-indent:0;
}
.cs-prev:hover, .cs-next:hover { background:#fea900;}

/*--- Coin Slider styles end ---*/




/*--- gallery begin ---*/
#galleryfic_gallery {
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
}
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 909px; 
	position:relative;
	z-index:10;
	margin-bottom:20px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 463px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:10
}
	.advanced_gallery div.slideshow-container {
		width:60%;
		overflow:hidden;
	}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow {
	height: 463px;
	width:909px;
	overflow:hidden;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 463px;
	width:909px;
}
div.slideshow a.advance-link {
	display: block;
	width: 466px;
	height: 243px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	overflow:hidden;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	position:absolute;
	left:0;
	top:0;
	padding:4px;
	border:1px solid #ddd;
}
div.slideshow.noborder img {
	padding:0;
	border:none;
}
div.caption-container {
	position: relative;
	clear: left;
	height:40px;
}
	.advanced_gallery div.caption-container {
		position:absolute;
		right:0;
		top:0;
		width:40%;
	}
span.image-caption {
	display: block;
	position: absolute;
	width: 466px;
	top: 0;
	left: 0;
}
div.caption {
	padding:10px 70px 0 30px;
	overflow:hidden;
}
div.caption h2 {
	background:#eae9e7;
}
div.caption h4 {
	float:left;
	background:#fff;
}
div.image-desc {
	font-size:10px;
	text-transform:uppercase;
	float:right;
	padding:8px 0 0 0;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding:1px !important;
	background:none !important;
	list-style: none;
	margin:0 4px 0 0;
	border:1px solid #ddd;
	margin-bottom:4px;
}
ul.thumbs li.last {
	padding-right:0;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
/*--- gallery end ---*/




/* Kwicks gallery */
.kwicks-wrapper {
	width:920px;
	overflow:hidden;
}
.kwicks-box {
	border:1px solid #323232;
	padding:12px;
}

.kwicks {
/*	 recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0 !important;
	overflow:hidden;
	height:396px;
	background:#000;
}
	.kwicks li{
		/* these are required, but the values are up to you (must be pixel) */
		width: 158px;
		height: 396px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;   if you need padding, do so with an inner div (or implement your own box-model hack) 
		cursor:pointer;
		opacity:.5;
		filter: alpha(opacity=50);
		background:none !important;
	}
	.kwicks li h3, .kwicks li p {
		display:none
	}
	.kwicks li.active {
		opacity:1;
		filter: alpha(opacity=100);
	}
	.kwicks.horizontal li {
		/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
		margin-right: 0; /*Set to same as spacing option. 	*/
		float: left;
	}	

	.kwicks_vertical {
		/* recommended styles for kwicks ul container */
		list-style: none;
		position: relative;
		margin: 0;
		padding: 0 !important;
		overflow:hidden;
		width:950px;
		height:396px;
		background:#000;
	}
	.kwicks_vertical li{
		/* these are required, but the values are up to you (must be pixel) */
		height: 196px;
		/*do not change these */
		display: block;
		overflow: hidden;
		padding: 0 !important;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
		cursor:pointer;
		float:none;
		opacity:.5;
		filter: alpha(opacity=50);
	}
	.kwicks_vertical li.active {
		opacity:1;
		filter: alpha(opacity=100);
	}



/* Superfish dropdown menu */
header .menu-nav {
	max-width:		840px;
	margin:			0;
	padding:		0;
	list-style:		none;
}
header .menu-nav {
	line-height:	1.0;
}
header .menu-nav ul {
	position:		absolute;
	top:			-999em;
	width:			20em; /* left offset of submenus need to match (see below) */
}
header .menu-nav ul li {
	width:			100%;*/
}
header .menu-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
header .menu-nav li {
	float:			left;
	position:		relative;
	background:none !important;
}

header .menu-nav a {
	display:		block;
	position:		relative;
}
header .menu-nav li:hover ul,
header .menu-nav li.sfHover ul {
	left:			0;
	top:			53px; /* match top ul list item height */
	z-index:		99;
}
header ul.menu-nav li:hover li ul,
header ul.menu-nav li.sfHover li ul {
	top:			-999em;
}
header ul.menu-nav li li:hover ul,
header ul.menu-nav li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
	margin-left:1px;
}
header ul.menu-nav li li:hover li ul,
header ul.menu-nav li li.sfHover li ul {
	top:			-999em;
}
header ul.menu-nav li li li:hover ul,
header ul.menu-nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.menu-nav li.parent {
	background:url(../images/drop-down-arrow.gif) no-repeat right  !important;
}
/*** DEMO SKIN ***/
header .menu-nav {
	float:	left;
}
header .menu-nav a {
	text-decoration:none;
	color:#0a4feb;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 20px;
	display:block;
	zoom:1;
}
header .menu-nav a:hover, .menu-nav a#active_menu-nav	  { /* visited pseudo selector so IE6 applies text colour*/
	background:#2d9dbd/*33a457*/;
	color:#fff;
}
header .menu-nav li {
	float:left;
	line-height:50px;
	font-size:14px;
/*	border-right:1px solid #252424;
	border-bottom:1px solid #252424;*/
}

	header .menu-nav li li {
		font-size:12px;
		font-weight:normal;
		text-transform:none;
		text-align:left;
		line-height:25px;
		border:none;
		border-bottom:1px solid #474646;
	}
	header .menu-nav li li a {
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		background:#000;
		color:#0a4feb;
		padding:0 0 0 10px;
		line-height:25px;
		height:25px;
		overflow:hidden;
		display:block;
		text-transform:capitalize;
	}
	header .menu-nav li li a:hover, .menu-nav li li a#active_menu-nav {
		color:#fff;
		background:#2d9dbd/*33a457*/;
	}
	header .menu-nav li li:last-child a {
		border-bottom:none;
	}
header .menu-nav li li li {
	
}
header .menu-nav li:hover, .menu-nav li.sfHover,
header .menu-nav a:focus, .menu-nav a:hover, .menu-nav a:active {
	outline:		0;
}

/*** arrows **/
.menu-nav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			10px;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:url(../images/drop-down-arrow.gif) no-repeat 0 0;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:50%;
	margin-top:-2px;
}
a:hover .sf-sub-indicator, a.current .sf-sub-indicator, a. {
	background:url(../images/drop-down-arrow-act.gif) no-repeat 0 2px;
}
/*header .menu-nav li#current a {
	background:#33a457/33a457/;
	color:#fff
}*/

header .menu-nav li a.current {
	background-color:#d92e6d;
	color:#fff
}


header .menu-nav li li a.current {
	background:#d92e6d;
	color:#fff
}

/* point right for anchors in subs */
header .menu-nav ul .sf-sub-indicator { right:5px !important;}
header .menu-nav ul a > .sf-sub-indicator { background:url(../images/arrow-sub.gif) no-repeat 0 0;}



/* Tabs */
.tabs {
	clear: left;
	float: left;
	margin: 15px 0 30px 0;
	}
	.tabs ol {
		list-style-type: decimal;
		margin: 0 0 0 20px;
		}
		.tabs ol li {
			display: list-item;
			float: none;
			padding-bottom:5px !important;
			font-size:12px;
			color:#6b6a6a;
			}
	.tabs ul.nav { width:100%;}
	.tabs ul.nav {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li.nav {
			display: block;
			float: left;
			margin: 0 5px 0 0;
			background:none !important;
			padding:0 0 0 0 !important;
		}
		.tabs .selected {
			margin-bottom: -5px;
			position: relative;
		}
			.tabs .selected a {
				background: #f0f0f0;
				color: #000;
				padding-bottom: 10px;
			}

			.tabs a {
				background:#000;
				color: #fff;
				display: block;
				padding:5px 10px;
				text-decoration: none;
				}
			.tabs a:hover {
				background: #f0f0f0;
				color: #000;
				}
			.tabs code {
				overflow:auto;
				border:1px dotted #000;
			}
			.wdth250 {
				width:250px;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width:100%;
		max-width:940px;
		overflow:auto;
	}
	.tabs .tab-content {
		width:auto\9;
	}
		.tabs .tab-content .inner {
			padding:10px;
		}
	
	.tabs p { margin-bottom: 5px; }
	.tabs .tab-content strong { color:#000;}
	
	.tabs pre {
		margin:4px 0;
	}
	.tabs code {
		overflow:auto;
	}
	
	*+html .tabs code { overflow:visible;}


/*--- twitter begin ---*/
div#twitter {
	margin-bottom: 2em;
}

div#twitter h2 {
	margin: 0 0 5px 0;
	padding:.5em 1em;
	font-size: 1.5em;
	color: #fff;
	background-color: #888;
	letter-spacing:0;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	text-indent:10px;
	background: transparent url(../images/loader.gif) 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 0 0.5em 0;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 1em !important;
	background:#f0f0f0;
	margin-bottom:7px;
}
ul#twitter_update_list li:hover {
	background-color:#fea900;
	color:#fff;
}
	ul#twitter_update_list li:hover a {
		color:#000;
	}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #000;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #fea900;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #000;
}
/*--- twitter end ---*/




#advanced {
	position:fixed;
	z-index:999;
	right:-172px;
	top:0px;
	background:#181818;
	padding:20px 16px 20px 18px;
	width:135px;
	font-size:11px;
	border-right:3px solid #3a3a3a;
	font-family:Tahoma, Geneva, sans-serif;
	color:#dfdfdf;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
	#advanced span.trigger {
		display:block;
		position:absolute;
		left:-81px;
		top:25px;
		margin-top:-25px;
		width:81px;
		height:50px;
		background:#fff;
		cursor:pointer;
		text-align:center;
		background:url(../images/panel/adv-trigger.png) no-repeat 0 0;
	}
		#advanced span.trigger strong {display:block; padding:4px 0 0 0;}
		#advanced ul {
			list-style:none
		}
		#advanced ul li {
			background:url(../images/panel-arrow.gif) no-repeat 0 6px;
			padding:0 0 0 13px;
			font-size:12px;
		}
		#advanced ul ul {
			padding:0;
		}
		#advanced ul li.trigger_adv {
			padding:0 0 0 0;
		}
			#advanced ul li.trigger_adv > a {
				background:url(../images/panel-arrow2.gif) no-repeat 100% 8px #636363;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				padding:0 20px 0 12px;
				color:#dfdfdf;
				font-weight:bold;
				display:inline-block;
			}
			
		#advanced ul li a {
			color:#4393d0;
			text-decoration:none;
		}
		#advanced ul li a:hover {
			text-decoration:underline;
		}
		#advanced ul ul {
			margin-left:13px;
		}
			#advanced ul ul li {
				font-size:11px;
				background:url(../images/panel-arrow1.gif) no-repeat 0 7px;
			}
			#advanced ul ul a {
				text-transform:capitalize;
				color:#dfdfdf;
			}
			#advanced ul ul ul {
				margin-left:8px;
			}
			#advanced ul ul ul li {
				background:none;
				}
			#advanced ul ul ul li a {
				color:#939393;
			}

p.readmore {
	margin-bottom:0px;
}
.sarrow_l {
	position:absolute;
	top:150px;
	left:0px;
	cursor:pointer
}
.sarrow_r {
	position:absolute;
	top:150px;
	left:360px;
	cursor:pointer;
}
.scroll {
	width:320px;
	margin-left:50px;
	margin-top:0px;
	height:250px;
	overflow:hidden;
}
form#ClockForm.countdown_time {
	width:800px;
	margin:0 auto;
	left:50%;
	margin-left:-390px;
	font-size:12px;
}
form#ClockForm.intropage_time {
	width:600px;
	margin:0 auto;
	left:50%;
	margin-left:-290px;
	font-size:12px;
}
form#ClockForm input {
	padding:0
}
#gallery1-overview {
	overflow:hidden;
	width:100%;
}
.scroll {
	position:relative;
}
.form-validate div {
	padding-bottom:6px;
}
.form-validate label {
	width:120px;
	display:inline-block;	
}
.form-validate input {
	width:250px;
}
.newslatter input[type=text] {
	width:200px;
}
.headline {
	overflow:hidden;
}
.headline h2 {
	width:90%;
}
.icons {
	width:100px;
	float:right
}
label.label-left {
	width:150px;
	display:block;
}