body {
font-family : "Droid Sans", Helvetica, Arial, sans-serif;
color : #717171;
line-height :21px;
font-size : 11px;
background-image:url(images/pattern/3.png);

}


h1, h2, h3, h4, h5, h6 {
color : #454545;
}

h1 {
font-size : 36px;
line-height : 36px;
}
h2 {
font-size : 24px;
line-height : 28px;
}
h3 {
font-size : 21px;
line-height : 24px;
}
h4 {
font-size : 18px;
}
h5 {
font-size : 16px;
line-height : 18px;
}
h6 {
font-size : 12px;
line-height : 16px;
}


/*
colorpicker
------------------*/
	#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}
	
	#colorSelector_inner {
	position: relative;
	width: 36px;
	height: 36px;
	float:left;
	background:url(images/colorpicker/pick.png) no-repeat;
}


/*
ShortCodes
--------------------------------------*/
/* img_borders */
.frame {
padding : 7px;
background :#fff;
border:1px solid #e0e0e0;
}


/* img hover classes */

.zoom {
display : block;
background : url(images/plus.png) center  no-repeat;
position : absolute;
}

.video{
display : block;
background : url(images/video.png) center no-repeat;
position : absolute;
}

/* dark button*/

.darkbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.darkbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.darkbtn { 
  background:url(images/right-button.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.darkbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/left-button.png) left no-repeat;
  color:#fff; 
}

a.darkbtn:hover { 
  background:url(images/right-button-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}


a.darkbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/left-button-hover.png) left no-repeat;
  color:#fff; 
}

/*
light buttons
------------------------------------*/

.lightbutton a { 
  border:0; 
  cursor:pointer; 
  padding:0 20px 0 0; 
  text-align:center; 
 text-decoration:none;
  }
.lightbutton a span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

a.lightbtn { 
  background:url(images/light-right.png) right no-repeat; 
  float:left;
  font-size:12px;
}
a.lightbtn span { 
  height:50px; 
  line-height:50px;
  background:url(images/light-left.png) left no-repeat;
  color:#777; 
}

a.lightbtn:hover { 
  background:url(images/light-right-hover.png) right no-repeat; 
  float:left;
  font-size:12px;
}

a.lightbtn:hover span{ 
  height:50px; 
  line-height:50px;
  background:url(images/light-left-hover.png) left no-repeat;
  color:#777; 
}


/*
Custom tabs
--------------------------------------*/
.custom_tabs {
float:left;
margin-top:15px;
}

.custom_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
border-left:1px solid #ddd;
}

.custom_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


.custom_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:30px;
}

.custom_tabs ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
}

.t_content{
border:1px solid #ddd;
margin-left:2px;
}

.t_content p{
padding:14px;
}


/*
image alignments
-------------------------------*/
.alignright, img.alignright {
    float: right;
    margin:0 0 5px 10px;
}

.leftalign, .alignleft, img.aligneft {
    float: left;
    margin:0 10px 5px 0;
}


/*
Toggles
--------------------------------*/

.toggles{
clear:both;
margin-top:20px;
}

.toggles a{
float:left;
width:530px;
border:1px solid #ddd;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:7px 7px 7px 20px;
margin-top:20px;
text-decoration:none;
color:#353535;

}

.toggles  p{
clear:both;
padding:6px;
}

.toggle_trigger {
background:url(images/arrow-right.png) no-repeat 3px 50%;
}

.toggle_active{
background:url(images/arrow.png) no-repeat 3px 50%;
}

.toggle_container{
width:570px;
float:left;
}

.services_toggles{
margin-left:10px;
}

/*
Drop caps
---------------------------------*/
span.dropcap {
    float: left;
    font-size: 36px;
    line-height: 36px;
    margin-right: 10px;
}

/*
Alerts messages
-----------------------------------*/
.alert_success, .alert_error, .alert_warning, .alert_info {
    border-radius: 3px;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 15px 0;
    padding: 10px 20px 10px 30px;
}
.alert_success {
    background: url(images/success.png) no-repeat scroll 8px center #E5FFCC;
    border: 1px solid #BBDD99;
    color: #557733;
}

.alert_warning {
    background: url(images/warning.png) no-repeat scroll 8px center #FFFFDD;
    border: 1px solid #DDDDCC;
    color: #666644;
}

.alert_info {
    background: url(images/info.png) no-repeat scroll 8px center #E5EFFF;
    border: 1px solid #BBDDEE;
    color: #446677;
}

.alert_error {
    background: url(images/error.png) no-repeat scroll 8px center #FFCCCC;
    border: 1px solid #DDAAAA;
    color: #774444;
}

/*
blockqutos
-------------------------------*/

blockquote {
    background: url(files/quote.png) no-repeat scroll 0 0 transparent;
    font-size:13px;
    font-style: italic;
    padding-left:50px;
	width:40%;
}
/*
bulltes style
--------------------------------------*/

