/* 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
---------------------------------------- */
body { 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#a7a7a7;
}
html { min-width:960px;}
html, body { height:100%;}

#pretty{ z-index:900000000000000000000000000;}
.vam{ vertical-align:middle}


.bg_3{ background:url(../images/tail1.gif) repeat-y 314px top}
.bg{ background:url(../images/tail2.gif) repeat-y 314px top}

/* Global Structure
---------------------------------------- */
.main {
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:.8125em;
	overflow:hidden;
	}

	/* Header */
	header{
		height:228px;
		overflow:hidden;
		}
	
	
	/* Sidebar */
	aside.bottom {
		background: url(../images/bot.gif);
		position:relative
		}
		aside.bottom .inside {
			padding:25px 0 43px 54px;
			}
			
			aside.bottom .bg{ background:url(../images/tail.gif) repeat-y 523px top}
		
aside.bottom ul  {
	padding:24px 0px 0px 0px
}
aside.bottom ul li {
	background:url(../images/marker2.gif) no-repeat 0 5px;
	padding:0 0 8px 18px;
	position:relative;
	height:1%;
}
	aside.bottom ul li a {
		color:#fff;
		font-weight:bold;
		font-size:1em;
		text-decoration:none;
	}
	aside.bottom ul li a:hover {
		color:#52524c;
	}
	
	aside.bottom .social-services {
		padding:10px 0 0 40px;
		border-left:1px solid #1d1d1d;
	}
	aside.bottom .social-services li {
		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 {
			
		}
		aside.bottom .social-services li a.facebook {
			
		}
		aside.bottom .social-services li a.su {
			
		}
	aside.bottom h2 {
		color:#fff;
		font-family:Lane - Narrow;
		font-weight:normal;
		font-size:30px
	}
		
			
	/* Footer */
	footer{
		background: url(../images/bot.gif);
		color:#606060;
		}
		footer .container {
			border-top:1px solid #434343;
			margin: 0 auto;
			position: relative;
			width: 960px;
			font-size:.75em;
			}
			footer .indent{ padding:19px 0px 80px 17px}

footer {
	color:#606060;
	text-transform:uppercase
}
	footer a {
		color:#606060;
		text-decoration:underline;
	}
	footer a:hover {
		text-decoration:none;
	}
		footer span {
			color:#606060;
		}



/* 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;
}

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

.indent {padding:20px 0 0 0px; }
.indent-1 {padding:40px 0 0 0px;}
.indent-2 {float:left; padding-right:10px}
.indent-3 {float:left;  padding-left:10px;}
.indent-4 {float:left; }

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

.indent-col{padding:25px 35px 0px 60px}
.indent-col1{padding:25px 0px 20px 0px}
.indent-col2{padding:25px 0px 0px 60px}

.block-contact span{ float:right; padding-right:170px }
.img-indent{ margin-bottom:15px}


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


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

.txt5{ font-size:18px; color:#626262; line-height:1.33em}
.txt6{ font-size:16px; color:#a7a7a7; line-height:1.5em}

.link1{ text-decoration:none}
.link1:hover{ text-decoration: underline}

blockquote {
	margin:0 5px 10px 5px;
	padding:0 10px 10px 42px;
	font-size:16px; 
	line-height:1.2em;
	color:#88e1f9;
	font-weight:normal;
	quotes:none;
	background:url(../images/quotes.gif) no-repeat 0 0;
}
blockquote.left {border-right:1px dashed #ccc; width:35%; float:left; margin-right:20px; padding-right:0px; background:none; padding-left:0; margin-left:0; line-height:25px}
blockquote.right {border-left:1px dashed #ccc; width:35%; float:right; margin-left:20px; padding-left:30px; background-position:20px 0; background:none; line-height:25px}


ins {
    background-color:#01cad6;
	font-size:12px;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
    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] {
	color:#01cad6;
    border-bottom:1px dotted #01cad6; text-transform:uppercase;
    cursor:help;
	}

em, dfn , site 		   { font-style:normal; color:#01cad6}
dfn 	 		     {font-size:14px; letter-spacing:3px; color:#01cad6; font-family:Verdana, Geneva, sans-serif; font-style:italic}
sup	   { padding-bottom:10px; font-size:10px}
sub 		   { vertical-align:bottom; font-size:10px}
abbr, acronym  { border-bottom:1px dashed #01cad6; color:#01cad6}
address 		   { margin:0 0 1.5em;font-style:normal;}
del 			     { color:#1f1f1f;}
pre, code, tt  { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; display:block;}
code 			     { background-color:#f6f6f6; display:block; color:#01cad6; padding:3px 2px 3px 5px; line-height:1.67em;  border:1px dotted #333;}
pre 			     { white-space:pre;}
q{ color:#01cad6; font-size:15px; font-family:"Courier New", Courier, monospace}
small{ font-size:10px;}
big{ font-size:21px;}
kbd{ font-size:11px; font-family:"Courier New", Courier, monospace}
samp{ font-size:11px; font-family:"Courier New", Courier, monospace}

/* Custom select color */
::selection {
	background: #01cad6;
	color:#fff;					 /* Safari */
	}
::-moz-selection {
	background: #01cad6; /* Firefox */
	color:#fff;
	}


/*  Header styles */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.2em; color:#221b1a;}
h1 {	font-size:48px; } 
h2 {	font-size:40px;} 
h3 {	font-size:30px; } 
h4 {	font-size:22px;} 
h5 {	font-size:18px; } 
h6 {	font-size:14px;}



/* Unordered list style
---------------------------------------- */

/* List */
ul.list {}
	ul.list li { 
		background:url(../images/icon1.gif) no-repeat 0 2px;
		padding:0 0 0 56px;
		position:relative;
		padding-bottom:15px;
		zoom:1;
		}
	ul.list .li { 		background:url(../images/icon2.gif) no-repeat 0 2px;		}
	ul.list .li1 { 		background:url(../images/icon3.gif) no-repeat 0 2px;		}
	ul.list .li2 { 		background:url(../images/icon4.gif) no-repeat 0 2px;		}
	ul.list .li3 { 		background:url(../images/icon5.gif) no-repeat 0 2px;		}
	ul.list .li4 { 		background:url(../images/icon6.gif) no-repeat 0 2px;		}
	ul.list .li5 { 		background:url(../images/icon7.gif) no-repeat 0 2px;		}
	ul.list .li6 { 		background:url(../images/icon8.gif) no-repeat 0 2px;		}
	ul.list .li7 { 		background:url(../images/icon9.gif) no-repeat 0 2px;		}
		ul.list li a {
			color:#00c9d6;
			font-weight:bold;
			text-decoration:none
		
			}
		ul.list li a:hover {
			text-decoration:underline
		
			}
			ul.list li ul {
				padding:9px 0 0 0; 
				margin-bottom:-10px;
				}


/* List1 */
ul.list1 {}
	ul.list1 li { 
		background:url(../images/marker.png) no-repeat 0 5px;
		padding:0 0 4px 23px;
		position:relative;
		zoom:1;
		}
		ul.list1 li a {
			color:#00c9d6;
			font-size:.92em
			}
			ul.list1 li ul {
				padding:9px 0 0 0; 
				margin-bottom:-10px;
				color:#a7a7a7
				}
				ul.list1 li ul li { 
				background:none;
				padding:0 0 0px 23px;
				position:relative;
				zoom:1;
				}
				ul.list1 li ul li a {
					color:#a7a7a7;
					font-size:.92em
					}
/* List2 */
ul.list2 {}
	ul.list2 li { 
		background:url(../images/marker.png) no-repeat 0 5px;
		padding:0 0 4px 23px;
		position:relative;
		zoom:1;
		}
		ul.list2 li a {
			color:#00c9d6;
			font-size:.92em;
			text-decoration:none
			}
		ul.list2 li a:hover{
			text-decoration: underline
			}
			ul.list2 li ul {
				padding:0px 0 0 0; 
				margin-bottom:0px;
				color:#a7a7a7;
				}
				ul.list2 li ul li { 
				background:none;
				padding:0 0 0px 23px;
				position:relative;
				zoom:1;
				}
				ul.list2 li ul li a {
					color:#a7a7a7;
					font-size:.92em
							}
/* List3 */
ul.list3 {}
	ul.list3 li { 
		background:url(../images/marker5.gif) no-repeat 0 5px;
		padding:0 0 4px 23px;
		position:relative;
		zoom:1;
		}
		ul.list3 li a {
			color:#a2a2a2;
			font-size:.92em;
			text-decoration:none
			}
		ul.list3 li a:hover{
			text-decoration: underline
			}			
/* List4 */
ul.list4 {}
	ul.list4 li { 
		background:url(../images/marker6.gif) no-repeat 0 5px;
		padding:0 0 4px 23px;
		position:relative;
		zoom:1;
		}
		ul.list4 li a {
			color:#00c9d6;
			font-size:.92em;
			text-decoration:none
			}
		ul.list4 li a:hover{
			text-decoration: underline
			}
			


/* News style*/
.news {
	padding-bottom:18px;
	}
	.news li {
		position:relative;
		padding:0 0 25px 70px;
		color:#000;
		height:1%;
	}
	.news li p.date {
		position:absolute;
		left:0;
		top:3px;
		background:#666;
		width:59px;
		height:69px;
		font-size:25px;
		line-height:64px;
		color:#fff;
		text-align:center;
		font-weight:bold;
		}
	.news li a.title {
		display:block;
		color:#8e8d8b;
		text-transform:uppercase;
		font-size:11px;
		margin-bottom:.5em;
		}
	

/* 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;
			margin-right:10px;
			cursor:pointer;
			position:relative;
			}
		.layouts-nav li a:hover {
			background:#01cad6;
			}


/* Ordered list style */
ol { padding-bottom:15px;}
	ol li { 
		list-style-position:outside;
		list-style-type:decimal;
		margin-left:30px;
		padding-bottom:3px;
		font-size:12px;
		color:#00c9d6;
		font-weight:bold
		}
	ol li a{ 
		list-style-position:outside;
		list-style-type:decimal;
		font-weight:normal;
		text-decoration:none;
		font-size:12px;
		color:#a2a2a2;
		}
	ol li a:hover{ text-decoration:underline }

/* Definition list style */
dl dt { 
	font-weight:bold;
	font-size:1em;
	color:#535353;
	}
dl dd {
	margin-bottom:1.5em;
	padding-left:50px
	}

	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.htc);
			}
		dl.def-list dd {margin-bottom:2em;}
	
	
