@import"reset.css";@import"superfish.css";@import"grid.css";@import"forms.css";@import"prettyPhoto.css";@import"galleryfic.css";@import"kwicks.css";@import"coin-slider.css";@import"advanced.css";
body{font:14px/22px Arial, Helvetica, sans-serif;position:relative;min-width:960px;}
/*html,body{height:100%; background-color: #FFF;}*/
/* html,body{height:100%; background-image:url(../images/bggrad.jpg); background-repeat:repeat-x; background-color:#f4ebdb} */
html,body{height:100%; background-color: #d7ccb4; background-image:url(../images/bggrad.jpg); background-repeat: no-repeat;}
/* background-image:url(../images/bggrad1.jpg); background-repeat: no-repeat;*/

/* Global Structure---------------------------------------- background="images/bggrad.png";background-repeat:repeat-x */
.main{margin:0 auto;position:relative;width:940px}
/*----- txt,links,lines,titles -----*/
a{color:#9fc023;outline:none;cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:none}
.clear{clear:both;line-height:0;font-size:0}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
p{margin-bottom:22px}
.p0{margin-bottom:0 !important}
.p1{margin-bottom:8px !important}
.m1{padding-bottom:5px}
.p2{margin-bottom:15px !important}
.m2{padding-bottom:15px}
.p3{margin-bottom:30px !important}
.p4{margin-bottom:40px !important}
.p5{margin-bottom:50px}
.p6{margin-bottom:60px !important;}
.p7{margin-bottom:75px}
.reg{text-transform:uppercase}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.it{font-style:italic}
.letter{letter-spacing:-1px}
.color-1{color:#fff}
.color-2{color:#000}
.color-3{color:#7eb900}
/*********************************boxes**********************************/
.margin-bot{margin-bottom:35px !important}
.spacing{margin-right:30px;}
.spacing2{margin-right:6px}
.spacing3{margin-right:60px}
.indent-bot{margin-bottom:20px !important}
.indent-bot2{margin-bottom:30px}
.indent-bot3{margin-bottom:45px}
.img-indent-bot{margin-bottom:25px !important}
.img-indent{float:left;margin:0 20px 0px 0}
.img-indent2{float:left;margin:0 10px 0px 0}
.img-indent3{float:left;margin:0 11px 0px 0}
.img-indent-r{float:right;margin:0 20px 0px 20px}
.prev-indent-bot{margin-bottom:10px !important}
.prev-indent{float:left;margin:0 17px 0px 0}
.padding-top{padding-top:85px !important}
.padding-top1{padding-top:40px}
.padding-top2{padding-top:25px}
.border{border:7px solid #d3e4e3}
.border.padding{padding:3px 3px 8px;}
.buttons a:hover{cursor:pointer}
.list-2 li a,.logo{text-decoration:none}
/*********************************header*************************************/
header{position:relative;z-index:99;}
.links{overflow:hidden;padding:11px 0 16px;margin:0 0 36px;background:#b3660a;font-size:12px;line-height:1.2em;text-transform:uppercase;}
.links ul{float:right;overflow:hidden;}
.links li{float:left;margin:0 0 0 6px;border-left:1px solid #fff;padding-left:7px;}
.links li:first-child{border-left:none;}
.links a{color:#fff;text-decoration:none;}
.logo{font-size:135px;line-height:1.2em;color:#000;letter-spacing:-5px;display:block;}
nav{margin:4px 0 1px;}
/********************** Content ************************/
section#content{padding:40px 0 52px;}
.content_1{background:#e8e8e8;padding:30px 0 66px;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{margin:0 0 28px;line-height:1.2em;color:#101010;}
h1{font-size:40px;}
h2{font-size:36px}
h3{font-size:33px;} 
h4{font-size:22px;}   
h5{font-size:27px}
h6{font-size:18px;}
.no_border{border:none;padding:0;margin:0;}
.col-1,.col-2{float:left;width:187px;margin-right:19px;overflow:hidden;}
.col-2{margin:0;}
.col-3,.col-4{float:left;width:132px;margin-right:23px;text-align:center;}
.col-4{margin:0;}
.column-1,.column-2{width:185px;float:left;margin-right:26px;}
.column-2{margin:0;}
.column-3{width:135px;float:left;margin-right:45px;}
.column-4{width:200px;margin-right:31px;float:left;}
.column-5{width:670px;float:left;}
.column-6,.column-7{float:left;width:209px;margin-right:21px;}
.column-7{margin:0;}
.relative{position:relative;z-index:4}
figcaption{position:absolute;bottom:0px;z-index:5;left:0px;right:0px;text-align:center;padding:9px 0;background:url(../images/figcaption.png) 0 0 repeat;line-height:24px;color:#fff;}
.spacer-1{background:url(../images/pic-1.gif) 362px 0 repeat-y}
.spacer-2{background:url(../images/pic-1.gif) 650px 0 repeat-y}
.scroll{overflow:auto;height:180px;position:relative}
.padding-right{padding-right:55px}
.padding-right2{padding-right:60px;}
.padding-right3{padding-right:30px;}
.padding-left{padding-left:10px;}
.padding-bot{padding-bottom:22px !important;}
.border-bot{border-bottom:1px solid #dfdfdf;padding-bottom:11px;margin-bottom:11px;}
.border-bot1{border-bottom:1px solid #cbcbbf;}
.border-bot2{border-bottom:1px solid #d6debc;margin-bottom:20px;}
.border-left{border-left:1px solid #dadad1}

.link{text-decoration:none;}
.link:hover{color:#7a8661;}

.list-1 li{padding:0 0 0 24px;position:relative;overflow:hidden;margin-bottom:4px;}
.list-1 li a{color:#6b6b6b;}
.list-1 li a:hover{text-decoration:underline;color:#c4c4c4;}
.list-1 li span{background:url(../images/list1-marker.png) 0 0 no-repeat;width:19px;height:45px;position:absolute;left:0;top:-23px;}

.list-2 li{background:url(../images/list2-marker.png) 0 0 no-repeat;padding:0 0 20px 31px;}
.list-2 li a{color:#c4c4c4;}
.list-2 li a:hover{text-decoration:underline;}

time{color:#a8a8a8;font-size:10px;display:block;text-transform:uppercase;font-style:italic;}

#map_canvas{width:350px;height:271px;margin-bottom:25px;}
/******************** Footer ******************/
footer{padding:21px 0;color: #000; font-weight:bold; border-top:1px solid #dbdbdb;text-align:center;width:940px;margin:0 auto;}
footer a{color:#6b6b6b;text-decoration:none;}
.footer-menu{font-size:10px;float:right;overflow:hidden;}
.footer-menu li{float:left;border-left:1px solid #a7a7a7;padding-left:10px;margin-left:10px;}
.footer-menu li:first-child{border:none;}
.footer-menu a{color:#a7a7a7;text-decoration:none;}
.footer-menu a:hover{text-decoration:none;}
/* Left & Right alignment */
blockquote{display:block;margin:0 0px 0px 0px;quotes:none;}
.quotes{padding:0px 0 0 40px;background:url(../images/quotes.png) 0 0 no-repeat;margin-bottom:20px;color:#c4c4c4;}
.quotes.padding-right{padding-right:150px}

.text-1{font-size:16px;color:#a8a8a8;}
.text-1 .button{font-size:13px;}
.text-2{font-size:17px;color:#7eb900;}
.text-3{color:#000;text-transform:uppercase;font-size:13px;}
.text-4{font-size:17px;line-height:24px;color:#a0a0a0;}
.text-5{font-size:16px;line-height:20px;color:#a0a0a0;text-shadow:1px 0 #a0a0a0;}

.top1{background:url(../images/top.gif) 0 70% no-repeat;padding:0 0 0px 12px;text-transform:uppercase;text-decoration:none;color:#6b6b6b}
.top1:hover{color:#b9d432}

.box{padding:18px 15px 17px 8px;text-decoration:none;background:#f2f2f2;overflow:hidden;margin:0 0 5px;line-height:18px;}
.box img{float:left;margin:0px 15px 0 0;}
.box p{color:#a8a8a8;text-transform:uppercase;margin:0 0 0px;}
.box a{text-decoration:none;}
.box a:hover{color:#242424;}

.block{padding:10px 10px 25px 10px;background:#f2f2f2;}
.block figure{margin:0 0 20px;}
.block div{padding-left:10px;}
.block div a{color:#a8a8a8;text-decoration:none;}
.block div a:hover{color:#242424;}

.block_1{overflow:hidden;padding:10px;}
.block_1.gray{background:#f2f2f2;}

.arrow{margin:96px 5px 0 3px;float:left;background:url(../images/arrow.png) 0 0 no-repeat;width:11px;height:21px;}

.padding{padding:0 26px 10px 19px}

ins{background-color:#b9d432;padding:0 5px;text-decoration:none;color:#fff;}
em{color:#b9d432;}
del{text-decoration:line-through;}
abbr,dfn{cursor:help;}
dfn{letter-spacing:2px;}
sup,sub{font-size:0.8em;}
sub{vertical-align:bottom}
.elements-list small{font-size:10px;font-family:Verdana,Geneva,sans-serif;} 
.elements-list big{font-size:21px;}
.elements-list q{font-family:"Courier New",Courier,monospace;color:#b9d432;}
abbr,acronym{text-transform:uppercase;color:#b9d432;border-bottom:1px dotted #b9d432;}
address{margin:0 0 1.5em;font-style:italic;color:#b9d432;}
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;border:1px dotted #333}
pre{white-space:pre}
/* 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;-moz-border-radius:5px;-webkit-border-radius:5px;position:relative;margin-right:10px;cursor:pointer;}
		.layouts-nav li a:hover{background:#aaa}
/* Definition list style */
dl dt{color:#c4c4c4;}
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}
		dl.def-list dd{margin-bottom:2em}

dl.contacts dd{padding:0;margin:0;overflow:hidden;}
dl.contacts span{display:inline-block;width:105px}
dl.contacts a{color:#6b6b6b;text-decoration:none;}
dl.contacts a:hover{text-decoration:underline;}
/* Table styling */
table{border:2px solid #a5c022;}
table thead{color:#fff;font-size:16px;}
table thead th{border:1px solid #9ab513;padding:18px 0px;font-weight:normal;background:#b9d432;}
table tbody td{border:1px solid #bfbfbf;width:125px;padding:7px 0 6px;text-align:center;border-bottom:1px solid #bfbfbf;background:#e9e9e9;}

/*  Dropcaps style */
.dropcap_1{font-size:60px;width:71px;line-height:61px;padding:3px 0 7px; color:#fff;float:left;text-align:center;margin:0 18px 0 0;background:#ffd016;border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px;}
.dropcap_2{font-size:42px;line-height:1.2em;color:#eef048;float:left;margin-right:5px;font-weight:bold;text-transform:uppercase}
.dropcap_3{float:left;color:#4e4e2a;font:bold 37px/38px "Times New Roman", Times, serif;background:#eef048;width:38px;text-align:center;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px;margin-right:18px;}
/*  Buttons */
.button{display:inline-block;color: #2A5F00;font-size:11px;background: #b9d432;text-decoration:none;padding:5px 10px; width:120px; text-align:center}
.button1{padding:10px 18px;background:#b9d432;font-size:17px;color:#fdfdfd;display:inline-block;text-decoration:none;text-align:center;box-shadow:1px 1px 1px rgba(0,0,0,.44);}

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

.link-1{text-decoration:none;color:#c4c4c4;}
.link-1:hover{text-decoration:underline;}
.link-2{color:#6b6b6b;text-decoration:none;}
.link-2:hover{text-decoration:underline;}
.link-3{text-decoration:none;}
.link-3:hover{text-decoration:underline;}

/* Information box */
.info-box,.download-box,.notification-box,.error-box{padding:20px 30px 20px 110px;margin-bottom:15px;position:relative;height:1%;font-size:13px;}
.info-box{color:#64757f;background:#e1f2fc;border:1px solid #68a2cf}
.download-box{color:#697a58;background:#eeffdd;border:1px solid #a3c159}
.notification-box{color:#79725b;background:#fef7e0;border:1px solid #e6c555}
.error-box{color:#7e6c6c;background:#feebeb;border:1px solid #ff9999}
.info-box p.icon,.download-box p.icon,.notification-box p.icon,.error-box p.icon{position:absolute;left:34px;top:16px;margin:0}
/* Pages
---------------------------------------- */
/* 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}
/* Under Construction page =====*/
#constuction-box{width:800px;height:500px;position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-250px;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-color:#ccc;box-shadow:0 0 10px #d0d4db;-moz-box-shadow:0 0 10px #d0d4db;-webkit-box-shadow:0 0 10px #d0d4db;text-align:center}
	#constuction-box .inside{padding:40px 40px 40px 40px}
		#constuction-box .button{position:relative}
		#constuction-box h1{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:#00c4ff;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:"Trebuchet MS",Arial,Helvetica,sans-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:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-color:#ccc;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;text-align:center;float:left}
	#intro-box .inside{padding:40px 40px 40px 40px}
		#intro-box h1{text-align:center;font-size:4em;margin-bottom:.2em;line-height:1.2em;position:absolute;left:0;top:-90px;width:600px;overflow:hidden;height:100px;border:none;}
			#intro-box h1 span{text-transform:uppercase;color:#1fb7c4;display:block;margin-bottom:-15px}
		#intro-box .button{position:absolute;right:40px;bottom:10px;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}		
/* Content
---------------------------------------- */		
/* Lightbox image */
.lightbox-image{position:relative;overflow:hidden;display:inline-block;background:#fff;}
	.lightbox-image img{position:relative;z-index:1}
	.lightbox-image span{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/magnify.png) no-repeat 50% 50%;z-index:2;border:5px solid #484646;}

/* 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:#bbb;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}
	#block dd{display:block}
	.slideDown.absolute dd{position:absolute;z-index:999;background:#fff}
/* Accordion */
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:0px}
		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;padding-left:0}
		dl#accordion dd .indent{padding:10px 30px 14px 20px !important}
		dl#accordion dd a{display:inline;background:none;padding:0;width:auto;text-decoration:underline}
		dl#accordion dd a:hover{text-decoration:none;background:none}
		dl#accordion dd .sub_menu  li{list-style:none;line-height:30px!important;padding-left:12px;background:url(../images/marker-2.gif) 0 12px no-repeat}
		.sub_menu li a{font-size:12px !important;line-height:30px!important}
		.sub_menu li a{font-size:12px !important;line-height:30px!important}
/********dialog********/
.disable_masking{width:400px;z-index:6001;position:absolute;display:none;background-color:#ffffff;padding:40px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;left:50% !important;margin-left:-200px !important}
.closebutton,.myclosebutton{display:block;position:absolute;right:50px;top:50px}
.data{font-size:12px;text-align:justify}
.viewsiurce{background-color:#F0F0F0;border:2px dashed #000;padding:20px;color:#006633;font-size:15px;font-size:12px}
/*************************/
/* Tooltips */
#aToolTip{border:2px solid #444;background:#555;color:#fff;margin:0;padding:2px 8px;font-size:11px;position:absolute;display:none;z-index:50000}
#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}
/* Elements list */
.elements-list li{background:none !important;padding:0 0 0px 0 !important;position:relative;line-height:28px}
.elements-list li code{position:absolute;right:0;top:-3px;padding:2px 3px 1px 3px;border:1px dotted #333}
/* Tabs */
	.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{list-style:none;width:auto;margin:0;overflow:hidden;}
	.tabs2 ul{padding:0px 0 0 0 !important;margin:0 0 22px;width:280px;text-transform:uppercase;text-shadow:1px 0 #282828}
		.tabs li{display:block;float:left;margin:0 5px 5px 0;background:none;padding:0 0 0 0}
		.tabs2 li{font-size:15px;line-height:1.2em;background:#f2f2f2;margin:0 0 3px;float:none;}
		.tabs .selected{margin-bottom:0px;position:relative}		
		.tabs .selected a{background:#f0f0f0;color:#000;padding-bottom:10px}
		.tabs2 .selected a{background:none;padding:12px 20px;}
		.tabs li a:hover{background:#f0f0f0;color:#000}
		.tabs2 li a:hover{background:none;}
		.tabs2 li.selected,.tabs2 li:hover{margin:0 0 3px;background:#b9d432;}
		.tabs li a{background:#000;color:#fff;display:block;padding:5px 10px;text-decoration:none}
		.tabs2 li a{background:none;padding:12px 20px;color:#282828;}
	.tabs .tab-content{clear:both;width:auto;max-width:900px;overflow:auto}
	.tabs2 .tab-content{background:none;overflow:visible;}
		.tabs .tab-content .inner{padding:10px;background:#F0F0F0;}	
	.tabs .tab-content p{margin-bottom:5px}
	.tabs2 .tab-content p{margin-bottom:18px}
	.tabs .tab-content strong{color:#000}	
	.tabs pre{margin:4px 0}
	.tabs code{overflow:auto}
/* 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}
	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:#ccc;color:#fff}
			ul#twitter_update_list li:hover a{color:#000}
			ul#twitter_update_list li a{color:#000}			
				ul#twitter_update_list li span{display:block}				
				ul#twitter_update_list li span a{color:#000}
			ul#twitter_update_list li.lastTweet{border-bottom:none}			
			a#profileLink{display:block;padding:0.3em 1em;color:#fff;background-color:#000}
/* 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}
.css-grd {
/* default background colour, for all layout engines that don't implement gradients */
background: #FFF;

/* gecko based browsers */
background: -moz-linear-gradient(top, #FFF, #BFAC99);
/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#BFAC99));
color: #000000; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */
}