.bullet ul li{
background:url(files/bullet.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet ul li{
background:url(files/bullet-check.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}

.arrowbullet2 ul li{
background:url(files/bullet-arrow.png) no-repeat scroll left 4px transparent ;
padding-left:25px;
font-size:11px;
}


/*
Seprator box 
-------------------------------*/
.bread{
width:940px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:10px;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #B7B7B7;
-webkit-box-shadow: 0 0 2px #B7B7B7;
}

.bread h3{
font-style:italic;
margin:12px 10px 12px 18px;
border-right:1px solid #ddd;
width:auto;
float:left;
padding-right:10px;
}

.bread p{
float:left;
margin-top:14px;
margin-left:0px;
}

.search_box{
float:right;
margin-top:10px;
margin-right:20px;
}
input.search_box:focus{
  border-color: #158DB5;
  box-shadow: 0 0 2px #158DB5;
}

.search_box {
  background: url(images/search-bg.png) no-repeat  right center #FFFFFF;
  border-radius: 3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color: #C6C6C6;
  padding: 8px;
  width: 160px;
  border:none;
  font-size:11px;
  border:1px solid #eee;
}

.searchinput{
border:1px solid #ddd;
width:160px;
height:20px;
}

.search_btn{
border:none;
    height:23px;
    text-indent: -99999px;
    width: 30px;
	background:#ddd;
}

/*
header
---------------------------------*/

#header {
margin-top :30px;
  }

#main_box{
width:990px;
margin: auto;
background:#fcfcfc;
margin-top:30px;
position:relative;
box-shadow: 0 0 6px #B7B7B7;
-moz-box-shadow:0 0 6px #B7B7B7;
-webkit-box-shadow:0 0 6px #B7B7B7;
margin-bottom:30px;
height: auto;
margin-left: auto;
margin-right:auto;
padding: 0;

}


.strip{
width:992px;
height:5px;
margin-left:auto;
margin-right:auto;
background:#353535;
}


.info_strip {
background: none repeat scroll 0 0 #F9F9F9;
box-shadow: 0 0 2px #B7B7B7;
-moz-box-shadow: 0 0 2px #b7b7b7;
-webkit-box-shadow: 0 0 2px #b7b7b7;
height: 35px;
width: 100%;
}


.left_info{
float:left;
margin-left:10px;
padding-top:10px;
width:210px;
}

.left_info img{
float:left;
width:14px;
height:14px;
margin-right:5px;
}

p.email{
position:relative;
top:-3px;
font-size:11px;
}

.right_info{
float:right;
margin-right:10px;
padding-top:10px;
width:143px;
}

.right_info ul li{
display:inline;
float:left;
width:14px;
height:14px;
margin-left:5px;
}

.right_info p{
float:right;
font-size:10px;
margin-top:-3px;
}

.right_info ul li:last-child{
border-right:1px solid #ddd;
padding-right:7px;
}

.right_info ul li img{
width:14px;
height:14px;
}

#logo{
float:left;
}



#myslidemenu {
float:right;
margin-right:0;
z-index :99999;
width:380px;
}

.jqueryslidemenu {
font-size: 12px ;
height : auto;
float:right;
margin-right:0;
margin-top:16px;
}
.jqueryslidemenu ul {
padding : 0;
list-style-type : none;
}


.jqueryslidemenu ul li {
position : relative;
display : inline;
float : left;
z-index:999999;
}

.jqueryslidemenu ul li a {
display :inline-block;
color:#353535;
text-decoration : none;
margin-right:5px;
padding:3px 13px;
}



.jqueryslidemenu ul li a:hover {
color:#C14507; 
}
.jqueryslidemenu ul li ul {
position : absolute;
visibility : hidden;
z-index :99999;
height:auto;
width : 163px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E0E0E0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.jqueryslidemenu ul li ul li {
display :block;
margin:0;
width:163px;
border-bottom :1px solid #ddd;

}

.jqueryslidemenu ul li ul li a:hover{
 background:#fbfbfb;
}

.jqueryslidemenu ul li ul li ul {
float : left;
margin-left : 5px;
background : url(images/submenu.png) no-repeat;
height : 124px;
width : 154px;

}

.jqueryslidemenu ul li ul li a {
padding:7px 0 7px 7px;
width:158px;
}

.downarrowclass {
position : absolute;
top : 11px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 16px;
right : 5px;
}







/*
thumbnail slider
----------------------------------*/

#slider {
margin-top:10px;
z-index:888;
height:376px;
position:relative;
background:url(images/sliderbg.png) no-repeat;
} 




#slides {
position : relative;
top : 10px;
z-index : 100;
padding-top:4px;
}


.slides_container {
width : 908px;
overflow : hidden;
position : relative;
display : none;
height:338px;
top :2px;
z-index:777;
margin-left:auto;
margin-right:auto;
}


.slides_container div.slide {
width : 914px;
height : 360px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -39px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 585px;
}

/* slider-caption */

.caption {
z-index : 500;
position : absolute;
height : 30px;
right : -500px;
top : 220px;
padding : 5px 20px 0 20px;
background : #000;
width : 410px;
height : 89px;
font-size :12px;
line-height :15px;
color : #fff;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
}
.caption h5 {
color : #fff;
font-size : 18px;
padding-top : 5px;
margin-bottom:1px;
}
.caption p {
padding-top : 5px;
color : #fff;
width : 410px;
font-size:11px;
line-height:16px;
}

/* slider-thumbs-style */

ul.ts_container {
list-style : none;
margin : 0;
padding : 0;
width : 270px;
position : absolute;
top : 289px;
left : 58px;
height : 17px;
z-index : 99999;
}

ul.ts_container li {
float : left;
}


ul.ts_container li a {
display : block;
width : 28px;
height : 21px;
outline : none;
text-align : center;
border-right : 1px solid #363b3c;
padding : 0 3px;
background : #000;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
color : #fff;
text-decoration : none;
}
ul.ts_container li a:hover, ul.ts_container li.selected a {
opacity : 1;
}
ul.ts_container li.current {
opacity : 0.9;
}
ul.ts_container li.ts_thumbnails {
display : none;
position : absolute;
text-indent : -9000px;
}
ul.ts_container li.ts_thumbnails span {
background : url(images/sliderIcons/triangle.png) center top no-repeat transparent;
width : 15px;
height : 6px;
position : absolute;
}
.ts_preview_wrapper {
border : 5px solid #fff;
overflow : hidden;
position : relative;
}
ul.ts_preview {
position : absolute;
left : 0;
top : 0;
margin : 0;
padding : 0;
list-style-type : none;
}
ul.ts_preview li {
float : left;
}
ul.ts_preview li img {
display : block;
}

/* stop-button of slider  */

a#stop {
position : relative;
top : -55px;
left : 33px;
width : 25px;
height : 24px;
border-right : 1px solid #363b3c;
float : left;
background : url(images/pause.jpg) no-repeat;
text-align : center;
text-decoration : none;
text-indent : -99999px;
color : #000;
z-index : 99999;
}


/* slider shadows */

.slideshadow{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow3.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow1{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/slideshadow.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:4;
}



.slideshadow2{
width:912px;
margin-left:auto;
margin-right:auto;
background:url(images/shadow2.png) no-repeat;
height:32px;
position:relative;
z-index:333;
bottom:0;
top:-12px;
z-index:555;
}

/*
Main-content :Home page
----------------------------------*/

#main_containt{
height : 100%;
text-decoration:none;
}

/*
Why transforms :w-slides
---------------------------------*/