/* Table styling */
table { width:100%; border:2px solid #4cd2f6}

table thead th {
	text-align:left;
	color:#fff;
	border-right:1px solid #0dd6e2;
	border-bottom:3px solid #6bd8de;
	background:#01cad6;
	padding:15px 0px;
	text-align:center;
	}
table tbody td {
	padding:10px 0px;
	text-align:center;
	background:#e8e8e8;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	}
table tr:hover td {
	background-color:#f5f5f5;
	}



/*  Dropcaps style */
.dropcap_1 {
	font-size:41px;
	width:40px;
	line-height:1em;
	color:#474747;
	display:block;
	float:left;
	font-weight:bold;
	text-align:center;
}
.dropcap_2 {
	font-size:39px;
	background:url(../images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:52px;
	line-height:52px;
	color:#fff;
	display:block;
	float:left;
	font-weight:bold;
	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;
	}


/*  Horizontal divider */
.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 0;
	}
	.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:#01cad6;
	}
	.hr a:hover { color:#000;}


/*  Buttons */
.button { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	background:url(../images/marker3.png) no-repeat 11px 10px #fff;
	padding:7px 24px 9px 40px;
	color:#5c5c5c;
	text-decoration:none;
	border-radius:21px;
	-moz-border-radius:21px;
	-webkit-border-radius:21px;
	behavior: url(js/PIE.htc);
	cursor:pointer;
	position:relative;	
	border:1px solid #f6f6f6;
	box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
	-moz-box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
	-webkit-box-shadow:0px 0px 0px 2px rgba(246,246,246,0.5);
	}
.button:hover {
	background:url(../images/marker3.png) no-repeat 11px 10px #e5e5e5;
	text-decoration:none;
	}
.button2 { 
	display:inline-block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:40px;
	height:40px;
	background:url(../images/marker3.png) no-repeat 7px 12px #fff;
	padding:0 9px 0 30px;
	color:#5c5c5c;
	text-decoration:none;
	border-radius:20px;
	border:1px solid #f6f6f6;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	behavior: url(js/PIE.htc);
	cursor:pointer;
	position:relative;
	}
.button2:hover {
	background:url(../images/marker3.png) no-repeat 7px 12px #e5e5e5;
	text-decoration:none;
	}

	.button3 {
		background:#484848;
		text-decoration:none;
		color:#fff;
		display:inline-block;
		text-shadow:none;
		padding:0px 18px 0px 18px;
		line-height:25px;
		height:25px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		behavior: url(js/PIE.htc);
		cursor:pointer;
		position:relative;
		}
	.button3:hover {
		background:#01cad6;
		color:#fff;
		}.button4 {
		background:#01cad6;
		text-decoration:none;
		color:#fff;
		display:inline-block;
		text-shadow:none;
		padding:0px 18px 0px 18px;
		line-height:25px;
		height:25px;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		behavior: url(js/PIE.htc);
		cursor:pointer;
		position:relative;
		}
	.button4:hover {
		background:#000;
		color:#fff;
		}
	.button.style2 {
		background:#838383;
		}
	.button.style2:hover {
		background:#333;
		}


.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}




/* Blocks and Boxes style
---------------------------------------- */
.box{ background:#ececec; color:#575757}
.box .indent-box{padding:30px 20px 28px 33px}
.box .txt{ font-size:24px; color:#6f6f6f; display:block; margin-bottom:11px; line-height:1.16em}


.box1{ background:#fafafa; }
.box1 .indent-box{padding:30px 20px 28px 33px}
.box1 .indent-box1{padding:28px 5px 25px 25px}
.bg_1{ background:url(../images/img.png) top left no-repeat}

.txt1{ color:#01cad6; font-weight:bold}
.txt-1{ color:#01cad6;}
.txt-1 strong{ color:#01cad6;}
.txt-1 b{ padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}
.txt-2{ color:#575757;}
.txt-2 strong{ color:#575757;}
.txt-2 b{padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}
.txt-3{ color:#a7a7a7;}
.txt-3 strong{ color:#a7a7a7;}
.txt-3 b{ padding-left:48px; font-size:36px; font-weight:normal; display:block; line-height:1em}

.txt2{ color:#575757; font-size:14px; font-style:italic; line-height:1.57em}



.content-box {
	padding:24px 0 18px 0px;
	}

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

/* Block1 */
.block1 {
	border-bottom:1px solid #323031;
	border-top:1px solid #000;
	background:#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 */	
.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 {
			overflow:hidden;
			position:relative;
			}
			.supported-list li p.img-wrapper img {
				padding:0;
			}

/* Information box */
.info-box {
	border:1px solid #68a2cf;
	padding:14px 30px 14px 110px;
	color:#64757f;
	font-size:11px;
	margin-bottom:20px;
	background:#e1f2fc;
	position:relative;
	height:1%;
}
	.info-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
	}

/* Download box */
.download-box {
	border:1px solid #a3c159;
	padding:14px 30px 14px 110px;
	color:#64757f;
	font-size:11px;
	margin-bottom:20px;
	background:#eeffdd;
	position:relative;
	height:1%;
}
	.download-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
	}

/* Notification box */
.notification-box {
	border:1px solid #9b9b9b;
	padding:14px 30px 14px 110px;
	color:#64757f;
	font-size:11px;
	margin-bottom:20px;
	background:#f6f6f6;
	position:relative;
	height:1%;
	}
	.notification-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
		}

/* Error message box */
.error-box {
	border:1px solid #ff9999;
	padding:14px 30px 14px 110px;
	color:#64757f;
	font-size:11px;
	margin-bottom:20px;
	background:#ffeded;
	position:relative;
	height:1%;
	}
	.error-box p.icon {
		position:absolute;
		left:34px;
		top:10px;
		margin:0;
		}






/* Header
---------------------------------------- */

/* Logo */
header .logo {
	position:absolute;
	left:0;
	top:74px;
	width: 444px;
	height: 69px;
	}

/* Navigation */
header nav {
	position:absolute;
	left:10px;
	top:161px;
	width:943px;
	z-index:90000000000000;
	}
			
/* Phone number */
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;
		}

/* Twitter link */
header .twitter-link {
	position:absolute;
	right:1px;
	top:182px;
	background:#fff;
	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-transform:uppercase;
		}




/* Main banner
---------------------------------------- */
.main-banner {
	height:381px;
	overflow:hidden;
	background:url(../images/bg_banner.gif) top left repeat-x;
	margin-left:10px;
	width:940px;
	position:relative;
	}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
	padding:30px 0 15px 0;
	min-height:500px;
	}
	.error_page h1 {
		font-size:60px;
		margin-top:50px;
		margin-left:47px
		}

/* Under Construction page =====*/
#constuction-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.htc);
	}
	#constuction-box .inside {
		padding:40px 40px 40px 40px;
		}
		#constuction-box .button {
			position:relative;
			}
		#constuction-box h1 {
			font-weight:700;
			text-align:center;
			font-size:4em;
			margin-bottom:.2em;
			line-height:1.2em;
			letter-spacing: 2px;
			border-bottom: 1px solid #ddd;
			padding-bottom:10px;
			}
			#constuction-box h1 span { 
				text-transform:uppercase;
				color:#fbb91f;
				display:block;
				margin-bottom:-15px;
			}
			
	/* Countdown */
	#countdown_dashboard {
		height: 110px;
		padding:30px 0 40px 0;
		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;
	}

/* 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.htc);
	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:#03cbd5;
			}
			#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:23px;
			top:20px;
			}
	


/*===== looperSlider =====*/
/*
 * Required 
*/
#loopedSlider {	height:381px;}

#loopedSlider .container { width:940px; height:391px; overflow:hidden; position:relative; margin:0; font-size:12px; color:#ffffff}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides .div { position:absolute; top:0; width:940px; }
#loopedSlider .slides .div img { float:right; right:0; position:absolute}

#loopedSlider .info-text{ width:340px; height:391px; line-height:1.42em; font-size:14px;}
#loopedSlider .indent-info{padding:55px 23px 25px 45px;}
#loopedSlider .info-text h2{ color:#fff; font-size:48px; border-bottom:1px solid #37d7d8; margin-bottom:21px; padding-bottom:21px}
#loopedSlider .info-text .tail{ border-bottom:1px solid #30d1dc; margin-bottom:21px; padding-bottom:95px;}
#loopedSlider .info-text a{ color:#fff; font-size:24px; background:url(../images/marker5.png) top left no-repeat; padding-left:30px; text-decoration:none; float:right}
#loopedSlider .info-text a:hover{ color:#0affc9; text-decoration:none}

/*
 * Optional
*/
#loopedSlider,#newsSlider { width:940px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left;}
ul.pagination li a { 	display:none}

/*--------------------*/




/* Content
---------------------------------------- */		

/* Lightbox image */
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:block;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
		}
	.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;
		}

