/*
Theme Name: centuryweb theme
Theme URI: http://21centuryweb.com/
Description: The 2010 theme for cms.
Author: Ali@21centuryweb.com
Version: 1.0
*/

body{font-family:Arial,sans-serif;background: url(images/logobg.jpg) no-repeat top left;color: #686767;padding:0; margin:0 0; line-height:17px; }
body ,p { font-size:12px;}
ul {margin:0; padding:0; list-style:none;}
br {line-height:5px;}
.fclear{clear:both;}
a:link, a:visited, a:active {color:#B07E0A;font-size:11px;font-weight:bold; text-decoration:none;}
a:hover{color:#FBBF34; text-decoration:none;}
INPUT.box {font-size:11px; border:1px solid #727FAC; background-color:#FFF; height:13px; margin:5px 0 0 0;} 
textarea  {font-size:11px; border:1px solid #727FAC; background-color:#FFF; margin:5px 0;}
submit  {font-size:11px; border:1px solid #727FAC; background-color:#FFF;}
h1 {border-bottom:1px dashed #E5E5E5;border-top:1px dashed #E5E5E5;color:#CE971A;font-size:24px;font-weight:normal;line-height:25px;
margin:5px 0 10px;padding:0;}
h2{font-size:16px;padding:0px;margin:0px; font-weight:bold;color:#5E7AA8;}
h3{padding:0px;margin:0px; font-weight:normal; font-weight:bold;}
h5{padding:5px 0 0 0;margin:0px;font-size:12px;}
ol{padding-top:0px;margin-top:0px;}
/* general end */


.logo{padding:0;margin:0;}
.logo img{border:0; outline:none;}

#MainBody{width:980px; margin:15px auto; padding:0;}
* html #MainBody{width:978px; margin:15px auto;}
.topcrv{height:20px;}
.topcrv img{border:0; height:20px;}

.page{background:url(images/cont_bg.gif) repeat-y left;text-align: left;margin:0 auto;}

#MainContent{width:710px; float:right; margin:0 10px 0 0; padding:0;}
* html #MainContent{width:718px;float:right; margin:0 5px 0 0;padding:0; }

#MainContent .MainTxt{padding:0 10px 0 0; margin:0 0 0 5px;}
* html #MainContent .MainTxt{padding:0 0 0 0;}

#MainContent .MainTxtinner{padding:0 0 0 0;float:right;width:705px;}

table.midborder{border-left:1px solid #C0C0C0; border-right:0px solid #B4E3FA; border-top:1px solid #C0C0C0; border-bottom:0px solid #C0C0C0; background-color:#FFF;}
table.midborder td {border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:5px}
table.midborder td.none  {border:0px; background-color:#F2F1F1;border-right:1px solid #C0C0C0; border-bottom:0px solid #C0C0C0; color:#333333;font-size:18px; padding:5px 0;}

.entry {border-bottom:0px solid #E9E9E9; padding:0 0 10px 0; margin:7px 0 0 0;}
.entry ul{list-style:none; padding:0; margin:0 10px; line-height:18px;}
.entry ul li {list-style:none;padding:0 0 0 15px;background:transparent url(images/bullet.gif) no-repeat scroll left; color:#858282;}
.entry ul li a{color:#cfa339;}
.entry ul li ul li{list-style:none;background:url(images/bult_arrow2.gif) no-repeat 0 5px; padding:0 0 0 15px;}
.entry .gallery ul li {list-style:none;padding:0 0 0 15px;background:none; color:#3A3A3A;}
.entry p{border-bottom:0px solid #E9E9E9; padding:0 0 10px 0; margin:0;}
.entry table{ width:100%;border:1px solid #eeeeee;}
.entry table tr th{background:#f2f1f1; margin:0px; padding:5px 0; text-align:center;}
.entry table tr td{ border-right:1px solid #eeeeee;}
.entry table a img{ border:none;}
.entry a img{ border:none; padding:5px;}
.entry img{ border:none; padding:5px;}
.ddsg-wrapper ul li { background:none;}

.welcomebg{width:690px; padding:0 0 0 3px;margin:0; height:200px; position:relative; top:-14px; float:left;}
.welcomebg h2{color:#FFF;font-size:33px; padding:20px 0 0 30px; margin: 0 10px}
.welcomebg h2.grayTxt{color:#4B4B4B;font-size:30px; padding:5px 0 0 35px; margin: 0 10px}


.homeyellowPart{width:702px; padding:0 0 0 8px;margin:0 0 0 0; position:relative; top:-14px;}
.homeyellowbg{background: url(images/home_yellow_bg.gif) top left no-repeat; height:105px;}
.homeyellowbg div{color:#746F65; font-size:16px; font-style:italic; padding:15px 40px 0 89px; font-weight:bold;}
.homeyellowPart h1{background: url(images/heading_bg.gif) top left repeat-x; font-size:24px; color:#000; font-weight:bold; margin:0; padding:5px 0 0 20px;line-height:62px; border:none;}
.homeyellowPart h2{background: url(images/heading_bg.gif) top left repeat-x; font-size:24px; color:#000; font-weight:bold; margin:0; padding:5px 0 0 20px;line-height:62px; border:none;}



.servicesSlider  .n01 { background: url(images/bg-serv-01.gif) no-repeat right; margin:5px 0 0 0; }
.servicesSlider  .n02 { background: url(images/bg-serv-02.gif) no-repeat right; margin:5px 0 0 0; }
.servicesSlider  .n03 { background: url(images/bg-serv-03.gif) no-repeat right; margin:5px 0 0 0; }
.servicesSlider .serviceItem {width: 215px;float: left;margin-top:0;margin-right: 7px;margin-left: 8px !important;margin-left: 4px;
height: 165px;}
.sliderViewport h2{font-size:12px; color:#666666; font-weight:bold; margin:0; padding:5px 0 0 0;}
p.serviceLink a, .news p.serviceLink a {font-size: 12px;font-weight: bold;height: 25px;margin-right: 15px;color: #0097b5;}
.serviceItem p.serviceLink, .news p.serviceLink, .services p.serviceLink {margin-right:5px;padding: 0px;text-align: right;}

.homeportfolio{width:690px; margin:0 auto; padding:0;}
.homeportfolio h2{padding:5px 0 5px 0; margin:0 0 10px 0; border-top:2px dotted #E9E9E9; color:#E5AC27; font-size:16px; text-transform:uppercase; font-weight:bold}

* html .PortfolioRight{width:445px; margin:0 10px 0 5px; padding:0;float:right;}
.PortfolioRight{width:445px; margin:0 20px 0 5px; padding:0;float:right;}
.PortfolioBox1{width:220px; background: #FFFFFF url(images/portfoliobg.jpg) no-repeat;float:left; height:168px;}
.PortfolioBox2{width:220px; background: #FFFFFF url(images/portfoliobg.jpg) no-repeat; float:right; height:168px;}
.PortfolioBoxLeft{width:220px; background: #FFFFFF url(images/portfoliobg.jpg) no-repeat; float:left; height:168px;}
.servicesSlider img{ border:none;}

/* @group pageActions */
#pageActions {list-style:none;margin:0;}
#pageActions li {float:left;display:inline;margin-left:0; padding-left:0;}
#pageActions li a {display:block;width:35px;height:25px;text-indent:-999em;outline:none;}
#pageActions li.decreaseFontSize a {background:url(images/btn_decreaseFontSize.gif) no-repeat left top;margin-left:0; padding-left:0;}
#pageActions li.increaseFontSize a {background:url(images/btn_increaseFontSize.gif) no-repeat left top;margin-left:0; padding-left:0;}
#pageActions li.sendToFriend a {background:url(images/btn_sendtofriend.gif) no-repeat left top;margin-left:0; padding-left:0;}
#pageActions li.share a {background:transparent url(images/share_icons.gif) no-repeat;margin-left:0; padding-left:0;}
#pageActions li.print a {background:url(images/btn_print.gif) no-repeat left top;margin-left:0; padding-left:0;}
/* @group Share */
#pageActions li ul {width:auto;background:#fff;border:1px solid #ccc;padding:0.5em;position:absolute;left:-999em;z-index:999;margin:0;font-size:11px;width:7.75em;}
#pageActions li:hover ul, #pageActions li.sfhover ul {left:auto;font-size:11px;}
#pageActions li ul li {width:7.75em;margin:0;padding:0;float:none; list-style:none; background:none;}
#pageActions li ul li a {text-decoration:none;width:auto;border:1px solid #fff;padding:0 0 0 20px !important;display:block;text-indent:0;color:#000;height:auto;line-height:20px;}
#pageActions li ul li a:hover {text-decoration:underline;}
#pageActions #digg a {background:transparent url(images/icon_digg.gif) no-repeat left center;font-size:11px;}
#pageActions #delicious a {background:transparent url(images/icon_delicious.gif) no-repeat left center;font-size:11px;}
#pageActions #newsvine a {background:transparent url(images/icon_newsvine.gif) no-repeat left center;font-size:11px;}
#pageActions #facebook a {background:transparent url(images/icon_facebook.gif) no-repeat left center;font-size:11px;}
#pageActions #reddit a {background:transparent url(images/icon_reddit.gif) no-repeat left center;font-size:11px;}
#pageActions #furl a {background:transparent url(images/icon_furl.gif) no-repeat;font-size:11px;}
#pageActions #yahoo a {background:transparent url(images/icon_yahoo.gif) no-repeat left center;font-size:11px;}
#pageActions #google a {background:transparent url(images/icon_google.gif) no-repeat left center;font-size:11px;}
/* Added whatIsThis page action for blog button help - Kyle */
#pageActions #whatIsThis a {background:transparent url(images/quark.gif) no-repeat left center;font-size:11px;}


/* Top menu */
#TopMenu{margin:0;background:url(images/top_nav_bg.gif) no-repeat; height:66px; padding:0 0 0 15px;top:-14px; position:relative;}

/*.clrfix {zoom:1;}*/
.clrfix:after {content:".";display:block;height:0;width:0;line-height:0;clear:both;visibility:hidden;}
#fn-bd {background:none;}
#pushdown_adtag {width:994px;margin:0 auto;background-color:#fff; float:left;}

#fn-hd {background:none; clear:both; padding-top:10px;}

#fn-hd a {color:#000;text-decoration:none;}

#fn-hd .topnav {width:100%;height:40px;}
#fn-hd .topnav ul {float:right;height:40px;margin-right:355px;/*_margin-right:178px;*/}
#fn-hd .topnav li {float:left;}
#fn-hd .topnav li a {display:block;height:40px;text-indent: -9999px;overflow:hidden;cursor:pointer;}

* html #fn-hd .nav {position:fixed;z-index:5000;}
#fn-hd .nav {position:relative;z-index:5000;}

#fn-hd .nav li {float:left;}
#fn-hd .nav li a {display:block;display:inline-block;padding:10px 7px 0;height:30px;/**height:29px;*/}
#fn-hd .nav li a:hover,#fn-hd #clips a:hover, #fn-hd .nav a.dd-on {background:#F7F7F7 url(images/nav-hover.png) repeat-x left top;height:30px;/**height:29px;*/}
#fn-hd .nav li.nav-w .drop, #fn-hd .nav li.nav-e .drop {position:absolute;width:600px;left:-9999em;z-index:5000;}

#fn-hd .nav li a.topLnkBord {border-right:1px solid #DCDCDC; border-left:1px solid #fff;}

#fn-hd .nav ul li.nav-w a span.menuSmalTxt {font-size:10px; color:#BEBEBE;}
#fn-hd .nav ul.recipes-nav li a span.menuSmalTxt {font-size:10px; color:#BEBEBE;}
#fn-hd .nav ul li.nav-w a {font-weight:bold;}
#fn-hd .nav ul.clrfix li a {font-weight:bold;}
#fn-hd .nav ul.clrfix li .drop a {font-weight:normal;}

#fn-hd .nav li .drop .hd {background:url(images/sp-popups-qq.png) no-repeat -1284px 0;height:7px;}
#fn-hd .nav li .drop .ft {background:url(images/sp-popups-qq.png) no-repeat -2484px 0;height:14px;}
#fn-hd .nav li .drop .bd {background:url(images/sp-popups-qq.png) repeat-y -1884px 0;padding:0 7px;}

#fn-hd .nav li .drop .content {background-color:#FAF5EF;}
#fn-hd .nav li .drop h3 {background-color:#FFF0BD;padding:4px 14px;font-weight:bold;position:relative;clear:both; margin-top:0; margin-bottom:0; font-size:12px; font-weight:bold;}
#fn-hd .nav li .drop h3 a { font-weight:bold; padding:0; margin:0; background:none; color:#2A2A2A;}
#fn-hd .nav li .drop h3 a:hover { font-weight:bold; padding:0; margin:0; background:none; color:#EAA400;}
#fn-hd .nav li .drop h3:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#fn-hd .nav li .drop h3 span {display:block;text-indent:-9999em;background:url(images/sp-popups-qq.png) no-repeat left top;width:12px;height:12px;position:absolute;right:6px;top:6px;cursor:pointer;}
#fn-hd .nav .drop li {background:none;height:auto;border:0;float:none;}
#fn-hd .nav .drop li a {display:inline;height:auto;background:none;}
#fn-hd .nav .drop li a:hover {background:none;height:auto;}
#fn-hd .nav li.nav-w:hover .drop, #fn-hd .nav li.nav-e:hover .drop {left:auto;top:40px;}
#fn-hd .nav .content ul {right:0;top:0;background-color:#FAF5EF;position:relative;float:left;width:188px;padding:8px 0 8px 5px;margin:0; font-size:11px;}

#fn-hd .nav .content .products {width:49%; margin:1px 2px 1px 0; float:left;}

#fn-hd .nav .content .products h3 {padding:5px 5px 5px 10px; margin:0; font-weight:bold;}
#fn-hd .nav .content .products h3 a:link, #fn-hd .nav .content .products h3 a:visited, #fn-hd .nav .content .products h3 a:active {font-weight:bold; padding:0;}
#fn-hd .nav .content .products h3 a:hover {font-weight:bold; padding:0;}

#fn-hd .nav .content ul li {background:url(images/bullet-red.gif) no-repeat left 9px;line-height:1.2em;padding:2px 0 2px 10px;}
#fn-hd .nav .content li a:link {color: #7BA1B5;text-decoration:none;padding:0;background:none;}
#fn-hd .nav .content li a:hover {color:#EAA400;text-decoration:underline;background:none;}
#fn-hd .nav .content li a:visited {color: #7BA1B5;text-decoration:none;padding:0;}
#fn-hd .nav .content .inside .cta {width:311px;padding:0 0 0 14px;}
#fn-hd .nav .content .inside .cta-title {font-weight:bold;}
#fn-hd .nav .content .inside .cta li {background:none;float:left;padding:7px 5px 7px 0; font-size:11px;}
#fn-hd .nav .content .inside .cta li.last {background:url(images/bullet-black.png) no-repeat left center;padding-left:10px;}
#fn-hd .nav .content .more {background-image:none;padding:4px 0 7px 0;margin:0;}
#fn-hd .nav .content .more a {color: #2A2A2A;font-weight:bold;padding:0;margin:0;}
/* Top menu End */

#fade_base a{ font-weight:normal;}

* html #leftcol{width:230px; padding:0;margin:0 0 0 7px;float:left;}
#leftcol{width:234px; padding:0;margin:0 0 0 16px;float:left;}
#sidebar{padding:0;margin:0 0 5px 0px;float:left;background:url(images/sidebarbg.gif) repeat-y top left;}

.SideBg{ padding:0; margin:0 0 0 0; width:230px;float:left; }
* html .SideBg{ padding:0; margin:0 0 0 0; width:230px;float:left; }

#sidebar h2{background:url(images/sidebar_headbg.gif) no-repeat top left; padding:10px 0 5px 0; margin:0 0 0 0; text-indent:5px; border-bottom:1px solid #E9E9E9; width:230px; color:#5E7AA8; font-size:13px; text-transform:uppercase; font-weight:bold}
#sidebar ul {list-style:none; padding:0 10px 0 5px; margin:0; text-indent:0px; background:url(images/sidebar_btmbg.gif) no-repeat bottom left; }
#sidebar ul li ul {list-style:none; padding:0; margin:0; text-indent:2px; background:none; }
#sidebar ul li ul li{padding:0 0 0 2px;background:none; list-style:none;}
#sidebar ul li a{color:#777777; padding:0 0 0 10px; text-decoration:none; font-size:11px; font-weight:normal;}

#sidebar ul li{padding:3px 0 3px 0; margin:0 0 0 0; list-style:none; line-height:18px; background:url(images/hdot2.gif) repeat-x scroll center bottom}
#sidebar li{padding:0 0 0 0; margin:0; list-style:none;}
#sidebar ul li a.butes{color:#777777; padding:0 0 0 15px; text-decoration:none; background: url(images/orange_arrow.gif) no-repeat left; font-size:12px; font-weight:bold}
#sidebar ul li a.butes:hover{color:#95AAC7; padding:0 0 0 15px; text-decoration:none; background: url(images/orange_arrow.gif) no-repeat left; font-size:12px; font-weight:bold}
#sidebar ul li a.catLink{color:#006699; padding:0 0 0 10px; text-decoration:none; background: url(images/bullet.gif) no-repeat left;font-weight:normal}
#sidebar ul li a.catLink:hover{color:#6B6666; padding:0 0 0 10px; text-decoration:none; background: url(images/bullet.gif) no-repeat left; font-weight:normal}
#sidebar ul li a.leftnav{color:#777777; padding:0 0 0 10px; text-decoration:none; background: url(images/bullet.gif) no-repeat left;font-weight:bold; font-size:11px;}
#sidebar ul li a.leftnav:hover{color:#95AAC7; padding:0 0 0 10px; text-decoration:none; background: url(images/bullet.gif) no-repeat left;}
#sidebar ul li a:hover{text-decoration:none;color:#95AAC7;}
#sidebar ul.menu li a span{
background:transparent url(images/bullet.gif) no-repeat scroll 5px 5px;
font-size:11px;
padding-left:16px;
}
#sidebar div {background:url(images/sidebar_btmbg.gif) no-repeat bottom left; padding:0 10px 0 0;}
* html #sidebar div {background:url(images/sidebar_btmbg.gif) no-repeat bottom left; padding:0 0 0 0;}
#sidebar div div{background:none; padding:0;}

.webbytes{background: url(images/sidebarbg.gif) repeat-y top left; padding:0; margin:0 0 5px 0; width:230px;}
.webbytes h2{background:url(images/sidebar_headbg.gif) no-repeat top left; padding:10px 0 5px 0; margin:0 0 10px 0; text-indent:15px; border-bottom:1px solid #E9E9E9; width:230px; color:#5E7AA8; font-size:13px; text-transform:uppercase; font-weight:bold}
.webbytes ul {list-style:none; padding:0 5px 0 5px; margin:0; text-indent:0px; background:url(images/sidebar_btmbg.gif) no-repeat bottom left; }
.webbytes ul li ul {list-style:none; padding:0; margin:0 0 0 10px; text-indent:15px; background:none; }
.webbytes ul li{padding:3px 0 3px 5px; margin:0; list-style:none; line-height:18px; background:url(images/hdot2.gif) repeat-x scroll center bottom}
.webbytes ul li a{padding:0 0 0 10px; background: url(images/bullet.gif) no-repeat left;}
.webbytes ul li a.butes{color:#777777; padding:0 0 0 15px; text-decoration:none; background: url(images/orange_arrow.gif) no-repeat left; font-size:12px; font-weight:bold}


.content_row h2 span{ color: #E5AC27; }
.content_row h2 {font-size:20px; text-align:center; margin:5px 0 10px 0; padding:0; color:#333; font-weight:normal; line-height:30px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}

.content_column{ float: left; margin-left: 20px; width: 215px; }
.content_column img{ float: left; margin: 0 10px 0 0; }
.tag_cloud {background:#F4F4F4 url(images/tag_bg.gif); background-position: top left; background-repeat:repeat-x; margin: 0 auto; padding: 0; overflow: auto; width: 900px; border:1px solid #E0DEDE; padding:5px 10px;}
.tag_cloud a{color:#B07E0A; font-weight:normal;}
.tag_cloud a:hover{color:#FBBF34;}
.contact_message{ background-color: #fff; margin: 0 auto; padding: 0; overflow: auto; width: 900px; }
.tag_cloud h2 {font-size:26px; color:#696969; padding:0 0 5px 0; margin:0; font-weight:normal; border:none;}

* html .newsletterbg{background-color:#F4F4F4;top:5px; padding:0 10px; height:90px; }
.newsletterbg{background-color:#F4F4F4;top:5px; padding:0 10px; height:110px; width:280px;}
.newsletterbg h6{color:#34261D; font-size:13px; margin-bottom:5px; padding:0;}

.contactnew{padding:0 0 0 4px; width:226px; background: url(images/contact_bg.gif) repeat-y; float:left; margin:0 0 5px 0}
.contactnew h2{ border-bottom:1px dotted #A4A4A4; color:#000;font-size:24px; padding:8px 0; margin: 0; width:223px; text-align:center;}



/*footer*/
.newfooterleft{padding:5px; margin:0; float:right; text-align:left; color:#545454; font-size:11px;background-color:#fff;}
.newfooterleft a{color:#212121;}
.newfooterRight{width:490px; padding:0; margin:15px 0 0 0; float:right; text-align:left}
.copyrightnew{float:left; margin:0; padding:10px 0 0 15px; color:#545454; font-size:11px; text-align:left;background-color:#fff}
#footer{clear:both;line-height: 1.3412em;font-size: 0.85em;position: relative;height: 149px; background: url(images/footer_bg.gif) repeat-x bottom;color: #b7aca5;}
#footer_why_sork_with_us{left: 330px;}
#footer_newsletter{left:4px;
padding-top:20px;}

* html .newsletterbg{background-color:#F4F4F4;top:5px; padding:0 10px; height:90px; width:280px}
.newsletterbg{background-color:#F4F4F4;top:5px; padding:0 10px; height:110px; width:280px}
.newsletterbg h6{color:#34261D; font-size:13px; margin-bottom:5px; padding:0 0 0 0;}

* html .footer_box{position: absolute;top: 10px;width: 200px;height: 111px;padding: 4px 0 4px 12px;}
.footer_box{position: absolute;top: -5px;width: 200px;height: 121px;padding: 4px 0 4px 12px;}
#footer:hover{color: #34261d !important;}.footer_box p{text-align: justify; margin: 0;margin-bottom: 12px;}
.footer_box ul{margin: 0; list-style-position: inside;}
#footer h6 {color:#34261D; font-size:13px; margin-bottom:5px;}
.footer_box ul{margin: 5px 0 0 0;}
ul.footer_box li {background:url(images/footer_circle.gif) top left no-repeat; padding:0px 7px 8px 10px;color:#5F5F5F; font-weight:normal; font-size:11px; }

* html #footer_start_project{left: 542px; margin:5px 0 0 0;}
#footer_start_project{left: 542px; margin:18px 0 0 0;}

#footer_stay_in_touch img{padding:0 3px 0 0; border:0}
#footer_stay_in_touch{left: 788px;width: 129px;}
#footer_stay_in_touch ul{padding: 0;list-style: none;overflow: hidden;margin: 0 0 7px 0;}
#footer_stay_in_touch ul li{width: 32px;height: 32px;float: left;overflow: hidden;display: block;margin-bottom: 5px;}
#footer_stay_in_touch ul li a:hover, #footer_stay_in_touch ul li a span:hover{background-position: 0 -32px;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active  
{color:#1096D4; font-weight:normal; text-decoration:none; font-size:9px;}
a.footerlink:hover 
{color:#EFAA00; font-weight:normal; text-decoration:none; font-size:9px;}
.ngg-gallery-thumbnail-box span{ width:138px;}
/*footer end*/