/* seprator */

.seprator{
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;
padding-right:16px;
}


.seprator1 {
margin-bottom : 30px;
margin-left : 10px;
background : url(images/sep1.jpg) 180px 15px no-repeat;
width :100%;padding-right:16px;
}



#w_slides-wrap {
float : left;
left : 31px;
}

#w_slides, #w_slides h2 {
float : left;
}

 #w_slides h2 {
float : left;
}

.overview{
float:left;
margin-top:10px;
}


#wslider {
float : left;
width : 940px;
}
#w_slides ul li img {
float : left;
}


/* w-slider -navigation */

#navigation {
float : left;
}

#navigation ul {
margin-left : 60px;
}
#navigation ul li {
width : 228px;
display : block;
border-bottom : 1px solid #ddd;
border-top : 1px solid #fff;
background : url(images/li-arrow.gif) left center no-repeat;
z-index : 9;
}

#navigation ul li:first-child{
border-top:1px solid #ddd;
}

#navigation ul li a {
color : #373737;
line-height : 35px;
font-size : 12px;
text-decoration : none;
padding-left : 12px;
height : 35px;
display : block;
z-index : 9;
}


/* w-slide buttons */

.w_slide_btn{
float:left;
margin-left:25px;
margin-top:4px;
}

.w_slide_btn a{
margin-right:20px;
}


/* active-tab */

.wactive {
background : url(images/wbg.png) no-repeat;
z-index : 8;
}


/* w-slider -tab-content-style */

.overview h2 {
margin-left :20px;
margin-top:15px;
}

.overview  p {
float : left;
width : 320px;
margin-left :10px;
padding:10px;
margin-top:5px;
}

/* web Designing */

.text-blocks p{
width:280px;
padding-left:2px;
float:none;
padding:10px;
}

.text-blocks {
margin-bottom:5px;
}

.text-block {
margin-bottom:20px;
margin-top:5px;
margin-right:10px;
}
.text-blocks  img{
width:42px;
height:42px;
margin-top:15px;
padding-left:10px;
padding-right:10px;
}


.webdesign img{
width:320px;
height:219px;
position:relative;
left:-20px;
}
.webdesign p,.webdesign h4{
position:relative;
padding-top:5px;
}



/* Web Development */

.block span{
float:left;
font-size:14px;
border:1px solid #ddd;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
padding:8px;
background:#dfdfdf;
}

.block span:hover{
background:#353535;
color:#fff;
cursor:pointer;
}

.block {
float:left;
margin-top:10px;
width:150px;
height:30px;
margin-bottom:34px;

}

.block p{
float:left;
padding:0;
margin-left:10px;
margin-top:10px;
}

/* ecommerce Section */

.ecommerce >.darkbutton{
margin-left:35px;
margin-top:10px;
}


.ecommerce h2{
background:url(images/e-commerce.png) no-repeat left 2px;
padding-left:30px;
margin-left:35px;
font-size:22px;
width:100%;
margin-top:10px;
}

.ecommerce p{
clear:both;
float:left;
width:90%;
padding-left:20px;
padding-top:10px;
margin-left:15px;
line-height:24px;
}


/* video -Section */

.video-frame{
float:left;
border:1px solid #ddd;
padding:7px;
background :#fff;

}
/* Seo -Section */

.seo p{
float:left;
width:280px;
padding:3px;
margin-left:20px;
margin-top:5px;
}
.seo h2{
font-size:19px;
float:left;
margin-left:20px;
margin-top:0;
}
 
 
.seo div.buttons{
float:left;
margin-left:20px;
margin-top:10px;
}
/* Get a Quatation */

.qutation  p{
clear:both;
float:left;
width:90%;
padding-left:20px;
padding-top:10px;
margin-left:15px;
line-height:24px;
}
.qutation  h2{
margin-left:35px;
font-size:22px;
}

.qutation >.darkbutton{
margin-left:35px;
margin-top:10px;
}


/*

Caption:After Slider 
-----------------------------------*/
.middle-caption{
margin-top:20px;
margin-left:20px;
float:left;
width:940px;
padding-bottom:10px;
}
/* .middle-caption p{
width:680px;
float:left;
font-size:16px;
line-height:25px;
}
 */
 
 .middle-caption  p {
  color: #929292;
  float: left;
  line-height: 24px;
  margin: 13px 0 0 15px;
  width:670px;
  font-size:16px;
  line-height:26px;
}

 .middle-caption p span {
  color: #363636;
  
}
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:22px;
background:url(images/bigbutton11.png) no-repeat;
width:215px;
height:75px;
text-align:center;
}

.bigbutton a:hover{
background:url(images/bigbutton11-hover.png) no-repeat;
}




.bigbutton span {
  position: relative;
  top: 30px;
}


 
 /* 
 
 .bigbutton{
float:right;
margin-right:20px;

}

.bigbutton a{
text-decoration:none;
color:#f2f2f2;
display:block;
font-size:20px;
background:#353535;
width:180px;
height:60px;
text-align:center;
border-radius:4px 4px 0 0;
}


.bigbutton span {
position: relative;
top: 20px;
} */


 

/*
Recent project :carusol
----------------------------------*/


.seprator2 {
margin-bottom : 30px;
background : url(images/sep1.jpg) center no-repeat;
width:100%;
height:28px;
float:left;
margin-left:10px;
}

.heading{
background:#fcfcfc;
display:inline;
width:auto;
float:left;
padding-right:5px;
}

.seprator2 h2{
float:left;
}

#carusol{
height:340px;
}
.recent_post {
position : relative;
height:140px;
}

.recent_post img {
padding : 8px;
background : #fff;
border : 1px solid #ececec;
}

.bx-window ul li span {
position : absolute;
}

.bx-wrapper {
margin-left : 30px;
margin-right : 30px;
}
.bx-window ul li span {
float : right;
position : absolute;
z-index : 100000000;
}

li.carusol_block {
width : 220px;
height:260px;
}

.carusol_block p {
width : 180px;
padding-top : 6px;
margin-left:5px;
}
.carusol_block h6 {
padding-left : 5px;
padding-top : 10px;
text-transform : uppercase;
}
ul.carusol_block{
margin-left : 18px;
}

