@charset "utf-8"; 
/***************************************************  Import more CSS styles  ****************************************************************************/
@import url('css/reset.css'); /* used for reset in browsers */
@import url('css/slider.css');  /* slider css styles */
@import url('css/spoorthy-menu.css');  /* Menu css */
@import url('css/fancybox.css');  /* fancy box galery css */
@import url('css/shortcodes.css');  /* site template shortcodes */
/*********************************************************************************************************************************************************/
/* GLOBAL */
html body{
	background:url(images/main_bg.jpg) repeat;
	line-height:1.5em !important;
	color:#54565b !important;
	font-family:Arial,Helvetica,sans-serif !important;
	font-size:12px
}
@font-face{font-family:'LeagueGothicRegular'; src:url('lib/font/League_Gothic-webfont.eot'); src:url('lib/font/League_Gothic-webfont.eot?#iefix') format('eot'),url('lib/font/League_Gothic-webfont.woff') format('woff'),url('lib/font/League_Gothic-webfont.ttf') format('truetype'),url('lib/font/League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg'); font-weight:normal; font-style:normal}
a{text-decoration:none; color:#353638}
/* image styles */
img{border:none}
img.shadow{box-shadow:0 1px 3px #666}
img.boxed{border:8px solid #fff}
img.size1{width:465px; height:180px}
img.size2{
	width:500px;
	height:250px
}
img.size3{width:210px; height:108px}
img.size4{width:769px; height:198px}
.preloader{background:url(images/loading.gif) left center no-repeat; display:inline-block}
/* Main logo text replament */
.logo{
	background:url(images/logo.png) no-repeat;
	position:absolute;
	top:5px;
	width:348px;
	height:100px;
	text-indent:-9999em;
	margin-left:10px
}
/* Top bar is the header */
#top_bar{
	position:relative;
	top:-25px;
	height:102px;
	width:1039px;
	color:#353638;
	z-index:9999;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #85C226;
}
/* footer menu */
#bottom_bar{
	width:1039px;
	color:#00923F
}
#bottom_bar a{
	color:#00923F
}
#bottom_bar a:hover{color:#353638}
/* main design shodowing */
#main_frame{margin:0 auto; background:url(images/body_bg.jpg) repeat-y; width:1107px}
#main_frame_cap{/* this is used to cap the bottom shadow on the footer */margin:0 auto; width:1107px; height:16px; background:url(images/body_bottom.jpg) no-repeat}
/* this frame keeps the main content in */
#inner_frame{margin:0 auto; padding-top:20px; padding-bottom:20px; width:1039px}
/* footer */
#footer{margin:0 auto; width:1039px; font-size:11px; padding-bottom:40px}
#footer a{text-decoration:none; color:#353638}
#footer a:hover{text-decoration:none; color:#232425}
.twitter{float:right; background:url(images/twitter.png) no-repeat; padding-left:30px}

