body{
margin: 0 auto;
padding:0 0;
font-family: arial, helvetica, sans-serif;
font-size: 75%;
color:#777777;

line-height: 1.5em;

}

a:link{text-decoration:underline;color: #6f7378;font-weight: normal;}
a:visited{text-decoration:underline;color: #6f7378;font-weight: normal;}
a:hover{color: #c22020;}
a:active{text-decoration:underline;color: #6f7378;font-weight: normal;}

a img{border:0;}

#container{margin: 0 auto; width:980px; padding: 0;}
#header {width:252px; float:left }
#nav {margin-top:92px; width:728px;  float:left;}


#nav a:link{text-decoration:none;color: #6a6b6e;font-weight: normal; font-size:13px;}
#nav a:visited{text-decoration:none;color: #6a6b6e;font-weight: normal;}
#nav a:hover{color: #c22020; text-decoration:none;}
#nav a:active{text-decoration:none;color: #6a6b6e;font-weight: normal;}

#wrapper{line-height:18px; background:url(../img/bgTop.gif) top left no-repeat; margin-top:-20px;}
li{list-style :none; }
#silder {height:340px;}
#sildercontent{width:980px;height:325px; padding-top:30px;}
#sildernav{width:553px;background:#dedcdc; margin-top:58px;height:25px;float:right;}
#sildernav span ,#worklist ul li span{ display:block;}
#sildernav ul{margin:0px;padding:0px ;}
#sildernav ul li
{
	 list-style:none;
	 float:left;
	 margin:0 5px 0 5px;
	 padding:3px;
	 text-align:center;
	  width:60px;
	 cursor:pointer;
	 
}
#sildernav ul li:hover ,#worklist ul li:hover ,#sildernav ul li.active{background:#6c6d70;color:#ffffff;}
.portfolio_container{}
.featurecontent{padding:0px;}


.cnt{width:980px;margin: 0 auto; }
.cntLeft {float:left; width:540px; padding-right:20px;}
.intro {background: #efefef; padding: 8px;}

.cntRight{width:420px; float:right; }
.cntRight2{width:380px; float:right; }


a.readmore:link {color:#6f7378; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore:visited {color:#6f7378; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore:hover {color:#c45b32;text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore:active {color:#6f7378;text-decoration:none; font-size: x-small; font-weight:normal;}

a.readmore2:link {color:#c22020; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore2:visited {color:#c22020; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore2:hover {color:#c45b32;text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore2:active {color:#c22020;text-decoration:none; font-size: x-small; font-weight:normal;}

a.readmore3:link {color:#c45b32; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore3:visited {color:#c45b32; text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore3:hover {color:#6f7378;text-decoration:none; font-size: x-small; font-weight:normal;}
a.readmore3:active {color:#c45b32;text-decoration:none; font-size: x-small; font-weight:normal;}

a.archive:link {color:#777; text-decoration:none; font-size: 11px; font-weight:normal;}
a.archive:visited {color:#777; text-decoration:none; font-size: 11px; font-weight:normal;}
a.archive:hover {color:#c45b32;text-decoration:underline; font-size: 11px; font-weight:normal;}
a.archive:active {color:#777;text-decoration:none; font-size: 11px; font-weight:normal;}

li {margin-left: -22px;}

#sidebanner{
float: right;
width: 120px;
padding: 2px;
margin-top: 57px;
}

.clear{clear:both;margin:0;padding:0 0;}


h1 {
color: #ccc;
font-size: 28px;
margin-bottom: 15px;
margin-top:14px;
line-height:30px;
margin-right: 15px;
font-family:Arial, Helvetica, sans-serif;
width:240px;
float:left;
text-align:right;
font-weight: normal;
}

h2 {
color: #fff;
font-size: 12px;
margin-bottom: 15px;
margin-top: 12px;
padding: 8px;
font-family:Arial, Helvetica, sans-serif;
background: #6c6d70;
font-weight: normal;
}
 .red {background: #c22020;}
h3 {
color: #b4b6b9; 
font-size: 14px;
padding-bottom: 5px;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
}

.heading {font-size: small;}
.active {color:#c22020;}

h4{font-size: 1.2em; font-weight: normal; display:inline;  color: #b4b6b9; }

h5 {
color: #fff;
font-size: 18px;
margin-bottom: 2px;
margin-top: 12px;
padding-top: 13px;
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
background: url(../img/bgH5.gif) left top no-repeat;
width: 662px;
height: 47px;
font-weight: normal;
}

.rightText {background:#fff; width: 300px; padding: 10px; font-size: 90%; line-height: 1.4em; text-align: justify; margin-bottom: 2px; border: 1px solid #e1e5e5; } 
.rightText2 {background:#fff; width: 300px; padding: 10px; font-size: 90%; line-height: 1.4em; text-align: justify; margin-bottom: 2px; border: 1px solid #e1e5e5; height: 65px;}


.logo {margin-right: 15px; width:240px; float:left; text-align:right; font-size:11px;}
.pic {float: left; background:#eae8e8; width:380px;}
.infoText {float: left; width:285px; margin-left:10px; margin-right: 30px;}
.textTop{float: left; width:699px; margin-left:10px; margin-top:20px;}
.infoSpan {width:699px; margin-left:262px;}

.left {float: left; margin-right: 10px;}
.left2 {float: left; margin-right: 10px; margin-top: -5px;}
.right {float: right; margin-right: 10px; margin-top: 5px;}
.btn{float: left;margin-right: 10px; margin-top: 14px;}
.btn2{float: left;margin-right: 10px; margin-top: 18px;}
.btnReadmore{float: right;}
.logoSmall{float:left;margin-right: 10px;}
.leftNav {float: left; margin-right: 3px;}
.rightNav {float: right;}

.thumb {float: left; margin-right: 3px;margin-top: 2px; margin-bottom: 2px; margin-right: 5px;}

.quote {
color: #ccc;
font-size: 36px;
margin-top:3px;
height:160px;
margin-right: 2px;
font-family:Arial, Helvetica, sans-serif;
float:left;

font-weight: bold;
}

#footer {width:990px; margin: 0 auto;}




/*------------------show off Feature Ticker-----------------------*/
#demo {width:500px;padding:10px 20px; background:url(../img/bgDemo.gif)top left no-repeat}

#features, #slidingFeatures, #labelFeatures, #thumbFeatures {height: 180px;}
	
#basicFeatures {
	background:#fff; height:130px;
 	width:70px;
	position: relative;
	overflow: hidden;
	float:left;
	margin-right:15px;}
 
.jshowoff {width: 510px; margin: 0;}
.jshowoff div {	width: 530px;}
.jshowoff div, .jshowoff img, .jshowoff {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	}
#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	}
.jshowoff div p, .jshowoff div h2 {}
.jshowoff h2, .jshowoff p {font-size: 18px; margin: 0;}
.jshowoff p {font-size: 12px; line-height: 16px; width:490px;}

/*numbers div*/
.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 0px;
	right: 5px;
	
	width:345px;
	padding: 0;
	}
.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #f1efef;
	color: #878789;
	padding: 5px 7px 5px;
	margin: 5px 0 5px 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
	}
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {color: #fff;}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {background-color: #6c6d70;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 5px 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;}
p.jshowoff-controls {

	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin-top: -15px 10px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}
.jshowoff-controls a {
	margin: 0px 5px 0 0;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 8px 5px;
	}

.jshowoff-pausetext {color: #fff;}


/*------------------Twitter-----------------------*/

#twitter-ticker{
	width:408px;
	border-left:solid 1px #d5d6d8;
	border-right:solid 1px #d5d6d8;
	border-bottom:solid 1px #d5d6d8;
	padding:5px;
	margin-bottom:20px;
}

#twitter-ticker2{
	width:368px;
	border-left:solid 1px #d5d6d8;
	border-right:solid 1px #d5d6d8;
	border-bottom:solid 1px #d5d6d8;
	padding:5px;
	margin-bottom:20px;
}


#twitIcon{
	position:absolute;
	top:-15px;
	left:-10px;
	width:64px;
	height:64px;
}

#top-bar{
	height:45px;
	position:relative;
	margin-bottom:-10px;
	
}






/*------------------caurousel-----------------------*/
#wrap {margin-top:15px;}

.jcarousel-skin-tango .jcarousel-container {
	}

.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 390px; padding: 30px 10px 30px 20px; border:solid 1px #d5d6d8;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { height:50px;}
.jcarousel-skin-tango .jcarousel-item {width: 120px; height: 55px;}

.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 5px; margin-right: 5px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px; margin-right: 0;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}

/** Horizontal Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 29px;
    height: 56px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(../img/prev-horizontal.gif);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -28px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -28px 0;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -28px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 29px;
    height: 56px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right:0px;
    background-image: url(../img/next-horizontal.gif);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -28px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -28px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -28px 0;}
 
 /*-------------------TABS-------------------------*/

.shadetabs{
padding: 6px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
text-transform: uppercase;
list-style-type: none;
text-align: left;

}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 9px;
margin-right: 0;
color: #777777;
background: #FFF;
border-top: solid 1px #e2e2e2;
border-left: solid 1px #e2e2e2;
border-right: solid 1px #e2e2e2;
border-bottom: solid 1px #fff;

/*background: white url(../img/shade.gif) top left repeat-x;*/
}

.shadetabs li a:visited{
color: #c22020;

}

.shadetabs li a:active{
color: #c22020;
}

.shadetabs li a:hover{
text-decoration: none;
color: #c22020;
}

.shadetabs li a.selected{ 
position: relative;
color: #FFF;
background:#c22020;
border: solid 1px #e2e2e2;

}

.shadetabs li a.selected{
background-image: url(../img/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ 
text-decoration: none;
}

.tabcontent{
display:none;
font-size: 11px;
}


@media print {
.tabcontent {
display:block !important;
border: solid 1px #e2e2e2;
}