.bx-prev {
float : left;
background : url(images/leftarrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
top : 50px;
left : -30px;
text-indent : -9999px;
border : none;
}
.bx-next {
float : right;
background : url(images/right-arrrow.gif) no-repeat;
width : 32px;
height : 32px;
position : absolute;
text-indent : -9999px;
top : 48px;
left : 878px;
border : none;
}


/*
Testimonial
-------------------------------*/
#testimonial>.bx-wrapper{
margin-left:20px;
}

#testimonial{
float:left;
width:480px;
}

#testimonial .seprator2{
margin-bottom:20px;
}



#testimonial {

}

.testimonials{
background : url(images/hello.png) no-repeat;
width : 470px;
float : left;
position : relative;
height:115px;
}

#testimonial ul li {
height : 160px;
}
#testimonial ul li span {
margin-top : 35px;
margin-left : 300px;
width : 130px;
background:#fcfcfc;
}
#testimonial ul li span a {
color : #158db5;
}
#testimonial ul li p {
width : 420px;
margin-top : 20px;
font-style:italic;
margin-left:20px;
background:#fff;
}

/* /*
Round about
------------------------------
*/
.client_sep {
background : url(images/sep1.jpg) 160px 15px no-repeat;
padding-right :275px;
}

#clients-wrap{
float:right;
top:20px;
}

.team_pick img{
float:left;
width:130px;
margin-right:10px;
}

#clients-wrap span{
width:100%;
}

.team_pick{
float:left;
overflow:hidden;
width:155px;
}

.team_text{
float:left;
width:170px;
}

.ceo>.team_text{
margin-top:-7px;
margin-left:5px;
}

.ceo>.team_text a img{
width:16px;
height:16px;
margin-top:5px;
border:none;
}


.team_text a{
color:#158DB5;
text-decoration:none;
font-size:14px;
}
a.readmore {
color:#000;
text-decoration:none;
font-size:11px;
width:auto;
height:18px;
background:#eee;
padding:2px 5px 2px 5px;
border:1px solid #ddd;
float:right;
color:#777;
}


#clients-menu{
float:right;
clear:both;
position:relative;
z-index:999;
right:15%;
top:-25px;

}

#clients-menu a{
float:left;
width:10px;
height:10px;
margin-right:10px;
background:#ddd;
text-indent:-99999px;
}

#clients-menu a:hover{
width:8px;
height:8px;
background:#353535;
border:1px solid #ddd;
}

#roundabout {
height : 255px;
float : right;
}

#roundabout ul li img{

}

#filler {
position : relative;
top : 50px;
z-index : 9999;
text-align : center;
height : 30px;
margin-left : 20px;
display:block;
}



/*
Round about
------------------------------*/

.client_sep {
background : url(images/sep1.jpg) 136px 15px no-repeat;
padding-right :275px;
}
#roundabout {
height : 255px;
float : right;
}

#roundabout ul li img{

}


#featured  ul{
top:10px;
}

#filler {
position : relative;
top :100px;
z-index : 9999;
text-align : center;
height : 30px;
margin-left : 20px;
display:block;
}

/* seprator */

.rounaboutsep {
margin-top :35px;
background : url(images/client-sep.png) no-repeat;
width : 170px;
height : 30px;
margin-left : 29%;
}


#roundabout_controls {
float : left;
width : 300px;
margin-left : 48px;
margin-top : -30px;
}
#next {
float : left;
background : url(images/roundabout-left.gif) no-repeat;
height : 14px;
margin-left:40px;
}
#previous {
float : right;
background : url(images/roundabout-right.gif) no-repeat;
height : 14px;
margin-top : -1px;
margin-right:47px;

}
#roundabout_controls a {
width : 7px;
}




/* seprator */

.rounaboutsep {
background : url(images/roundabout_seprator.png) no-repeat;
width : 170px;
height : 30px;
margin-left : 29%;
}

.roundabout-holder {
list-style : none;
width : 255px;
height : 50px;
margin : 0 auto;
margin-top : 54px;

}

.roundabout-moveable-item {
font-size : 12px !important ;
width:148px;
height:99px;
cursor : pointer;
padding:7px ;
border : 1px solid #ddd;
background : #fff;
}
.roundabout-moveable-item img {
width:100%;
height:100%;
background-color : #ffffff;
margin : 0;

}
.roundabout-in-focus {
cursor : auto;
float:left;

}
.roundabout-in-focus:hover {
background : #fff;
}


/*
Blog page 
------------------------------*/

/* breadcrumb */

 #breadcrumb{
 float:left;
 margin-top:10px;
 margin-left:25px;
width:930px;
 }
 
 #breadcrumb p{
text-transform:uppercase;
font-size:10px;
color:#444;
}


#breadcrumb a{
color:#3399CC;
text-decoration:none;
}


/* Posts Wrapper */

#content{
float:left;
margin-top:22px;
margin-left:20px;
}

/* Post  */

.post{
color:#777;
font-size:11px;
margin-top:5px;
}

.post a {
text-decoration:none;
color:#3399CC;
}

.post ul li{
float:left;
border-bottom: 1px solid #ddd;
margin-bottom:35px;
padding-bottom:40px;
} 
 
 
 
.post h3 a {
color:#272727;
font-size:20px;
margin-left:4px;
}

.postinfo{
float:left;
margin-left:5px;
font-size:11px;
margin-top:3px;
}


.post p{
margin-top:15px;
font-size:11px;
color:#777;
margin-left:10px;
}

.post ul li .small_img{
margin-top:15px;
}


/* post image Style */
.postimg{
background:url(images/postbg.png) no-repeat;
width:573px;
height:234px;
margin-top:15px;
}

.postimg img{
float:left;
margin-left:10px;
margin-top:9px;
width:555px;
height:211px;
}

/* blog post button */

.post_btn{
float:right;
margin-top:7px;
}

/* Comments section */

.comments{
margin-right:14px;
float:right;
background:url(images/comment.png) no-repeat center;
padding-left:42px;
margin-top:2px;
font-weight:bold;
}


.post_bottom{
margin-top:15px;
}
/* tags */

.tags{
float:left;
margin-top:25px;
background:url(images/tag.png) no-repeat  5px ;
padding-left:35px;
}