/* float and column positioning */ 
.clear /*used to clear all floating elements*/{clear:both}
.last /*used on the end of each column to close of the float*/{margin-right:0 !important}
.left /*float anything left*/{float:left}
img.left /*float images left with padding*/{float:left; padding-right:10px}
.right /*float anything right*/{float:right}
p /* standard styling */{margin-top:10px; margin-bottom:10px}
p.intro /* used as text under headers etc */{font-weight:bold; color:#f89f25; text-transform:uppercase; font-size:11px; margin-bottom:5px}
/* Header styles */
h1{font:26pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
h2{font:22pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
h3{font:20pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
h4{font:19pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
h5{font:18pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
h6{font:14pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
/* drop shadow class */
.hshadow{text-shadow:#c1c2c3 1px 1px 1px}
/* Inner shadow class */
.innershadow{text-shadow:1px 1px #c2c3c3,-1px -1px #a4a5a6}

/* divider style one - used mainly of front page */
.divider{background:url(images/divider.jpg) no-repeat; background-position:center center; width:1039px; height:38px; margin-bottom:10px}
/* divider style 2 */
.divider2{background:url(images/divider2.jpg) repeat-x; background-position:center center; height:7px; margin-bottom:2px}
/* horizontal divider */
.rdiv{background:url(images/vdiv.jpg) repeat-y; background-position:right center}
/* vertical divider */
.vdiv{background:url(images/vdiv.jpg) repeat-x; margin-top:10px; margin-bottom:10px; width:100%; height:2px}
/* bread crub navigation */
.crumbs{font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #999; background:#EDEDED; color:#999; display:block; line-height:28px; margin-right:4px; outline:none; padding:0 15px; text-decoration:none}
.crumbs a{text-decoration:none; color:#999}
.crumbs a:hover{text-decoration:underline; color:#353638}
/* code styling used mainly for demo */
code, pre{background-color:#f3fafc; border-left:3px solid #b7dae5; border-top:1px solid #b7dae5; border-right:1px solid #b7dae5; border-bottom:1px solid #b7dae5; padding:15px; color:#104776; font:11px Consolas,"Courier New",Courier,monospace; line-height:14px; overflow:hidden; margin-top:15px}
/* Pagination*/
.wp-pagenavi{overflow:hidden; margin-bottom:50px}
.wp-pagenavi span, .wp-pagenavi a{font-size:13px; font-weight:bold; color:#515151}
.wp-pagenavi a, .wp-pagenavi .current{display:inline-block; margin:0 20px 0 0}
.wp-pagenavi .current, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink{background:url(images/button-left.png) no-repeat left; display:inline-block; padding:0 0 0 15px; text-decoration:none}
.wp-pagenavi .current span, .wp-pagenavi .nextpostslink span, .wp-pagenavi .previouspostslink span{background:url(images/button-right.png) no-repeat right; display:inline-block; padding:10px 15px 10px 0}
.wp-pagenavi .nextpostslink{display:inline-block}
.wp-pagenavi span.pages{float:right; padding-top:10px}
/*Portfolio styling*/
.selecterBtns{float:left; width:1039px; margin-bottom:25px}
.selecterBtns a{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#d2e9f1; border:1px solid #5db5d4; color:#5db5d4; display:block; float:left; font-size:11px; line-height:28px; margin-right:4px; outline:none; padding:0 15px; text-decoration:none}
.selecterBtns .active, .selecterBtns a:hover{border:1px solid #e98b0a; background:#f89f25; color:#353638}
.selecterContent{float:left; width:1030px; padding-left:30px; clear:both}
.selecterContent li{box-shadow:0 1px 3px #666; width:235px; height:145px; overflow:hidden}
ul.nolist, ul.nolist li{display:block; list-style:none; padding:0; margin:0}
ul.nolist li{float:left; margin:0 5px 5px}
/* Latest Works */
#items img{box-shadow:0 1px 3px #666; width:202px; height:115px; overflow:hidden}
#latest{position:relative}
#latest h2{margin-bottom:15px}
#latest h3{margin:6px 0}
#latest h3 a{font-size:12px}
#latest ol{position:absolute; top:0; right:0}
#latest ol li{float:left; list-style:none; margin-right:5px; text-indent:-9999px; width:10px; height:10px; background:url(images/bg_buttons.png) no-repeat 0 0; cursor:pointer}
#latest ol li.current{background:url(images/bg_buttons.png) no-repeat -10px 0}
#latest ol li.hover{background:url(images/bg_buttons.png) no-repeat -10px 0}
/*Start Blog */
.meta{font-size:11px; margin-bottom:5px; padding-bottom:5px; display:inline-block; width:345px}
.meta a{color:#535353}
.meta a:hover{color:#f89f25}
/* blog side bar can be used both left and right side */
#sidebar{width:230px; padding-right:6px; padding-left:6px}
#sidebar a{color:#3ca7d1; font-weight:bold}
#sidebar a:hover{color:#535353}
.bullet2{margin-bottom:5px}
.bullet2 li{padding:5px 0 5px 10px; background:url(images/icons/arrow.png) no-repeat 0 10px; padding-bottom:5px; border-bottom:1px dotted #ccc}

ul.archives{width:115px}
/* Blog Post Content*/
#post_content{width:769px; padding-left:6px; padding-right:6px}
.post{width:769px}
.one-post{
	width:774px;
	margin-right:30px;
	float:left;
	position:relative
}
.one-img{width:250px; margin-right:30px; float:left; position:relative}
/* blog comments*/
.comments{margin-bottom:30px; padding-right:15px; padding-left:15px}
.comments.last{margin-bottom:0 !important}
.comments .reply{font-weight:bold; color:#191919; font-size:11px}
.comments .reply:hover{color:#444}
.comments .avatar{padding:15px}
/* Form Styles */
input.txt{/* newsletter form */color:#d0d0d0; border:1px solid #d5d4d4; padding:5px; width:100%; height:35px; -moz-border-radius:2px; border-radius:2px}
input.ctxt{/* contact form */color:#d0d0d0; border:1px solid #d5d4d4; padding:5px; width:600px; height:35px; -moz-border-radius:2px; border-radius:2px}
input.search{/*search form*/float:right; position:relative; top:-60px; color:#d0d0d0; border:1px solid #d5d4d4; padding:5px; width:300px; height:25px; -moz-border-radius:2px; border-radius:2px}
input.btn-email{/* newsleter button */position:absolute; right:7px; top:121px; background:url(images/icons/email.png) no-repeat; width:32px; height:32px; border:none}
input.btn-search{/*search form button */position:absolute; right:125px; top:92px; background:url(images/icons/search_btn.png) no-repeat; width:32px; height:32px; border:none}
form p{clear:left; margin:0; padding:0; padding-top:10px}
form p label{float:left; width:120px; margin-top:15px; font:16pt/68px 'LeagueGothicRegular',Arial,sans-serif; letter-spacing:0; line-height:20pt; color:#353638; margin-bottom:-5px; text-transform:uppercase}