/* Pagination */
.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 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}


/* Other */
figure { 
	margin:0 23px 0 0;
	background:#6b6b6b;
	color:#FFF;
	float:left;
	}
	figure figcaption {
		color:#6b6a6a;
		color:#FFF;
		text-align:center;
		padding:11px 0 11px 0;
		font-size:18px;
	}

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;
	}
	
	
/* Postal address */
.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;
			}
	


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

/* Forms default */
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 a { 
	color:#fff;
	font-weight:bold
	}
	#newsletter-form .field {
		overflow:hidden;
		margin-bottom:8px;
		}
	#newsletter-form input[type=text] {
		width:198px;
		padding:5px 12px 5px 14px;
		border:none;
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		cursor: auto;
		behavior:url(js/PIE.htc);
		position:relative;
		color:#a7a7a7;
		margin-right:3px;
		background:#fff;
	}
	#newsletter-form input[type=submit] {
		width:89px;
		height:25px;
		background:#484848;
		position:relative;
		border:none;
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		cursor:pointer;
		behavior:url(js/PIE.htc);
		color:#fff;
		}


/* Login form */
#login-form {
	position:absolute;
	right:25px;
	top:93px;
	width:198px;
	margin:0;
	padding:0
}
.rowElem1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem2{ height:45px; background:url(../images/bg_input1.gif) top left no-repeat}
.input{
   	border:none; 
	background:none;
	width:150px; height:20px;
	font-size:1em;
	margin:0;
	color:#000;
	padding-left:14px;
	padding-top:2px;
	padding-bottom:2px;
}.input1{
   	border:none; 
	background:none;
	width:270px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}