/* Share button */

.social_tips{
float:right;
background:url(images/share.png) no-repeat;
width:26px;
height:25px;
margin-left:13px;
margin-top:20px;
cursor: pointer;
display:block;
}


.social {
float:left;
position:relative;
background: url(images/sharetooltip.png) no-repeat;
width:128px;
height:42px;
top:-25px;
left:220px;

}
.social ul li img{
width:18px;
height:18px;
}
.social ul li 
{
margin-top:5px;
display:inline;
margin-left:10px;
height:100%;
border:none;
padding:0;
}


/* pagination */

.pagination{
float:left;
width:380px;
height:60px;
margin-left:70px;
}

.prev-pagi{
float:left;
width:75px;
height:32px;
background:url(images/blog-prev.png) no-repeat;
text-align:center;
padding-top:5px;
}
.prev-pagi a{
font-size:13px;
color:#353535;
text-decoration:none;
}


.next-pagi{
float:right;
width:75px;
height:32px;
text-align:center;
padding-top:5px;
background:url(images/next-pag-bg.png) no-repeat;

}
.next-pagi a{
text-decoration:none;
color:#353535;
font-size:13px;

}

.post_pagi{
float:left;
margin-top:3px;
margin-left:10px;

}

.post_pagi ul {
background:url(images/blog-pag-bg.png) repeat-x;
height:24px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border:1px solid #ddd;
}
.post_pagi ul li {
float:left;
display:inline;
width:33px;
height:22px;
border-left:1px solid #c8c8c8;
border-right:1px solid #fff;
text-align:center;
padding-top:2px;
}

.post_pagi ul li.active{
background:url(images/active-bg.png);
width:33px;
border-right:none;
}
.post_pagi ul li a{
text-decoration:none;
font-size:12px;
text-align:center;
color:#353535;
}

.post_pagi ul li:first-child{
border:0;
}

.post_pagi ul li:last-child{
border-right:0;
}



/* Sidebar style */

#sidebar{
float:right;
width:320px;
height:1036px;
background:url(images/sidebar.png) no-repeat;
margin-left:20px;
margin-top:20px;
}

#sidebar a{
text-decoration:none;
}


/* sidebar content */

#sidecontent{
float:left;
margin-left:35px;
}

#sidecontent h4{
font-size:17px;
color:#393939;
margin-top:30px;
}

/* widget */

#sidebar_widget{
float:left;
margin-top:8px;
}
#sidebar_widget p{
font-size:11px;
color:#666;
 padding-top:1px;
 width:238px;
 height:107px;
}

#sidebar_widget img{
margin-left:-2px;
border-bottom:1px solid #ddd;
padding-bottom:30px;
margin-bottom:;
}

/* Newsletter */

#newsletter {
float:left;
}

#newsletter p{
font-size:11px;
color:#666;
width:216px;
height:51px;
padding-top:7px;
}

#newsletter .subscribe{
background:#f9f9f9;
width:170px;
height:30px;
padding-left:10px;
color:#999;
font-size:11px;
margin-top:20px;
padding-top:0;
border:1px solid #ddd;
position:absolute;
}

#newsletter input{
border:none;
background:#454545;
width:35px;
height:32px;
color:#fff;
position:relative;
float:right;
margin-top:20px;
margin-right:0px;
}

.newsletter_text {
  clear: both;
  padding-top:15px;
  }

.link-news-rss {
  background: url(images/icon_news_rss.gif) no-repeat scroll 0 0 transparent;
  color: #676767;
  font-family: Arial,Helvetica,sans-serif;
  padding-left: 22px;
 padding-top:2px;
}

.link-news-rss span {
color:#008DB5;
}



 /* Sidebar tabs */
#sidebar_tabs {
float:left;
margin-left:-23px;
margin-top:40px;
}

#sidebar_tabs ul {
float:left;
background:url(images/tabbg.png) repeat-x ;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:39px;
}

#sidebar_tabs ul li{
float:left;
display:inline;
width:70px;
height:30px;
text-align:center;
border-right:1px solid #ddd;
border-left:1px solid #fff;
padding-top:10px;
}


#sidebar_tabs ul li.active{
background:url(images/tab-hover.png) repeat-x;
width:70px;
height:30px;
}
#sidebar_tabs ul li a{ 
color:#666;
font-size:12px;
text-decoration:none;
}


/* sidebar tabs -content style */

.tab_container{
float:left;
position:relative;
left:-3px;
}


.recent_tab {
float:left;
}

.recent_tab h6{
float:left;
margin-left:10px;
margin-top:7px;
color:#222;
}

.recent_tab ul{
margin-top:20px;
}

.recent_tab  ul li {
clear:both;
width:230px;
height:68px;
border-bottom:1px solid #ddd;
margin-bottom:11px;
}


.recent_tab  ul li p{
float:left;
margin-left:10px;
margin-top:3px;
font-size:10px;
color:#999;
}

.recent_tab ul li img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
}

.recent_tab ul li img:hover{
border:1px solid #afafaf;
}

/* comments tab content  */

.comments_tab {
float:left;
}

.comments_tab h6{
float:left;
margin-left:10px;
margin-top:7px;
color:#222;
}

.comments_tab ul{
margin-top:20px;
}

.comments_tab  ul li {
clear:both;
width:230px;
height:68px;
border-bottom:1px solid #ddd;
margin-bottom:11px;
}



.comments_tab  ul li p{
float:left;
margin-left:10px;
margin-top:3px;
font-size:10px;
color:#999;
width:120px;
}

.comments_tab ul li img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
width:48px;
height:48px;
}

.comments_tab ul li img:hover{
border:1px solid #afafaf;
}

/* sidbar tabs tags  */


.tags_tab{
margin-top:20px;
width:
}
.tags_tab a{
float:left;
 border: 1px solid #EDEDED;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
color: #999999;
display: inline-table;
font-weight: normal;
margin: 2px;
padding: 4px 10px;
text-decoration: none;
background:#fbfafc;
}

.tags_tab a:hover{
background:#fff;
}


/* sidebar ads */

#sidebar_ads {
border-top: 1px solid #DDDDDD;
float: left;
margin-left:-22px;
margin-top: 20px;
padding-left:10px;
position: relative;
width: 280px;
}

