/*
Theme Name: Draft n Craft
Description: Draft n Craft new design
Author: eRachnida Technologies
Author URI: http://www.erachnida.com/
Version: 1.2.1
General comments (optional).
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#434445;
	background-image:url(images/body-bg.png);
	background-repeat:repeat-x;
}
a {
	text-decoration:none;
	color:#0c3b81;
}
a:hover {
	text-decoration:underline;
}
h1, h2, h3 {
	font-family:"Trebuchet MS";
	color:#2758a1;
	padding:0px;
	margin:0px;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:16px;
	font-weight:bold;
}
p {
	text-align:justify;
	line-height:20px;
}
#wraper {
	width: 962px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame {
	background-color:#fff;
	width:962px;
	height:auto;
	float:left;
	padding-bottom: 15px;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(/PIE.htc);
}
#site-content-area {
	padding:5px 15px;
	height:auto;
	float:left;
}
#header {
	height:130px;
}
#header #logo a {
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 123px;
	width: 98px;
	float:left;
	margin:0px 0px 0px 20px;
}
#social-icons {
	float: right;
	width: 250px;
	height: auto;
	padding-top: 10px;
}
#social-icons .text{
height:50px;
width:auto;
float:left;
padding:11px 5px 15px 15px;
font-size:20px;
}
#social-icons .icon{
height:50px;
width:268px;
padding:10px;
} 
#header #social-icons a#fb, #header #social-icons a#tw, #header #social-icons a#ld, #header #social-icons a#google, #header #social-icons a#rss   {
	background:url(images/fb.png) no-repeat;
	opacity:0.8;
	display:block;
	height: 27px;
	width: 25px;
	float:left;
	z-index:9999;
	margin-left:4px;
}
#header #social-icons a#tw {
	background:url(images/twit.png) no-repeat;
}
#header #social-icons a#ld {
	background:url(images/in.png) no-repeat;
}
#header #social-icons a#rss {
	background:url(images/rss.png) no-repeat;
}
#header #social-icons a#google {
	background:url(images/goo.png) no-repeat;
}
#header #social-icons a:hover#fb, #header #social-icons a:hover#tw, #header #social-icons a:hover#ld, #header #social-icons a:hover#google, #header #social-icons a:hover#rss {
	opacity:1;
}
#navigation{
height:40px;
width:932px;
float:left;
}
#navigation ul
{
	list-style:none;
	padding:0px;
	margin:0px;
}
#navigation ul li
{
	float:left;
	margin-right:1px;
	height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-shadow:1px #666666;
	background:#D0E4EE;
}
#navigation ul li:hover
{
	float:left;
	margin-right:1px;
	height:40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-shadow:1px #666666;
	background:url(images/header-nav-bg-hover.png) repeat-x;
}

#hom, #abo, #new, #ser, #faq, #car, #con
{
	height: 25px;
	float: left;
	margin-left:3px;
}	

a#hom
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}
a#abo
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}
a#ser
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}
a#faq
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}	
a#car
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}
a#con
{
	padding: 8px 20px 8px 40px;
	color:#D0E4EE;
	width:auto;
}
a:hover#hom, a:hover#abo, a:hover#new, a:hover#ser, a:hover#faq, a:hover#car, a:hover#con{
	color: #272926;
	text-decoration:none;
	text-shadow:#fff 1px 1px 1px;
}	
#hom{
		background: url(images/icon-home.png) no-repeat left;
		width:20px;
}
#abo{
		background: url(images/icon-about.png) no-repeat left;
		width:25px;
}
#new{
		background: url(images/icon-news.png) no-repeat left;
		padding: 8px 10px 8px 60px;
		color:#D0E4EE;
		width:110px;
}
#ser{
		background: url(images/icon-services.png) no-repeat left;
		width:40px;
}
#faq{
		background: url(images/icon-faq.png) no-repeat left;
		width:20px;
}
#car{
		background: url(images/icon-career.png) no-repeat left;
		width:35px;
}
#con{
		background: url(images/icon-contact.png) no-repeat left;
		width:44px;
}
#ticker {
	float:left;
	height:32px;
	background:url(images/news-ticker.png) repeat-x;
	margin:8px 0px;
	width:100%;
}
#ticker a{
color:#2a2d28; background:none;
}
.upd{
float:left;
height:16px;
padding:8px 5px;
}
.nt{
float:left;
height:16px;
padding:8px 5px;
width:855px;
overflow:hidden;
}

.nt a {background:none;}
.nt ul{
padding:0px;
margin:0px;
}
.nt ul li{
padding:0px;
margin:0px;
}

.tickerLink{background:none;}
.tickerLink a{background:none;}
.clear {
	clear:both;
}

/*More CSS*/
#content-area{
	width:930px;
}
.content-left{
	height:auto;
	width:625px;
	padding:15px;
	border:5px solid #e6e6e6;
	float:left;
	text-align:justify;
}
.content-left ul{
padding:0px;
margin:0px;
}
.content-left ul li{
padding:0px;
margin:9px 0px 3px 23px;
list-style-image:url(images/bullet.gif);
}
.content-left ol{
padding:0px;
margin:0px;
}
.content-left ol li{
padding:0px;
margin:9px 0px 3px 23px;
}
.end-content {
	background:url(images/end-content.png) no-repeat;
	height:2px;
}
.content-block  {
	float:left;
	width:185px;
	height:135px;
	padding:10px;
}
.content-block p {
	text-align:left;
}
.saprator {
	height:130px;
	width:2px;
	float:left;
	background:url(images/saprator-big.png) no-repeat;
}
.mini-saprator {
	height:90px;
	width:2px;
	float:left;
	background:url(images/mini-saprator.png) no-repeat bottom;
	margin:0px 15px;
}
.mini-saprator-hoz {
	height:2px;
	width:268px;
	background:url(images/mini-saprator-hoz.png) no-repeat bottom;
	margin:0px 15px;
}
.content-saprator {
	border-bottom: 5px solid #E6E6E6;
	width: 656px;
	float: left;
	margin-left: -16px;
}
.half {
	width:47%;
	float:left;
	height:100px;
	padding:10px 0px
}
.half p {
	text-align:left;
}
#sidebar{
	height:auto;
	width:250px;
	float:right;
}
#sidebar .login{
height:40px;
width:216px;
float:left;
background:url(images/login-bg.gif) repeat-x;
margin-bottom:15px;
padding:14px 17px;
}
/* top-arc */
#top-arc{
height:25px;
width:650px;
float:left;
}
#top-arc .tab_ar{
margin:0px 2px 0px 0px;
height:auto;
width:auto;
float:left;
padding:5px;
font-size:11px;
background:#e6e6e6;
border-left:1px #cccccc solid;
border-right:1px #cccccc solid;
border-top:1px #cccccc solid;
}
#top-arc .tab_ars{
margin:0px 2px 0px 0px;
height:auto;
width:auto;
float:left;
padding:5px;
font-size:11px;
background:#ffffff;
border-left:1px #cccccc solid;
border-right:1px #cccccc solid;
border-top:1px #cccccc solid;
color:#990000;
font-weight:bold;
}
#top-arc .tab_ar a{
color:#000000;
text-decoration:none;
}
#top-arc .tab_ars a{
color:#990000;
text-decoration:none;
}
#top-arc .tab_ar a:hover{
color:#C64934;
text-decoration:none;
}
#testimonials{
height:auto;
width:220px;
float:left;
background:url(images/test-bg.gif) repeat-x #ffffff;
padding:25px 15px 50px 15px;
min-height:145px;
}
#download-broucher{
height:74px;
width:250px;
float:left;
margin-bottom:10px;
}
#share{
height:auto;
width:250px;
float:right;
margin:0px 20px 0px 0px;
}
#footer {
	background:url(images/footer-bg.png) repeat-x;
	height:auto;
	width:100%;
	float:left;
	margin-top:10px;
}
#footer-area {
	width:962px;
	margin-left:auto;
	margin-right:auto;
}
#footer-navigation {
height:43px;
width:600px;
float:left;
}
#copyright{
width:350px;
height:31px;
float:right;
color:#FFFFFF;
text-align:right;
padding:6px 5px;
}
#copyright a{
color:#FFFFFF;
}
.menu-footer-container{
height:23px;
padding:10px 0px;
width:600px;
float:left;
}
.menu-footer-container ul{
padding:0px;
margin:0px;
float:left;
}
.menu-footer-container li{
padding:2px 0px;
margin:0px;
float:left;
list-style:none;
border-right:1px solid #FFFFFF;
}
.menu-footer-container li a{
color:#FFFFFF;
padding:0px 20px;
}
.footer-nav-last{
border:none;
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End Images */

/*tabs slides*/

/* --- Generic --- */
a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}