#login-form fieldset {
	border:none;
	}
	#login-form input[type=text] {
		background:none;
		border:none;
		color:#969696;
		}
	#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] {
		width:30px;
		height:22px;
		background:#fff;
		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;
		}


/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 4px;
			}
			#contact-form input[type=text] {
				width:349px;
				padding:9px 10px 9px 10px;
				background:#fff;
				border:1px solid #dfe6ea;
				display:block;
				color:#6b6a6a;
				}
			#contact-form.main-contacts .field input {
				margin-top:4px;
				}
			#contact-form textarea {
				width:520px;
				height:130px;
				background:#fff;
				border:1px solid #dfe6ea;
				padding:9px 10px 9px 10px;
				overflow:auto;
				margin:0 0 4px 4px;
				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;
			margin-bottom:5px;
			height:40px
			}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}




/* Newsletter-form */
#newsletter-alt-form fieldset {
	border:none;
	}
	#newsletter-alt-form input[type=text] {
		width:215px;
		padding:7px 0 7px 10px;
		background:#f9f9f9;
		border:none;
		color:#686666;
		border:1px solid #e2e2e2;
		border-right:1px solid #bababa;
		border-left:1px solid #bababa;
		border-top:1px solid #bababa;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		behavior:url(js/PIE.htc);
		margin-right:12px;
		font-size:12px;
		position:relative;
		}
	#newsletter-alt-form input[type=submit] {
		width:75px;
		height:32px;
		background:#3dc1cc;
		border:none;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		behavior:url(js/PIE.htc);
		position:relative;
		cursor:pointer;
		color:#fff;
		font-weight:bold;
		font-size:12px;
			}