#sidebar_ads  ul{
float:left;
margin-top:20px;
}


#sidebar_ads ul li  {
float:left;
display:inline;
margin:0;
}


/* Single Blog post styles */

.social_icons{
float:right;
width:160px;
margin-top:25px;
margin-right:-60px;
}

.social_icons a img{
width:20px;
height:20px;
}

/* Comment section start here  */

.commenthead{
float:left;
background:url(files/comment-head.png) repeat-x;
width:280px;
height:30px;
border-bottom:1px solid #ddd;
padding-bottom:20px;
}

.commenthead p{
color:#fff;
padding-left:11px;
padding-top:5px;
font-size:13px;
text-transform:uppercase;
}


/* first comment style */

.firstcomment{
margin-top:8px;
}

.firstcomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* reply Comment */

.replycomment {
margin-left:20px;
margin-top:20px;
background:#f0f0f0;
border:1px solid #e7e7e7;
padding:10px;
margin-bottom:30px;
height:160px;
}
.replycomment p{
font-size:11px;
margin-left:5px;
margin-top:5px;
}

/* comments avtar styles */

.cavatar{
float:left;
width:56px;
height:56px;
margin-right:10px;
margin-top:5px;
border:1px solid #ddd;
}

.cavatar img{
width:48px;
height:48px;
margin:4px 0px 0px 4px;
}

.date{
font-size:10px;
color:#777;
}

.head {
font-size:13px;
color:#333;
margin-top:4px;
}

.head h5{
font-size:12px;
}

.says{
font-size:11px;
font-style:italic;
}


/* Comment form  */

#formhead{
padding:10px;
}

.border{
width:576px;
height:2px;
border-top:1px solid #ddd;
}


#commentform{
margin-top:30px;
width:600px;
}

#commentform input{
margin-right:20px;
width:158px;
height:28px;
padding-left:10px;
background:url(files/inputbg.png) repeat-x;
border:1px solid #cbcbcb;
font-size:11px;
color:#aaa;
}

#commentform textarea{
margin-top:20px;
width:556px;
background:url(files/textbg.png) repeat-x;
height:140px;
border:1px solid #bebebe;
margin-bottom:15px;
padding-left:15px;
padding-top:10px;
font-size:11px;
color:#aaa;
overflow:auto;
}



#commentbtn{
float:left;
margin-top:-10px;
margin-bottom:50px;
}
#commentbtn 	a{
margin-right:10px;
}



/* basic shortcodes page style*/

#informationbox,#blockquotes,#buttons, #dropcap{
margin-top:20px;
float:left;
margin-left:10px;
}

.block_setting{
margin-top:10px;
margin-right:10px;
}

#blockquotes p{
margin-bottom:10px;
}

.btnclass{
float:left;
}
.btnclass a{
margin-right:15px;
}

#list-style {
    font-size: 11px;
    padding-top: 30px;
	height:340px;
}

#list-style>div{
margin-top:10px;

}


/* advance shortcode page s yles */


#stabs{
margin-top:15px;
}

#tolltip p{
margin-top:10px;
margin-bottom:10px;
}


#tolltip{
margin-top:20px;
}

#tolltip a{
text-decoration:none;
color:#008DB5;
}

/* hover images style */


.hover_effect{
float:left;
margin-top:15px;
position:relative;
}

.hover_effect a{
position:relative;
width:169px;
float:left;
}

.hover_effect p{
margin-top:10px;
margin-bottom:15px;
}


/*###################
Contact Page
#####################*/

.sale_department{
margin-top:20px;
}

.sale_department p{

}

.sale_department img{
float:left;
margin-bottom:0;
padding:4px;
}


/* Contact Form */
.content{
width:560px;
float:left;
margin-top:20px;
}

#map{
float:left;
overflow:hidden;
position:relative;
margin-left:20px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #ddd;
z-index:888;
width:560px;
height:200px;
background:#fff url(images/loading.gif) 50% 50% no-repeat;
padding:7px;
}

#map_canvas{
overflow:hidden;
position:absolute;
z-index:888;
width:560px;
height:200px;
}

.shadow{
position:relative;
background:url(images/shadow.png) no-repeat;
width:591px;
height:40px;
top:218px;
left:28px;
z-index:777;
}

#side_content{
float:right;
margin-top:30px;
height:auto;
margin-bottom:80px;
}

#cf_submit_p{
float:left;
margin-left:10px;
margin-top:10px;
}
 

.message_label{
margin-left:30px;
margin-bottom:10px;
}

.location h3{
margin-bottom:5px;
}


.ceo {
margin-top:30px;
}
.ceo h4{
margin-bottom:10px;
}
.ceo img{
float:left;
padding:5px;
background:#fff;
border:1px solid #ddd;
}
.ceo p{
float:left;
width:160px;
margin-left:10px;
}

.address{
float:left;
margin-left:10px;
margin-top:10px;
}

.address p span{
float:left;
width:60px;
color:#343434;
font-size:12px;
}




.ceo_social{
margin-top:30px;
margin-left:10px;
}

.ceo_social p{
float:left;
margin-right:10px;
font-size:14px;
border-bottom:1px solid #ddd;
padding-bottom:2px;
}
.ceo_social  {
float:left;
margin-left:40px;
}

.ceo_social img {
width:20px;
height:20px;
opacity:0.7;
}


#contact_form_holder{
float:left;
width:580px;
height:300px;
}

#contact_form {
margin: 25px 0 0px 20px;

}
#contact_form p{
float:left;
}

#contact_form label {
float: left;
display: block;
text-transform: uppercase;
font-size:10px;
width: 100px;
position: relative;
top: 3px;
}

#contact_form input {
width: 220px;
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
margin-top:6px;
}

#contact_form textarea {
padding:5px;
float:left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #fbfbfb;
border: 1px solid #ddd;
overflow:auto;
}
#contact_form input:focus,#contact_form input:hover, #contact_form textarea:focus,#contact_form textarea:hover{
background: #f3f3f3;

}

#contact_form textarea {
height:130px;
width: 280px;
float:right;
margin-right:-20px;
position:relative;
}