/* --- Tabs --- */
.jwts_tabberlive {margin:4px 0px;padding:0px;}
.jwts_tabberlive .jwts_tabbertab {margin:3px 0 0 0;padding: 10px; border-top:1px solid #bbb;/*border-top:0px;height:300px;overflow:auto;*/}
/* if tab show gap, then use css below */
/*.jwts_tabberlive .jwts_tabbertab {margin:0 0 0 0;padding: 10px; border:1px solid #bbb;}*/
.jwts_tabberlive .jwts_tabbertab h2,
.jwts_tabberlive .jwts_tabbertab h3,
.jwts_tabberlive .jwts_tabbertabhide {display:none;}
ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;line-height:normal;height:auto;}
ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {font-size:.9em;font-weight:bold;margin:0px 1px;padding:3px 12px;color:#333;border:1px solid #bbb;background:#eee url(../ts/slide_bg.png) repeat-x top;}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {font-size:.9em;font-weight:bold;margin:0px 1px;padding:3px 12px;color:#c64934;border:1px solid #aaa;background:#fff;border-bottom: none;text-decoration:none;}
ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff; color:#990000;}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
ul.jwts_tabbernav li.jwts_tabberactive,
ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
ul.jwts_tabbernav{margin:0;padding:0;display:inline;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */

/* Wordpress Slider Style */

.wts_title{



}



.wts_title a.jtoggle{

    color: #0C3B81;

    text-decoration: none;

    font-size: 12px;

    background: transparent url('../ts/arrow.png') no-repeat right center;

    padding-right: 10px;

    cursor: hand;

    }

    

.wts_slidewrapper{

    display: none;

    border: none;

    padding: 0;

}



.slideraccordion{

	display: none;

}





.wts_title a.jtoggle{

    color: #0C3B81;

    text-decoration: none;

    font-size: 12px;

    background: transparent url('../ts/arrow.png') no-repeat right center;

    padding-right: 10px;

    cursor: hand;

    }

    

.wts_slidewrapper{

    display: none;

    border: none;

    padding: 0;

}


/*TESTIMONIALS SCROLLER CSS*/
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 250px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 250px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 250px;
	height: 200px;
}