/* SlideDown element */
.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:#01cad6;
		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;
	}




/* Accordion */
dl#accordion {
	list-style-type:none;
	margin: 0 !important;
	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;
		margin-left:0 !important;
		}
		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 dd{ padding-left:30px !important}

		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 0px !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;
		}


/* Tooltips */
.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;
	}


/* Coin Slider */
#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: #01cad6;
		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: #01cad6;
		border: 1px solid #01cad6;
		color: #fff;
		}

	.cs-title { 
		width:100%; 
		padding: 10px 0; 
		background-color: #000;
		color: #fff;
		text-indent:10px;
		}

	.cs-prev, 
	.cs-next { 
		background-color: #000;
		color: #fff;
		padding: 0px 10px;
	}
	.cs-prev:hover,
	.cs-next:hover { background:#01cad6;}


/* Gallery */
#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:940px; 
		position:relative;
		z-index:10;
		margin-bottom:20px;
		padding:0
	}
		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:481px; /* 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: 381px;
		width:940px;
		overflow:hidden;
	}
	div.slideshow span.image-wrapper {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 473px;
		width:940px;
	}
	div.slideshow a.advance-link {
		display: block;
		width: 940px;
		height: 473px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: left;
		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;
	}
	div.slideshow.noborder img {
		padding:0;
		margin: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:940px;
		float:left;
		top: 0;
		left: 0;
	}
	div.caption {
		padding:62px 20px 27px 20px;
		overflow:hidden;
		width:340px;
	}
	div.caption h2 {
		background:#fff;
	}
	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;
	}


/* Kwicks */
.kwicks-wrapper {
	width:940px;
	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.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 */
.sf-menu {
	margin:			0;
	padding:		0;
	list-style:		none;
	float:	left;
	z-index:900000000
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu a {
	text-decoration:none;
	color:#4b4b4b;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:157px; height:67px;
	text-align:center;
	line-height:67px;
	display:block;
	background:url(../images/bg_menu.gif) top left no-repeat;
	zoom:1;
}
.sf-menu a:hover, .sf-menu a.current	  { /* visited pseudo selector so IE6 applies text colour*/
	background: url(../images/bg_menu-act.gif);
	color:#c9c9c9;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	position:	relative;
	background:none !important;
	float:left;
	line-height:67px;
	font-size:24px;
}
.sf-menu li li {
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	line-height:25px;
	border:none;
}
.sf-menu li li a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:#262626;
	color:#6b6a6a;
	line-height:25px;
	text-align:left;
	padding-left:10px;
	height:25px;
	overflow:hidden;
	display:block;
	width:146px;
	text-transform:capitalize;
}
.sf-menu li li a:hover, .sf-menu li li a.current {
	color:#000;
	background:#e5e5e5;
}
.sf-menu li li li a:hover, .sf-menu li li li a.current {
	color:#000;
	background:#e5e5e5 !important;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			67px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			156px; /* match ul width */
	top:			0;
	margin-left:1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu 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;
}
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 {
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { right:5px !important;}


/* 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 {
		float: left;
		list-style: none;
		margin: 0 0 5px 0 !important;
		padding:0 0 0 0 !important;
		}
		.tabs li {
			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:hover {
			background: #f0f0f0;
			color: #000;
			}

		.tabs a {
			background:#000;
			color: #fff;
			display: block;
			padding:5px 10px;
			text-decoration: none;
			}

	.tabs .tab-content {
		background: #f0f0f0;
		clear: both;
		width:100%;
		max-width:940px;
		overflow:auto;
		}
		.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 */
#twitter {
	margin-bottom: 2em;
	}

	#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;
		}

	#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:#01cad6;
			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: #01cad6;
					}
				
			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;
				}


/* 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;
		}



/*======================================================*/

/* 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;
	}

/* Advanced Menu */
#advanced {
	position:fixed;
	z-index:999;
	right:-172px;
	top:50px;
	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:50%;
		margin-top:-160px;
		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 li {
			background:url(../images/panel-arrow.gif) no-repeat 0 6px;
			padding:0 0 0 13px;
			font-size:12px;
		}
		#advanced ul li.trigger_adv {
			padding:0 0 0 0;
		}
			#advanced ul li.trigger_adv > span {
				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;
			}