#contact_form .error, #contact_form .success {
display: none;
font-style: italic;
padding-left: 22px;
float: left;
margin-left: 10px;
 margin-top: 20px;
}
#contact_form .error {background:url(images/error.png) no-repeat 0 center;color: #a00;}
#contact_form .success {background:url(images/success.png) no-repeat 0 center;color:#467;}

#contact_form  #email_error,
#contact_form  #name_error,
#contact_form  #subject_error
{
position:relative;
float:left;
padding:0;margin-top:-50px;
background:transparent;
margin-left:70px;
 }
#contact_form  #message_error {
padding:0;
background:transparent;
float:right;
position:relative;
left:-85px;
}

#contact_form input#send_message {
width:113px !important;
height:33px;
margin-top: 15px;
position: relative;
cursor:pointer;
cursor:hand;
background:#353535;
border: 1px solid #ddd;
color:#fff;
padding:0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

#contact_form #message_error {
  background: none repeat scroll 0 0 transparent;
  float: right;
  left: -75px;
  padding: 0;
  position: relative;
  margin-top:4px;
}

/*###################
About page
####################*/


/*###################
Services Pgae 
####################*/
.work img.photo{
float:left;
width:135px;
margin-right:10px;
margin-top:15px;
}

.work{
float:left;
}

.process{
margin-top:10px;
}

.one-half{
margin-top:10px;
}
.icon{
float:left;
margin-right:5%;
}

.num{
float:left;
margin-right:5%;
background:#eee;
width:50px;
height:45px;
text-align:center;
}

.num:hover{
background:#353535;
color:#f2f2f2;
cursor:pointer;
}
.num p{
font-size:24px;
}



.services_btn a {
  background: none repeat scroll 0 0 #EEEEEF;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #999999;
  display: inline-table;
  float: left;
  font-size:12px;
  margin-right: 10px;
  padding:3px 15px;
  text-decoration: none;
}

.services_btn{
float:right;
margin-right:15px;
margin-top:10px;
}
.services_btn a{
margin-left:5px;
}
.services_tab{
width:250px;
float:left;
}

.tab-content img{
margin-top:5px;
}

#tab-menu {
float:left;
width: 200px;
margin:20px 20px 0 20px;
list-style:none;
font-size:12px;
}

#tab-menu h3{
border-bottom:1px solid #ddd;
margin-bottom:14px;
margin-left:10px;
padding-bottom:7px;
margin-top:20px;
}

#tab-menu li {
cursor: pointer;
margin-left:20px;
color: #888;
border-bottom:1px solid #ddd;
color:#888;
}


#tab-menu li  a{
color:#888;
text-decoration:none;
display:block;
padding:5px;

}

#tab-menu li img{
width:18px;
height:18px;
padding-top:3px;
}
#tab-menu li  a{
background:url(images/li-arrow.gif) no-repeat left center;
padding-left:10px;
}


#tab-menu ul li img {
	vertical-align: middle;
	padding-right: 10px;
}

/* tab-content divs */

.tab-wrapper {
	width:960px;
	height:600px;
}


.tab-content {
	width: 650px;
	float:left;
	height:auto;
	padding: 20px 20px 0 20px;

}

.tab-content div.tab {
	display:none;
	background:#ffffff;
	z-index:9999;
	position:relative;
	float:left;

}
.tab-content div.tab h4{
z-index:777;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:650px;
	padding: 0;
	margin:10px 0 20px 0;
}

.tab-content div.tab div p {
	width:100%;
}


/* broucher */

.broucher{
float:left;
width: 200px;
margin:40px 20px 0 20px;
list-style:none;
font-size:12px;
}


.broucher h3{
border-bottom:1px solid #ddd;
margin-bottom:14px;
margin-left:10px;
padding-bottom:7px;
}

.broucher img{
float:left;
margin-left:10px;
}

.broucher p{
float:left;
width:70px;
margin-left:10px;
}


.divider2{
float:left;
width:100%;
height:1px; 
background:#ddd;
margin:10px;
margin-bottom:20px;
}




/*###################
Portfolio 
#####################*/

#portfolio{
position:relative;
}

#portfolio-sorting{
float:left;
width:960px;
}
		
/* Portfolio four colum  */

.port_head{
float:left;
margin-top:20px;
padding-left:10px;
}

.port_head p{
margin-top:5px;
line-height:20px;
}

.sort{
}

.sort p{
margin-top:0;
margin-right:10px;
}

.sorting{		
float:right;	
margin-top:15px;
}


.sorting a {
  color: #999999;
  display: inline-table;
  float: left;
  font-weight: normal;
  padding: 2px 7px;
  margin-right:10px;
  text-decoration: none;
  height:32px;

}



.sorting a:hover,
.sorting a:focus,
.sorting a.current_link{
background:url(images/port-arrow.png) no-repeat bottom;

}

.sorting a.current_link {
color:#068099;
}
			
.item_content {
margin-top:5px;
}
	
.item_content p{
width:230px;
padding-left:5px;
background:#fcfcfc;
}				
					
.item_content h5{
font-size:12px;
color:#949494;
line-height:22px;
padding-left:5px;
}


.portfolio-grid	{
width:960px;
overflow:hidden;
margin-left:7px;	
margin-top:30px;
margin-left:0;
}
	

.portfolio-grid li{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
height:300px;
}
				
.portfolio-grid li img{
padding:7px;
background:#fff;
border:1px solid #e0e0e0;
}				

.portfolio-grid .item_thumb {
width:250px;
height:160px;
float:none;
}

.portfolio-grid .item_content {
width:250px;
float:none;
}
				

				
/*
 portfolio One Coloum 
 -----------------------------*/
 
.portfolio_one{
margin-left:10px;
margin-top:20px;
}
				
.portfolio_one li	{
position:relative;
display:inline-block;
vertical-align:top
*float:left;
*padding:0 0 0 31px;
clear:both;
width:940px;
height:310px;
left:0;
right:0;
}
				
.portfolio_one li img{
padding:7px;
background:#fff;
width:520px;
height:260px;
border:1px solid #e0e0e0;
}				

.portfolio_one .item_thumb_p1 {
width:570px;
height:290px;
float:left;
}
				
