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


/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

.center {text-align:center;margin-left:auto;margin-right:auto;}

/* Global properties ======================================================== */

body{ background:white; border:0; font-size:13px; font-family: Verdana; color:gray; line-height:18px;}

html, body{ height:100%;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_top3.gif) top repeat-x #202020; overflow:hidden;background:white;}
#page1 .body1{ background:url(../images/bg_top.gif) top repeat-x #202020;background:white;}

/* ============================= main layout ====================== */

a{ color:#9f9f9f; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1, h2, h3, h4, h5, h6, .big_tittle{ font-size:42px; line-height:60px; padding:10px 0 16px 0; color:gray;}
h1{ color:#ec9b00; font-size:32px; line-height:40px;}
h2{ font-size:32px; line-height:40px;}
h3{ font-size:28px; line-height:34px;}
h4{ font-size:25px;line-height:32px;}
h5{ font-size:23px; line-height:28px;}
h6{ font-size:18px; line-height:24px;}

#page1 h3.pad{padding:44px 0 10px 0}
#page1 h2.pad{padding:40px 0 11px 0}
#page1 h1.pad{padding:40px 0 11px 0}
h2 a{ position:relative; top:12px}
h2.pad_bot1{ padding-bottom:8px;}
h3.pad_bot1{ padding-bottom:10px;}

p{ padding-bottom:18px;}

.under{ padding-bottom:10px; border-bottom:1px solid #e3e3e3; margin-bottom:10px}
.under2{ border-bottom:1px solid #e3e3e3; margin-bottom:20px}
.under.pad_bot1{ padding-bottom:10px; border-bottom:1px solid #e3e3e3; margin-bottom:30px}

input[type=text]{font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9f9f9f; height:15px; border:1px solid gray;}

abbr{ color:#ec9b00; text-transform:uppercase; border-bottom:1px dotted #ec9b00}
strong{ color:#161616}
em{ color:#ec9b00}
b{ color:#161616}
i{ color:#161616}
cite{ color:#161616}
small{ font-size:10px; color:#161616; vertical-align:baseline}
big{ font-size:16px; font-weight:bold; color:#161616;}
del{text-decoration:line-through; color:#161616}
ins{ color:#fff; background:#ec9b00; text-decoration:none; padding:0 3px}
dfn{ color:#ec9b00; letter-spacing:2px; font-style:normal}
kbd, samp{ font:13px "Courier New", Courier, monospace; vertical-align:baseline; color:#161616; font-weight:normal}
q{ font:13px "Courier New", Courier, monospace; vertical-align:baseline; color:#ec9b00}
sup{ font-size:10px; vertical-align:top; color:#161616}
sub{ font-size:10px; vertical-align:bottom; color:#161616}
var{ color:#161616}

/* ============================= header ====================== */
header{ background:url(../images/bg_top2.gif) top repeat-x #fff; height:295px;background:gray;}

#logo{ position:absolute; left:10px; top:5px; z-index:99; display:block; background:url('../images/StaticImages/sasmithart-logo.jpg') no-repeat; width:340px; height:160px; text-indent:-5000px}

#menu { float:right; padding:27px 15px 0 0; position: absolute; z-index:99; right:0; top:0;font-style: italic; font-weight: bold;}
#menu li { float:left; padding-left:1px; position:relative;background: gray;}
#menu li a{ display:block; font-size:0.75em; text-decoration:none; text-transform:uppercase; line-height:24px; padding:0 5px 0 5px;background: gray;color:white;}
#menu li:hover a, #menu #menu_active a, #menu > .active > a{ color:black;background: lightgray;}

#menu .ul_1{ width:196px; background:#fff; position:absolute; top:24px; left:1px; padding:1px 0 0px 0; display:none;}
#menu .ul_1 li{ float:none; width:100%; overflow:hidden; padding-bottom:1px;padding-left:0;background: gray;}
#menu .ul_1 li a{ font-weight:bold; text-transform:none; font-size:13px;color:black;background:lightgray;}
#menu  li:hover .ul_1 li a, #menu #menu_active .ul_1 li a{ }
#menu  li:hover .ul_1 li:hover a, #menu #menu_active .ul_1 li:hover a{color:#fff; }
#menu .ul_1 li:hover a, #menu .ul_1 #menu_active a, #menu .ul_1 > .active > a, #menu li:hover .ul_1 > .active > a{ color:#fff; background:black;}

#menu .ul_2{ padding-bottom:5px; width:100%; height:auto; display:none}
#menu .ul_2 li a{ font-weight:normal; padding-left:55px;}
#menu li:hover li:hover .ul_2 li a, #menu #menu_active li:hover .ul_2 li a{ background:#fff; color:#161616}
#menu li:hover li:hover .ul_2 li:hover  a, #menu #menu_active li:hover .ul_2 li:hover  a{color:#161616; background:#d8d8d8}
#menu .ul_2 li:hover a, #menu .ul_2 #menu_active a, #menu .ul_2 > .active > a{color:#161616; background:#d8d8d8}

/* */

#sidemenu { float:left; padding:1px; position: absolute; z-index:99;font-style: italic;margin-left:auto;margin-right:auto;}
#sidemenu li { float:left; padding-left:1px; position:relative;background: #c6725b ; margin:1px;}
#sidemenu li a{ display:block; font-size:14px; font-weight: bold;text-decoration:none; text-transform:uppercase; line-height:24px; padding-left:5px;background: #8d3921;color:white;}
#sidemenu li:hover a, #sidemenu #sidemenu_active a, #sidemenu > .active > a{ color:white;background:#c6725b;}

#sidemenu .ul_1{ width:196px; background:#fff; position:absolute; top:4px; left:131px; padding:1px 0 0px 0; display:none;}
#sidemenu .ul_1 li{ float:none; width:100%; overflow:hidden; padding-bottom:1px;padding-left:0;background: gray;}
#sidemenu .ul_1 li a{ font-weight:bold; text-transform:none; font-size:13px;color:black;background:#c6725b;}
#sidemenu  li:hover .ul_1 li a, #sidemenu #sidemenu_active .ul_1 li a{ }
#sidemenu  li:hover .ul_1 li:hover a, #sidemenu #sidemenu_active .ul_1 li:hover a{color:#fff; background:#8d3921; }
#sidemenu .ul_1 li:hover a, #sidemenu .ul_1 #sidemenu_active a, #sidemenu .ul_1 > .active > a, #sidemenu li:hover .ul_1 > .active > a{ color:#fff; background:black;}

#sidemenu .ul_2{ padding-bottom:5px; width:100%; height:auto; display:none}
#sidemenu .ul_2 li a{ font-weight:normal; padding-left:55px;}
#sidemenu li:hover li:hover .ul_2 li a, #sidemenu #sidemenu_active li:hover .ul_2 li a{ background:#fff; color:#161616}
#sidemenu li:hover li:hover .ul_2 li:hover  a, #sidemenu #sidemenu_active li:hover .ul_2 li:hover  a{color:#161616; background:#d8d8d8}
#sidemenu .ul_2 li:hover a, #sidemenu .ul_2 #sidemenu_active a, #sidemenu .ul_2 > .active > a{color:#161616; background:#d8d8d8}

#bottomnav { float:right;  font-style: italic;margin-left:auto;margin-right:auto;}
#bottomnav li { float:left; padding-left:1px; position:relative;background: #c6725b ; margin:1px;}
#bottomnav li a{padding-left:3px; padding-right:5px; display:block; font-size:14px; font-weight: bold;text-decoration:none; text-transform:uppercase; line-height:24px; padding-left:5px;background: #8d3921;color:white;}
#bottomnav li:hover a, #bottomnav #sidemenu_active a, #bottomnav > .active > a{ color:white;background:#c6725b;}


.sf-sub-indicator {	position:absolute;text-indent:-999em;overflow:hidden;}

/* The Nivo Slider styles */
#slider_nivo{ height:295px;  width:100% !important; position: absolute; display: none}
#page1 #slider_nivo{ height:415px; }
.nivoSlider {position: absolute;}
.nivoSlider img {	top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; top:50%; margin-top:-14px;	z-index:99;	cursor:pointer;text-indent:-5000px; width:46px; height:46px;}
#page1 .nivo-directionNav a{margin-top:-24px;}
.nivo-prevNav {left:0px;  display:block; background:url(../images/marker_left.gif) no-repeat;}
.nivo-nextNav {right:0px; background:url(../images/marker_right.gif) no-repeat;}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}

/* Caption styles */
.nivo-caption {position:absolute; top:374px; right:20px; z-index:99; width:909px}
.nivo-caption p {margin:0; color:#aaaaaa}
.nivo-caption a {display:inline !important;}
.nivo-html-caption { display:none;}
.nivo-caption .text1{ float:right; width:617px; height:60px; background:#505050; border:5px solid lightgray;font-size:48px; line-height:46px; color:#fff; padding:0 33px;}
.nivo-caption .text2{ float:right; font-weight:bold; color:#161616; line-height:18px; background:#fff; text-transform:uppercase; padding:0 20px; width:186px; padding-top:19px; min-height:55px}
.nivo-caption div {width:475px; height:87px;}
.nivo-caption .image {background:url(../images/nivo-title1.gif) left top no-repeat;}
.nivo-caption .image1 {background:url(../images/nivo-title2.gif) left top no-repeat;}
.nivo-caption .image2 {background:url(../images/nivo-title3.gif) left top no-repeat;}
.nivo-caption .image3 {background:url(../images/nivo-title4.gif) left top no-repeat;}
.nivo-caption .image4 {background:url(../images/nivo-title5.gif) left top no-repeat;}
.nivo-caption .image5 {background:url(../images/nivo-title6.gif) left top no-repeat;}

#page1 .grid_24{overflow:hidden}
#page1 #slider_nivo{ height:415px;  width:100% !important; position: absolute;}
#page1 header{ height:415px;}

/* Advanced Menu */
#advanced {	position:fixed;	z-index:999;right:-172px;	top:50px;background:#000;padding:20px 16px 20px 18px;width:135px;font-size:11px;	font-family:Tahoma, Geneva, sans-serif;	color:#dfdfdf;	-webkit-border-radius: 0px 0 0 6px;	-moz-border-radius: 0px 0 0 6px;border-radius: 0px 0 0 6px;}
#advanced span.trigger {display:block;position:absolute;left:-81px;top:20px;margin-top:-25px;width:81px;height:52px;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/panel-arrow.gif) no-repeat 0 6px;padding:0 0 0 13px;font-size:11px;}	
#advanced ul li.trigger_adv {padding:0 0 0 0;}
#advanced ul li.trigger_adv > span {background:url(../images/panel/panel-arrow2.gif) no-repeat 100% 8px #ec9b00;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0 20px 0 12px; color:#dfdfdf; font-weight:bold; display:inline-block; behavior: url(js/PIE.htc); position: relative;}
#advanced ul li a {color:#e21010; text-decoration:none; font-weight:bold}
#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/panel-arrow1.gif) no-repeat 0 7px; }
#advanced ul ul a { text-transform:capitalize; color:#fff; }
#advanced ul ul ul { margin-left:8px; }	
#advanced ul ul ul li { background:none;}
#advanced ul ul ul li a { color:#ec9b00; }


/* ============================= content ====================== */

#content{ background:#fff; padding:17px 0 32px 0; width:100%; overflow:hidden}
#page1 #content{ padding:31px 0 32px 0}

.fleft{ float:left; margin-right:21px;}
.fright{ float:right; margin-left:21px;}
figure figcaption { display: block; font-size:16px; width:100%; position: absolute; bottom:13px; color:#fff; line-height:37px; text-transform:uppercase;background: url(../images/bg_caption.png) repeat; z-index:2; text-align:center;}
figure{ padding-bottom:13px; position:relative; z-index:1}

.marg_right1{ margin-right:25px}
.marg_right2{ margin-right:34px}
.pad_bot1{ padding-bottom:13px;}
.pad_bot2{ padding-bottom:5px;}
.pad_bot3{ padding-bottom:27px;}
.marg_bot1{ margin-bottom:18px;} 

.list1, .list2 { padding-right:17px;}
.list1 li, .list2 li{ line-height:23px; border-bottom:1px solid #e3e3e3;}
.list1 li a, .list2 li a{ display:block; font-weight:bold; color:#ec9b00; text-decoration:none; padding-left:11px; background:url(../images/marker_1.gif) 0 8px no-repeat}
.list1 li a:hover, .list2 li a:hover{ background-image:url(../images/marker_1_hover.gif); color:#9f9f9f}
.list1 .no_bg, .list2 .no_bg{ border-bottom:0;}

.list2 li a{ color:#e21010;}

.list3 li{ line-height:18px; padding-bottom:6px;}
.list3 li a{ display:block; color:#ec9b00; font-weight:bold; padding-left:10px; background:url(../images/marker_1.gif) 0 6px no-repeat; text-decoration:none}
.list3 ul li{ padding-bottom:0; padding-left:29px;}
.list3 ul li a{ padding-left:8px; background:url(../images/marker_2.gif) 0 8px no-repeat}
.list3 li a:hover{ background-image:url(../images/marker_1_hover.gif); color:#9f9f9f}
.list3 ul li a:hover{ background-image: url(../images/marker_2_active.gif); color:#e21010}

.list4 li{ line-height:24px;}
.list4 li a{ color:#e21010; text-decoration:none; padding-left:11px; background:url(../images/marker_3.gif) 0 6px no-repeat; font-weight:bold}
.list4 li a:hover{ color:#161616}

ol{}
ol li { list-style-position:outside;list-style-type: decimal;margin-left:24px; font-weight:bold; color:#161616; line-height:24px;}
ol li a{ padding-left:0; color:#ec9b00; text-decoration:none}
ol li a:hover{ color:#9f9f9f;}

.def_list strong{ display:block; padding-bottom:5px;}
.def_list p{ display:block; padding-left:41px;}

.quot{ background: url(../images/quot.gif) 2px 2px no-repeat; overflow:hidden; font-size:15px;line-height:20px; padding-left:45px; width:400px; color:#161616;}

.boxes, .download-box{ background:#fef7e0;  margin-bottom:7px;}
.boxes p{ padding:18px 32px 18px 110px; overflow:hidden; font:11px Arial, Helvetica, sans-serif; line-height:16px; color:#5e6f33}

.boxes .img_1{ background:url(../images/box_img1.jpg) 32px 12px no-repeat #e1f2fc; border:1px solid #68a2cf;} 
.boxes .img_2, .download-box{ background:url(../images/box_img2.jpg) 32px 12px no-repeat #eeffdd; border:1px solid #a3c159;} 
.boxes .img_3{ background:url(../images/box_img3.jpg) 32px 12px no-repeat #fef7e0; border:1px solid #e6c555;} 
.boxes .img_4{ background:url(../images/box_img4.jpg) 32px 12px no-repeat #ffeded; border:1px solid #ff9999;} 

/*---gallery1 begin ---*/

.carousel-box .inner1{ position:relative; padding-left:39px;}
.inner1 .works-list{}
.gallery1{ position:relative; }
.gallery1 li{ float:left; min-height:281px; width:560px; overflow:hidden; position:relative;}
.gallery1 a{ position:relative; z-index:99;}
.gallery1 .text{ font-size:30px; color:#161616; line-height:1.2em; display:block; margin-top:-5px}

.inner1 .next_gal{ position:absolute; top:98px; right:0px; background:url(../images/marker_right2.gif) no-repeat; display:block; width:30px; height:73px;}
.inner1 .prev_gal{ position:absolute; top:98px; left:0px; background:url(../images/marker_left2.gif) no-repeat; display:block; width:30px; height:73px;}
.inner1 .next_gal:hover{ background:url(../images/marker_right2_active.gif) no-repeat}
.inner1 .prev_gal:hover{ background:url(../images/marker_left2_active.gif) no-repeat}

/*---gallery2 begin ---*/
.carousel-box .inner2{ position:relative; }
.gallery2{ position:relative; z-index:1}
.gallery2 li{ float:left; margin-right:10px; width:100%; min-height:260px; overflow:hidden; position:relative}

.inner2 .next_gal{ position:absolute; top:223px; right:0px; background:url(../images/marker_right3.gif) no-repeat; display:block; width:13px; height:30px; z-index:99}
.inner2 .prev_gal{ position:absolute; top:223px; right:17px; background:url(../images/marker_left3.gif) no-repeat; display:block; width:13px; height:30px; z-index:99}
.inner2 .next_gal:hover{ background:url(../images/marker_right3_active.gif) no-repeat}
.inner2 .prev_gal:hover{ background:url(../images/marker_left3_active.gif) no-repeat}

/*---gallery3 gallery4 begin ---*/
#page3 .marg_right2{ margin-right:30px;}
#gallery3 section{ display:block}
#gallery3 figure{ padding-bottom:0px}
#gallery3 .cols{ width:196px;}

#gallery4 figure{ padding-bottom:30px; float:left; margin-right:15px;}
#page4 .marg_right2{ margin-right:30px;}
#gallery4 section{  display:block}
#gallery4 .pages.top{ padding:18px 0 18px 0;}
#gallery4 .pages.bot{ padding:10px 0 7px 0;}

.pages.top{ overflow:hidden; padding:18px 0 14px 0; position:relative; width:100%}
.pages.bot{overflow:hidden; padding:0px 0 7px 0; position:relative; width:100%}
.pages li{ float: right; padding-left:9px; text-align:center;position:relative; display:block}
.pages li span{ color:#161616;cursor:pointer}
.pages li span:hover, .pages li span.active{color:#ed9300;}
.pages li span.active{ font-weight:bold;}
.pages .page{ width:24px; text-align:center}
.pages .next{padding-left:9px;  background: url(../images/marker_right4.gif) left center no-repeat;}
.pages .prev{padding-left:9px;  background:url(../images/marker_left4.gif) left center no-repeat;}
.pages .prev:hover{text-decoration:none}


#account{ line-height:22px;}
#account .input{ padding:3px 6px; height:16px; width:176px; border:1px solid #e5e1e1}
#account .wrapper{ min-height:55px;}
#account .checkbox{ width:18px; height:18px; float: left; margin-right:4px;}
#account ul{ padding-top:14px; padding-bottom:36px}
#account li{ line-height:18px;}
#account li a{ color:#ec9b00; text-decoration:none}
#account li a:hover{ color:#9f9f9f}


.banners{ padding-bottom:14px; width:100%; overflow:hidden}
.banners li{ float:left; margin-right:9px; margin-bottom:23px; width:205px; height:242px; cursor:pointer}
.banners .ban1{ background:url(../images/banner1.jpg) 0 0 no-repeat}
.banners .ban1:hover{ background:url(../images/banner1_active.jpg) no-repeat;}
.banners .ban2{ background:url(../images/banner2.jpg) 0 0 no-repeat}
.banners .ban2:hover{ background:url(../images/banner2_active.jpg) no-repeat;}
.banners .ban3{ background:url(../images/banner3.jpg) 0 0 no-repeat; margin-right:0}
.banners .ban3:hover{ background:url(../images/banner3_active.jpg) no-repeat;}
.banners .ban4{ background:url(../images/banner4.jpg) 0 0 no-repeat; margin-bottom:0;}
.banners .ban4:hover{ background:url(../images/banner4_active.jpg) no-repeat;}
.banners .ban5{ background:url(../images/banner5.jpg) 0 0 no-repeat; margin-bottom:0;}
.banners .ban5:hover{ background:url(../images/banner5_active.jpg) no-repeat;}

.banners a{ padding-top:140px; display:block; text-align:center; font-size:30px; color:#161616; line-height:36px; text-decoration:none; height:102px;}
.banners span{ display:block; margin-top:-12px;}

.dropcap1 .letter{ font-size:18px; float:left; width:21px; padding:6px 0 0 0; line-height:24px; color:#9f9f9f}
.dropcap1 .left{ width:175px;}
.dropcap1 .tittle{ font-size:30px; color:#161616; line-height:40px; display:block; letter-spacing:-1px; margin-top:-6px;}
.dropcap1 .tittle span{ display:block; margin-top:-11px; letter-spacing:0}
.dropcap1 .tittle .font_33{ font-size:33px;}
.dropcap1 .tittle .font_36{ font-size:36px;}
.dropcap1 .tittle .font_24{ font-size:24px; margin-top:-13px;}
.dropcap1 .tittle .font_33{ font-size:33px;}
.dropcap1 p{ color:#ec9b00; font-weight:bold; padding:4px 0 7px 0}
 
.dropcap_1{ float:left; font-size:36px; font-weight:bold; color:#9f9f9f; width:35px; text-align:center; line-height:42px; margin-top:-3px; margin-bottom:-4px;} 
.dropcap_2{ width:45px; height:45px; margin-top:3px; float:left; margin-right:9px; background:#9f9f9f; font-size:36px; font-weight:bold; color:#fff; line-height:45px; text-align:center;border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; behavior: url(js/PIE.htc); position: relative;}

blockquote{ width:210px; font-size:18px; color:#161616; line-height:26px;}
blockquote.left { background:url(../images/line_ver1.gif) right repeat-y;  margin-right:17px; padding:15px 20px 15px 0px;}
blockquote.right { background:url(../images/line_ver1.gif) left repeat-y;  margin-left:17px; padding:15px 0 15px 20px}


.line1{ background:url(../images/line_ver1.gif) 354px 0 repeat-y} 
.line2{ background:url(../images/line_ver2.gif) 291px 0 repeat-y} 
 
.button, .button2, .button3{ font-size:16px; color:#fff; text-transform:uppercase; text-decoration: none; display:inline-block; line-height:23px; height:25px; padding:0 10px; background:#ec9b00}
.button.marg_right1, .button2.marg_right1, .button3.marg_right1{ margin-right:9px}
.button:hover{ background:#bcbcbc}
.button2{ background:#161616}
.button2:hover{ background:#bcbcbc}
.button3{ background:#9f9f9f}
.button3:hover{ background:#ec9b00; color:#161616}

.link1{ color:#ec9b00; font-weight:bold;}
.link2{ color:#161616; text-decoration:none}
.link2:hover{ text-decoration:underline}

 .cols{ width:235px; float:left;}
#page1 .cols{ width:196px;}
#page5 .grid_16 figure{ padding-bottom:22px;}
#page5 .grid_16 .under{ padding-bottom:33px; margin-bottom:21px}


.color1{ color:#161616;}
.color2{ color:#ec9b00;}

.font1{ font-size:16px; color:#161616; font-weight:bold; line-height:24px;}
.font2{ font-size:20px; font-weight:bold; color:#161616; line-height:28px; display:inline-block; margin-top:-6px; padding-left:5px;}
.font3{ display:block; line-height:30px; background:#e5e1e1; color:#161616; text-align:center; margin:7px 0 10px 0}
.font3 strong{ font:12px Tahoma, Geneva, sans-serif; font-weight:bold; line-height:30px; color:#111}

.box_closed{ margin-top:15px; position:relative; width:100%; overflow:hidden}
.box_closed .close{ position:absolute; top:0; right:0; background: url(../images/close.gif) no-repeat; width:18px; height:18px;}
.box_closed figure{ float:left; margin-right:9px;}
.box_closed p{ padding-top:26px;}
.box_closed span{ display:block; padding-top:10px;}
.box_closed span strong{ font:12px Tahoma, Geneva, sans-serif; font-weight:bold; color:#111; line-height:16px;}

.posts{ position:relative; width:630px; overflow:hidden}
.posts .date{ float:left; background:url(../images/date.gif) no-repeat; width:81px; height:74px; font-size:32px; color:#fff; text-align:center; line-height:40px; margin-top:3px; padding-bottom:15px; padding-top:10px; margin-right:19px;}
.posts .date span{ margin-top:-18px; display:block;}
.posts .text{ font-size:30px; color:#161616; padding:5px 0 7px 0; line-height:36px;}
.posts .author{ padding-left:21px; background:url(../images/author.gif) 0 1px no-repeat;}
.posts .author a{ color:#ec9b00; text-decoration:none}
.posts .author a:hover{ text-decoration:underline}
.posts .comments{ background:url(../images/comments.gif) right 0 no-repeat; padding-right:35px; position:absolute; right:4px; top:49px; float:right; padding-bottom:10px;}
.posts .comments a{ color:#ec9b00; text-decoration:none}
.posts .comments a:hover{ text-decoration:underline}

.tweets{ line-height:19px; margin-right:-10px}
.tweets img{ float:left; margin-right:10px; padding-bottom:16px; padding-top:5px}
.tweets strong{ color:#ec9b00}
.tweets a{ color:#ec9b00; font-style:italic;}
.tweets span { font-size:11px}
.tweets{}
.tweets{}

/* 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/loading/magnify.png) no-repeat 50% 50%;z-index:1;}


/* Tabs */
.tabs {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:#161616;}

.tabs ul.nav { width:100%; position:relative}
.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 1px -22px 0;background:none !important;padding:0 0 0 0 !important; position:	relative}
.tabs .tab-content li{ margin-bottom:0}
.tabs .selected {margin-bottom: -22px;position: relative;}
.tabs .selected a {background: #ec9b00;color: #000;	padding-bottom:25px; position: relative;}
.tabs a:hover {background: #ec9b00;color: #000;}
.tabs a {background:#161616;color: #fff;display: block;padding:5px 10px; padding-bottom:25px;text-decoration: none; position: relative;}
.tabs .tab-content {background: #ec9b00; color:#161616;clear: both;width:100%;	max-width:940px;overflow:auto; position: relative; }
.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; font-family: 'andale mono','lucida console',monospace}
* +html .tabs code { overflow:visible;}


.tabs2 ul.nav { width:206px; float:left; margin-right:33px; position:relative; padding-left:40px;}
.tabs2 ul.nav li{ float:none; margin-bottom:2px;}
.tabs2 ul.nav li a{ display:block; font-weight:400; padding-left:8px; font-size:16px; text-transform:uppercase; text-decoration:none; color:#fff; line-height:23px; height:25px; background:url(../images/tabs.gif) no-repeat}
.tabs2 ul.nav .selected a, .tabs2 ul.nav li a:hover {background:url(../images/tabs_active.gif) no-repeat;}
.tabs2 .tab-content { position: relative; float:left;width:637px; }


/* Elements list */
.elements-list li {background:none !important;padding:0 0 12px 0 !important;position:relative;font-size:1em;}
	.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; color:#fff}
	.code a.code-icon:hover i{ color:#000}
	.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;}

/*  Horizontal divider */
.hr { display:block; border-bottom:1px solid #e3e3e3; padding-right:4px; height:20px}
.hr a { float:right; line-height:20px; color:#9f9f9f; text-transform: uppercase; text-decoration:none; padding-left:10px; background:url(../images/marker_top.gif) 0 10px no-repeat}
.hr a:hover { background:url(../images/marker_top_active.gif) 0 10px no-repeat; color:#ec9b00}
/*    elements list     */
.elements-list{ margin:0; padding-top:2px}
.elements-list li { line-height:24px;}
	.elements-list li code { float:right;border:1px dotted #333; position:relative; margin:1px}


/*   table    */

.table{ float:left; border:2px solid #dab165}

table .thead{ }

table thead th{ width:126px; font-size:15px; text-align:center;background:url(../images/table_head.gif) top repeat-x #dd9100; font-weight:bold; color:#fff; line-height:37px;  text-align:center; border-right:1px solid #e29501; border-bottom:3px solid #e3bb6e}
table tbody td { line-height:35px; width:126px; font-size:13px; text-align:center; border-bottom:1px solid #cdcdcd; border-right:1px solid #bfbfbf; color:#767676}

table tbody .bg_none td{ border-bottom:0;}
table tbody .bg_none { border-right:0}
table thead .bg_none { border-right:0}

table tbody tr:hover td{ background:#e21010; color:#fff}


/* SlideDown element */
.slideDown {padding:0 1px 0 0;}
	.slideDown dt {	background:#161616; padding:0 10px; color:#ec9b00; display:block;cursor:pointer;margin-bottom:10px;}
	.slideDown dt .wrapper{background: url(../images/marker_trigger.gif) right center no-repeat;display:block; font-size:14px; line-height:27px; display:block}
	.slideDown dt:hover, .slideDown dt.active {background:#ec9b00; color:#161616}
	.slideDown dt:hover .wrapper{background: url(../images/marker_1.gif) right center no-repeat #ec9b00;}
	.slideDown dt.active .wrapper {background: url(../images/marker_trigger_hover.gif) right center no-repeat #ec9b00;}
	.slideDown dt.active { background:#ec9b00}
	.slideDown dd {	display:none;padding:10px 20px 20px 26px;}
	.slideDown.absolute dd {position:absolute;	background:#eeeeee; color:#000}
	
	
/* Twitter */
#twitter {margin-bottom: 2em;}

#preloader {margin: 0;padding: 1em 1em 1em 5em; color:#000; font-weight:bold;text-indent:10px;background: transparent url(../images/loading/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;margin-bottom:7px;background:#eeeeee; color:#000}
ul#twitter_update_list li:hover {color:#fff; background:#ec9b00;}
ul#twitter_update_list li:hover a {color:#000;}
ul#twitter_update_list li a {/* timestamp link */color: #ec9b00;}
ul#twitter_update_list li span {display: block;}
ul#twitter_update_list li span a {/* links in tweet */color: #ec9b00;}
ul#twitter_update_list li.firstTweet {}
ul#twitter_update_list li.lastTweet {border-bottom: none;}		
a#profileLink {display: block;	padding: 0.3em 1em;color: #161616; position:relative; z-index:2}	

/* Accordion */
dl#accordion {list-style-type:none;margin: 0;height:auto !important; width:100%; overflow:hidden}
dl#accordion .indent { z-index:1}
dl#accordion a {display: block;	text-decoration: none;}
dl#accordion dt {margin-bottom:1px; background:#161616; padding:0 10px; z-index:2}
dl#accordion dt a {	background: url(../images/marker_trigger.gif) right center no-repeat;display:block;color:#ec9b00; line-height:27px; font-weight:normal}
dl#accordion dt:hover { background:#ec9b00}
dl#accordion dt:hover a{ color:#161616;background: url(../images/marker_1.gif) right center no-repeat}
dl#accordion dt.active a:hover{background: url(../images/marker_trigger_hover.gif) right center no-repeat}
dl#accordion dt.active{ background:#ec9b00}
dl#accordion dt.active a{background:url(../images/marker_trigger_hover.gif) right center no-repeat ; color:#161616;}
dl#accordion dd {display:none;margin-bottom:0;}
dl#accordion dd a {display:inline;width:auto; text-decoration:none}
dl#accordion dd ul{ padding:13px 20px 13px 50px}
dl#accordion dd li {}

#banner{ position:relative; z-index:3}

/* layouts page for button */
.layouts-nav{ padding-top:30px; width:100%; overflow:hidden}
.layouts-nav li{ margin-right:3px; float:left;}

/* for text-slider */
#text_slider div{ background:#fff}

/* for fade-slider with controls */
#fade_nav img{ padding-bottom:20px}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/bg_opacity/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }

/* ============================= footer ====================== */

footer {
    font-size:12px;
    color:lightgray;
    font-weight:bold;
    padding:31px 0 36px 0;
    width:100%;
    overflow:hidden;
    background:gray;
    
}
footer a{ color:lightgray; text-decoration:none}
footer a:hover{ text-decoration:underline}

#icon{ float:right; padding:4px 33px 0 0}
#icon li{ float:left; padding-left:6px}


/* ============================= forms ============================= */

iframe{ margin-top:-3px;}
#page6 .cols{ width:188px;}
#icons li{ float:left;}

#contact-form { text-align:left; line-height:30px; padding-bottom:8px; clear:both;}
#contact-form .button{ float:right;}
#back{ float:right;}
#contact-form .text {  width:332px; background:#fff; padding:6px 8px; border:1px solid #e5e1e1; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9f9f9f; height:15px;}
#contact-form .submit {  width:332px; background:#fff; padding:6px 8px; border:1px solid #e5e1e1; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9f9f9f; height:30px;margin-top:10px;}
#contact-form textarea { overflow: auto; width:532px;background:#fff; padding:6px 8px; border:1px solid #e5e1e1; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9f9f9f; height:175px; float:left;}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:32px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:201px}
#contact-form .textarea-box label{ left:10px;top:184px; right:auto}
#contact-form label {padding:0;display: none;	font-size:10px;	position:absolute;font-size:11px; right:10px;top:1px; margin-bottom:-5px}
#contact-form .error {color:red;}
#contact-form fieldset {border:none;}
div#contact_form p{
}



/* Under Construction page =====*/
#constuction-box {width:800px; height:500px; position:relative;left:50%; top:50%; margin-left:-400px; margin-top:-250px ;background:#fff;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:20px 40px 40px 40px;}
#constuction-box .button {	position:relative;	}
#constuction-box h1 {text-align:center; padding-top:50px}
/* 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/loading/dash.png) 0 0 no-repeat;float: left;margin-left: 20px;position: relative;}
.dash .digit {font:75px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:85px;float: left;width: 55px;text-align: center;color: #000;	position: relative;}
.dash .digit .bottom {font-size:75px;line-height:85px;}
.dash_title {position: absolute;display: block;bottom: 0px;left:0;font-size: 12px;text-transform: uppercase;width:110px; color:#ec9b00}

#newsletter-alt-form{ margin:0 auto; width:310px}
#newsletter-alt-form input[type=text] { background: none; width:200px; padding:4px 10px; height:16px; background:#fff; float:left;border:1px solid #e5e1e1;}

/* Under Construction page end =====*/

/* ============== Intro page =========== */

#intro-box {width:600px;height:400px;position:relative;left:50%;top:50%;margin-left:-300px;margin-top:-200px;background:#fff;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 {text-align:center;	position:absolute;	left:0;	top:-110px;	text-align:center;	width:600px;overflow:hidden;height:100px;font-weight:normal;	}
#intro-box h1 span { text-transform:uppercase;	color:#1fb7c4;	display:block; margin-bottom:-15px;}
#intro-box .button{position:absolute;right:40px;	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;}

/* =========== Intro page end ========= */

/* =========== 404 page ========= */

.bg_404{ background:url(../images/bg_404.jpg) 0 0 no-repeat #fff; height:385px; overflow:hidden; width:100%; padding-bottom:17px}

.text_404{ padding:19px 0 24px 0; font-size:83px; color:#191919; line-height:1.2em; display:block}
.text_404 span{font-size:40px;display:block; margin-top:-4px; line-height:50px;}

.bg_404 p{ line-height:20px; padding-bottom:20px;}

#search_404{ padding:2px 0 0 0; width:100%; overflow:hidden}
#search_404 .input{ float: left; width:229px;padding:4px 10px; background:none; border:1px solid #e5e1e1; margin-right:4px;}

/* =========== 404 page end ========= */



/* =========== 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: 12px;width:12px;float: left;background:#fff;color: #ff0042;	text-indent: -9999em; border-radius:6px;-moz-border-radius:6px;	-webkit-border-radius:6px;	box-shadow:1px 1px 1px #999;	-moz-box-shadow:1px 1px 1px #999;	-webkit-box-shadow:1px 1px 1px #999;behavior:url(js/PIE.htc); position:relative}
	.cs-buttons a:hover, .cs-buttons a.cs-active { background: #ec9b00;	color: #fff;}
	.cs-title { width:100%; padding: 10px 0; background: #000;color: #fff;text-indent:10px;}
	.cs-prev, .cs-next { background: #000;color: #fff;padding: 0px 10px;}
	.cs-prev:hover,	.cs-next:hover { background:#ec9b00;}
/* =========== coin slider end ========= */


/* =========== kwiks slider ========= */
.kwicks-wrapper {width:870px;overflow:hidden;}
	.kwicks-box {border:1px solid #323232;padding:0px;}
	.kwicks {/* recommended styles for kwicks ul container */list-style: none;position: relative;margin: 0;	padding: 0 !important;	overflow:hidden;height:586px;background:#000;}
	.kwicks li{	/* these are required, but the values are up to you (must be pixel) */width:145px;height:550px;/*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:870px;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);}
/* =========== kwiks slider end ========= */


/* =========== gallery ========= */
#galleryfic_gallery {padding-bottom:30px;}
	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; padding-bottom:20px;}
		div.content a, div.navigation a {text-decoration: none;}
		div.content a:focus, div.content a:hover, div.content a:active {}
		div.slideshow-container {position: relative;		clear: both;		height: 550px; /* This should be set to be at least the height of the largest image in the slideshow */z-index:10}
	div.loader {position: absolute;	top: 0;	left: 0; background:url(../images/loading/loader.gif) center center no-repeat}
	div.slideshow {height: 550px;width:870px;overflow:hidden;}
	div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;height: 550px;width:870px;}
	.advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow-container {height:400px;}
	.advanced_gallery div.slideshow a.advance-link, .advanced_gallery div.slideshow span.image-wrapper, .advanced_gallery div.slideshow, .advanced_gallery div.slideshow-container {width:600px;}
	div.slideshow a.advance-link {display: block;width: 870px;height: 550px; /* 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:0}
	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:340px;}
	span.image-caption {display: block;position: absolute;	width: 320px;top: 0;left: 0;}
	div.caption {padding:10px 70px 0 30px;overflow:hidden;}
	div.image-desc {}
	div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
	
	#thumbs {padding-left:20px;}
	.advanced_gallery #thumbs {padding-left:55px;}
	
	ul.thumbs {	clear: both;	margin: 0;padding: 0;width:100%;height:180px;overflow:hidden;}
	ul.advanced_thumb {width:900px;	height:160px;}
	ul.thumbs li {float: left;background:none !important;list-style: none;margin:0 10px 0 0;	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;}
/* Pagination */
div.pagination {clear: both;width:100%;position:relative;}
div.navigation div.top {margin-bottom: 12px;height: 11px;display:none; /* optional disabled */}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:none;}
div.pagination a:hover, div.pagination span.current {}
div.pagination span.ellipsis {display:none;}

div.pagination a.prev_1 {height:73px;width:30px;display:block !important;background: url(../images/marker_left2.gif) no-repeat;position:absolute;left:-40px;top:-135px;}
div.pagination a.prev_1:hover, .advanced_gallery div.pagination a.prev_1:hover{ background:url(../images/marker_left2_active.gif) no-repeat}
.advanced_gallery div.pagination a.prev_1 {height:73px;width:30px;display:block !important;background: url(../images/marker_left2.gif) no-repeat;position:absolute;left:-40px;top:-120px;}
.advanced_gallery  h4{ padding:20px 0 20px 0 ; background:#fff}

div.pagination a.next_1 {height:73px;width:30px;display:block !important;background: url(../images/marker_right2.gif) no-repeat ;	padding-bottom:2px;	position:absolute;	right:-20px;	top:-135px;}
div.pagination a.next_1:hover, .advanced_gallery div.pagination a.next_1:hover{ background:url(../images/marker_right2_active.gif) no-repeat}
.advanced_gallery div.pagination a.next_1 {height:73px;width:30px;display:block !important;background: url(../images/marker_right2.gif) no-repeat ;	padding-bottom:2px;	position:absolute;	left:751px;	top:-120px;}
/* =========== gallery end ========= */



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


.tweet,
.query {
list-style: none;
text-align: justify;
}

.tweet_list {
list-style: none;
margin: 0;
padding: 0;
overflow-y: hidden;
}

.tweet_list .awesome,
.tweet_list .epic {
text-transform: uppercase;
}

.tweet_list ul {
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
}

.tweet_list li {
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
}

.tweet_list li a {
font-weight:bold;
padding:0px;
background:none;
list-style-type: none;
}

.tweet_list li a:hover {
font-weight:bold;
padding:0px;
background:none;
list-style-type: none;
}

.tweet_list .tweet_even {
}

.tweet_list .tweet_avatar {
padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar:hover {
padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
vertical-align: middle;
}

.tweet_list .tweet_avatar img:hover {
vertical-align: middle;
}