/*=== Setup ===*/
* { border:0; margin:0; padding:0; outline:none; }
body { background:url(../images/all_bg.gif); color:#494949; font-family: 'Roboto Condensed', sans-serif; font-size:14px; }
a { color:#db9233; text-decoration:none; }
a:hover { text-decoration:none; }
p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
p.bg, .bg { clear:both; padding:0; margin:0; background:none; border-bottom:1px solid #e5e5e5; }
input, select, textarea { border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; font-family:'Roboto Condensed', sans-serif; }

h2 { color:#222222; font-size:1.5em; font-weight:normal; margin:0 0 1em; }
h3 { color:#3f3f3f; font:bold 30px 'Roboto Condensed', sans-serif;  padding:0 0 30px 0; margin:0; }
h3 span { color:#3f3f3f; font:normal 14px 'Roboto Condensed', sans-serif; padding:0; margin:0; }
h4 { font-size:1em; margin:0 0 1em; }
p { line-height:1.5em; padding:0 0 10px; }
/*=== Layout ===*/
#page { margin:0 auto; background:url(../images/main_bg.gif) top repeat-x; }
#page-bot { padding:0; margin:0 auto; }
/*=== H eader ===*/
.header_bg { margin:0; padding:0 0 10px; background:url(../images/header_bg.gif) repeat-y center; }
.header_bg_resize { width:971px; margin:0 auto; background:url(../images/menu_bg.gif) no-repeat top; }
#header { margin:0 auto; width:935px; background:none; }
/*- Logo -*/
.logo { width:228px; float:left; margin:0; padding:0; }
#header h1 { background:url(../images/logo.gif) no-repeat; float:left; text-indent:-9999px; width:228px; }
#header h1 a { display:block; height:50px; }
#header h1 a:hover { text-decoration:none; }
/* Search form */
.search { padding:0 15px; margin:0 auto; }
.search span { width:250px; display:block; border:1px solid #dddddd; background:#FFF; height:34px; margin:0; }
.search input#s { float:left; width:200px; padding:10px 5px; margin:0; border:0; background:none; color:#000305; font:normal 12px 'Roboto Condensed', sans-serif; line-height:14px; height:14px; }
.search .btn { float:left; padding:4px; margin:0; border:0; width:auto; }
/*=== Navigation ===*/
.menu_resize { padding:10px 0; margin:0; }
/*- Top Nav -*/
.topnav { font-size:17px; font-weight:normal; padding:0; font-family: 'Roboto Condensed', sans-serif;margin-top: 3px;}
.topnav ul { list-style:none; padding:0; margin:0 0 0 20px;  }
.topnav li { float:left; padding:0 5px; }
.topnav li a { color:#fff; display:block; float:left; padding:5px 5px; margin: 10px 0; text-decoration:none; font-size: 14px }
.topnav li a span { background:none; padding:16px 15px; }
.topnav li a:hover { color:#fff; background:#029fd1;}
.topnav li a:hover span { color:#fff; background:#029fd1; }
.topnav li.current a { color:#fff; background:#029fd1; }
.topnav li.current a span { color:#fff; background:url(../images/l_menu.gif) no-repeat left; }
/*- Nav1 -*/
#nav1 { font-size:13px; height:48px; font:normal 14px 'Roboto Condensed', sans-serif; }
#nav1 ul.sf-menu li { position:relative; float:left; line-height:48px; padding:0; text-align:center; }
#nav1 ul.sf-menu li a { color:#666; display:block; position:relative; float:left; text-decoration:none; cursor:pointer; padding:0 20px; }
#nav1 ul.sf-menu li a:hover { text-decoration:none; background:#000; color:#fff; }
#nav1 ul.sf-menu li ul.children { background:#000; border:none; }
#nav1 ul.sf-menu li ul.children li { background:#000; border:0; text-align:left; text-indent:20px; }
#nav1 ul.sf-menu li ul.children li a { color:#666; text-decoration:none; display:block; width:100%; padding:0; }
#nav1 ul.sf-menu li ul.children li a:hover { color:#fff; background:#333; text-decoration:none; }
#nav1 ul.sf-menu li ul.children li ul.children { border-left:none; border-right:none; }
#nav1 ul.sf-menu li ul.children { margin:5px 0 0 0; }
#nav1 ul.sf-menu li ul.children ul.children { margin:0 0 0 28px; }
/* body */
.body_bg { padding:0; }
.body_bg_resize { width:972px; margin:0 auto; }
/*=== All Columns ===*/
#columns { margin:0 auto; padding:10px 10px 30px; width:915px; background:#fff; }
/*=== Center Column ===*/
#centercol { float:left; width:579px; }
/*=== Right Column ===*/
#rightcol { float:right; width:320px; }
.small_link { padding:10px 0 0; margin:0 auto; height:25px; }
#rightcol a { color:#404040; text-decoration:none; }
/*=== Sub Columns ===*/
.subcols { height:1%; }
.col1, .col2 { float:left; width:260px; }
.col2 { float:right; }
/*=== Post ===*/
/*- Post Title -*/
.post-title { background:url(../images/h2_bg.gif) bottom no-repeat; width:579px; padding:0 0 10px 0; }
.post-title h2, .post-title h1 { margin:0; padding:4px 20px; font:normal 24px/1.5em 'Roboto Condensed', sans-serif; color:#fff; background:url(../images/title_bg.gif); }
.post-title h2 a { padding:0; margin:0; color:#fff; text-decoration:none; }
/*- Post Date -*/
.post-date { margin:0 0 20px 0; font:normal 14px 'Roboto Condensed', sans-serif; }
.post-date a { color:#24b5dd; font-weight:bold; text-decoration:underline; }
.post-date a:hover { text-decoration:none; }
.post-date em { display:inline; margin:0; color:#666; font-size:.9em; font-style:normal; padding:12px 0; line-height:1.75em; }
.post-date em span { padding:12px 0; }
/*- Post Excerpt -*/
.post-excerpt { display:table; font:normal 13px 'Roboto Condensed', sans-serif; height:1%; padding:0 30px 0 0; }
.post-excerpt p, .post-excerpt div, .post-excerpt li { color:#666; }

/*- Post Blockquote -*/
.post blockquote { border-left:3px solid #cfcfcf; font-size:13px; font-style:italic; margin:0 0 1.5em; padding:5px 0 0 10px; }
/*- Post Author -*/
.post-author { margin:0 0 1em; }
.post-author h3 { margin:0; padding:0; text-align:left; }
.author-details { font-size:.85em; }
.author-descr { display:table; height:1%; }
/*- Social Links -*/
.social-links { margin:0; padding:0; }
.social-links a { color:#24b5dd; font-weight:bold; }
.social-links .fl { padding:0 10px 0 0; line-height:24px; }
.social-links .fr { padding:0 10px 0 0; line-height:24px; }
.social-links .fl a:hover { text-decoration:underline; }
/* Comments */
.Comments { background:url(../images/comments_bg.gif) top no-repeat; text-align:center; width:54px; height:42px; padding:10px 0 0 0; margin:0 20px 0 0; float:left; }
.Comments a { font:normal 24px 'Roboto Condensed', sans-serif; color:#fff; text-decoration:none; }
/*- Related Posts -*/
.post-rel { line-height:1.5em; }
.post-rel a { color:#33707E; }
/*- Widget Title - */
.wtitle { padding:0; width:320px; margin:0 auto; height:54px; background:url(../images/right_h2_bg.gif) top no-repeat; text-transform:uppercase; }
.wtitle h2 { margin:0; padding:10px 0 16px 10px; font:normal 18px 'Roboto Condensed', sans-serif; color:#f5f5f5; text-transform:uppercase; }
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box { margin:0 0 10px; padding:0; }
.box .content { float:left; width:529px; padding:10px 15px; margin:0 9px; background:#f5f5f5; border:1px solid #dcdcdc; border-top:0; border-top:none; }
.box.nav-side .content { float:none; width:288px; background:#f1f1f1; border:1px solid #dcdcdc; border-top:none; padding:10px 5px; margin:0 auto; text-align:left; }
.box.ads .content { text-align:center; }
.box.widget .content { padding:10px 0; text-align:center; }
#rightcol .box { margin:0 0 10px 0; }
.box .border { border:1px solid #dcdcdc; }
.box.nav-side .border { width:298px; padding:0; margin:0 0 10px 10px; border:1px solid #dcdcdc; }
/* RSS */
.rss a.big { text-decoration:none; font:normal 24px 'Roboto Condensed', sans-serif; color:#333a43; padding:10px; margin:0 10px; display:block; background:#f1f1f1 url(../images/rss.gif) center right no-repeat; }
.rss a.big span { color:#24b5dd; font-weight:bold; }
/*- Box2 -*/
.box2 { background:#f9f9f9; border:1px solid #cfcfcf; height:1%; margin:0 0 20px; padding:15px; min-height:115px; width:390px }
.box2.alt { background:#FFFFFF; }
.box2.alt { background:#FFFFFF; }
.comm-name, .comm-date { line-height:20px; }
/*=== Styling Lists ===*/
/*- List -*/
.list { height:36px; clear:both; padding:0 10px; }
.list li { float:left; }
.list li a { display:block; font:normal 11px 'Roboto Condensed', sans-serif; color:#000; line-height:15px; padding:10px; }
.list li a.active { border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font:bold 11px 'Roboto Condensed', sans-serif; color:#000; }
div.tabs_list { padding:0 10px; }
div.tabs_list ul { text-align:left; border:1px solid #e0e0e0; padding:0 10px; }
div.tabs_list ul li { border-bottom:1px solid #e0e0e0; padding:8px; font:normal 11px 'Roboto Condensed', sans-serif; color:#000; }
div.tabs_list ul ul { border:0; padding:0 5px; }
div.tabs_list ul li a { font:normal 11px 'Roboto Condensed', sans-serif; color:#000; }
div.tabs_list ul li a:hover { text-decoration:underline; }
/*- List1 -*/
.list1 li { height:1%; padding:.7em 0 .7em 13px; }
.list1 li.last { border:0; }
#rightcol .list1 li a:hover { color:#33707e; }
/*=== Styling Forms ===*/
input.btn { background:none; border:0; margin:0; padding:0; }
select { padding:1px; }
/*- Message -*/
.message div { margin:0 0 18px; }
.message input { padding:9px 15px; width:390px; }
.message textarea { height:114px; overflow:auto; padding:9px 15px; width:390px; }
.message .submit { float:left; }
.message .btn { padding:0; background:url(../images/button.gif); width:128px; height:32px; color:#FFF; font-weight:bold; }
.message .notice { color:#a4a4a4; float:right; font-style:italic; padding:10px 0 0; }
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img { border:1px solid #cfcfcf; display:block; margin:0 0 .8em; padding:5px; background:#fff; }
.pic.fl img { margin-right:23px; }
.pic.fr img { margin-left:23px; }
.th { display:block; margin:0 0 .5em; }
.th.fl img { margin-right:10px; }
.th.fl img { width:40px; height:40px; border:1px solid #cfcfcf; }
.ads .content img { margin:5px; }
.widget_flickrRSS .content img { margin:5px; border:1px solid #cfcfcf; }
/*=== Footer ===*/
#footer { color:#666; margin:0 auto; }
.footer_resize { width:970px; margin:0 auto; padding:0; }
.footer_resize img { float:left; margin:0; padding:0; }
#footer .fl { text-align:left; padding:35px 20px 30px 20px; font:normal 13px 'Roboto Condensed', sans-serif; color:#666; }
#footer .fr { text-align:right; padding:35px 20px 30px 0; font:normal 13px 'Roboto Condensed', sans-serif; color:#666; }
#footer a { color:#24b5dd; text-decoration:none; font-weight:bold; }
#footer a:hover { color:#24b5dd; text-decoration:underline; }
/*=== Misc. ===*/
.fix { clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 { background:url(../images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 { background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
/*===== Slider ======*/
#slider { width:907px; background:#fff; height:309px; margin:0 auto; padding:0; }
#slider ul, #slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:907px; height:309px; overflow:hidden; background:#fff; }
#slider li img { margin:0; padding:5px; background:#fff; border:1px solid #dedede; }
p#controls { margin:0; padding:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:43px; height:53px; position:absolute; left:-12px; top:-185px; }
#nextBtn { top:-185px; left:904px; }
#prevBtn a { display:block; width:43px; height:53px; background:url(../images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:43px; height:53px; background:url(../images/r_arrow.gif) no-repeat 0 0; }

.main_baner{
text-align:center;
}

.sidebar_baner{
text-align:center;
}

a.button{
 display: block;
 padding: 5px 10px;
 background: #DB9233;
 float: right;
 margin: 10px 0;
 color: #fff;
}
.topnav li {
 display: block;
 transition-duration: 0.5s;
 position: relative;
}

.topnav li:hover {
  cursor: pointer;
}

.topnav ul li ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 1rem;
  left: 0;
  display: none;
  top: 20px;
  background: #029fd1;
  min-width: 150px;
}
.topnav ul li ul li {
    max-width: 130px;
}

.topnav ul li:hover > ul,
.topnav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.topnav ul li ul li {
  clear: both;
  width: 100%;
}