.portfolio_one .item_content_p1 {
width:350px;
float:left;
margin-top:10px;
margin-bottom:30px;
}



.portfolio_one .item_content_p1 a{
text-decoration:none;
}

			
.portfolio_one .item_content_p1 span {
  clear: right;
  float: left;
  font-style: italic;
  margin-top: 5px;
}	

.portfolio_one .item_content_p1 p {
  float: left;
  margin-top: 5px;
}
			
.item_content_p1>.btn{
margin-top:20px;
}


/*###################
footer
#####################*/
.endfoot{
margin-top:3px;
}


#footer {
background : url(images/foot.png) center no-repeat;
  height: 258px;
  margin-right: auto;
  width: 100%;
}


#footer a {
text-decoration : none;
color:#158DB5;
}
/* footer headings */

.foothead {
padding-top : 30px;
margin-left : -10px;
margin-bottom :5px;
}
.foothead h4 {
color : #fffefe;
font-size : 14px;
margin-top : -1px;
margin-left:27px;

}
.foothead img {
float : left;
}


/* blog links */
#bloglink {
float : left;
height : 171px;
color : #999999;
font-size : 11px;
margin-left : 26px;
}

#bloglink ul {
margin-top:10px;
}
#bloglink ul li a {
color : #999;
}
#bloglink ul li a:hover {
color : #f1f1f1;
}

/* twitter */

#tweet {
float : left;
margin-left : 30px;
}
.tweet_roll a {
color:#158DB5;
}


#tweet p {
color : #e8e8e8;
}

.tweet_detail {
float : left;
color : #c8c8c8;
margin-bottom : 5px;
}

/* contact Section */

#contact {
float : left;
margin-left : 14px;
width : 420px;
}

/* contact-heading */

#chead {
padding-top : 28px;
margin-left : -10px;
margin-bottom : 10px;
}

#chead h4 {
color : #fffefe;
font-size : 14px;
}
#chead img {
float : left;
margin-right : 5px;
}

#contact p {
color : #c7c7c7;
height : 15px;
line-height : 17px;
margin-top : 5px;
}

/* address section  */
#address img {
float : left;
margin-top : 22px;
margin-left : -8px;
width : 180px;
height : 80px;
}
#address ul {
float : left;
color : #f1f1f1;
margin-left : 17px;
margin-top : 10px;
line-height : 12px;
}

#address ul li {
margin-top : 10px;
font-size : 11px;
}

#address ul li span{
float:left;
width:60px;
}

/* footer -end copywrite Section */

#copywrite {
float : left;
margin-top : 33px;
margin-left : 25px;
}
#copywrite p {
color : #999;
font-size :11px;
}

/* Social tool tip */

#social {
float : right;
width : 145px;
margin-top : 35px;
}
#social p {
float : left;
color : #999;
font-size : 10px;
}
#social ul li {
display : inline;
margin-left : 5px;
}
#social ul li img {
width : 16px;
height : 16px;
}


/*###################
style Switcher
#####################*/

#demopanel {
    left: 0;
    position: absolute;
    top: 250px;
    z-index:9999;
}

#panel {
  background: none repeat scroll 0 0 #000000;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  color: #999999;
  font-size: 10px;
  left: -200px;
  overflow: hidden;
  padding: 15px 12px 15px 13px;
  position: absolute;
  top: -28px;
  width: 125px;
}

#panel h3 {
  border-bottom: 1px solid #343434;
  color: #9C9C9C;
  margin-bottom: 8px;
  padding-bottom: 4px;
}

#panel .headingstyle{
  font-family: Arial,sans-serif;
  font-weight: bold;
  margin-top: 10px;
}

.panel_button {
  cursor: pointer;
  position: relative;
  width: 48px;
}


#panel .selector ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}


#panel .color li.c1{
background-color:#C14507;
border:1px solid #ddd;
}

#panel .color li.c2{
background-color:#808000;
border:1px solid #ddd;
}


#panel .color li.c3{
background-color:#E64135;
border:1px solid #ddd;
}

#panel .color li.c4{
background-color:#7769905;
border:1px solid #ddd;
}


#panel .selector ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#panel .selector ul li {
  border: 1px solid #888888;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 3px;
  width: 15px; 
}
.pattern li {
  border: 1px solid #888888;
  cursor: pointer;
  float: left;
  height: 15px;
  margin: 3px;
  width: 15px; 
  background-color:#fff;
  list-style:none;
}



.ptn-1{
background-image:url(images/pattern/1.png);
}

.ptn-2{
background-image:url(images/pattern/2.png);
}


.ptn-3{
background-image:url(images/pattern/3.png);
}

.ptn-4{
background-image:url(images/pattern/4.png);
}



.ptn-5{
background-image:url(images/pattern/5.png);
}


.ptn-6{
background-image:url(images/pattern/6.png);
}


.ptn-7{
background-image:url(images/pattern/7.gif);
}


.ptn-8{
background-image:url(images/pattern/8.png);
}


.ptn-9{
background-image:url(images/pattern/9.png);
}


.ptn-10{
background-image:url(images/pattern/10.png);
}


.ptn-11{
background-image:url(images/pattern/11.png);
}

.ptn-12{
background-image:url(images/pattern/12.gif);
}



.ptn-13{
background-image:url(images/pattern/13.jpg);
}



.ptn-14{
background-image:url(images/pattern/14.gif);
}



.ptn-15{
background-image:url(images/pattern/15.gif);
}


.ptn-16{
background-image:url(images/pattern/16.png);
}


.ptn-17{
background-image:url(images/pattern/17.png);
}


.ptn-18{
background-image:url(images/pattern/18.png);
}


.ptn-19{
background-image:url(images/pattern/19.png);
}


.ptn-20{
background-image:url(images/pattern/20.png);
}



.ptn-21{
background-image:url(images/pattern/21.gif);
}

.ptn-22{
background-image:url(images/pattern/22.png);
}


.ptn-23{
background-image:url(images/pattern/23.png);
}


.ptn-24{
background-image:url(images/pattern/24.png);
}


.ptn-25{
background-image:url(images/pattern/25.jpg);
}


.ptn-26{
background-image:url(images/pattern/26.jpg);
}



.ptn-27{
background-image:url(images/pattern/27.png);
}