/*
Theme Name: StylezWorld
Theme URI: http://www.stylezworld.com/
Description: http://www.stylezworld.com/.
Version: 1.0
Tags: blue, custom header, fixed width, three columns, widgets
*/
html, body{ margin:0; padding:0; text-align:center; background:url(../images/bg.jpg) repeat-x #CCCCCC; font-family:Arial, Helvetica, sans-serif; } 
img{border:none;}

#pagewidth{ width:980px; text-align:left; margin-left:auto; margin-right:auto; } 
 
#header{ position:relative; height:90px;  width:100%; }
#logo{ float:left; margin:20px 0 0 0;}
#header span{ float:right; background: url(../images/phone.gif) no-repeat; padding-left:30px; font-size:14pt;color:#FFFFFF; margin-top:50px; line-height:31px; font-weight:100;}
#call{ background:url(../images/call.jpg) no-repeat; width:170px; height:33px; margin:5px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px; color:#0e77c0; padding:12px 0 0 9px; float:right;}

ul.panelmenu{height:21px; width:300px; float:right; padding:0; margin:15px 0 0 0;}
ul.panelmenu li{ background:url(../images/panel_menu_bg.jpg) no-repeat; float:right; height:21px; margin:0 0 0 5px;   list-style:none; display:block; text-transform:uppercase; }
ul.panelmenu li a{color:#000000; padding:0 10px 0 10px; background:url(../images/panel_menu_right.jpg) top right no-repeat; text-decoration:none; font-size:12px; line-height:22px; display:block; font-size:10px}
ul.panelmenu li a:hover{ color:#FFFFFF;}

.search{width:270px; float:right; margin:8px 0 0 0;}
.searchtxt{background:url(../images/searchbg.jpg) left no-repeat; padding:1px 0 0 3px; width:230px; height:23px; float:left;}
.searchbtn{float:left;}
.searchbtn img{margin:0; padding:0;}
 

#nav{height:59px;position:relative; color:#000000; background:url(../images/nav_bg.gif) no-repeat; padding-left:15px; } 


.title{ height:35px; display:block; background:url(../images/title.gif) no-repeat left; padding-left:10px; line-height:35px; font-size:18pt; font-weight:100; color:#044e9a; font-family: Tahoma, Arial;}
.title span{ height:35px; display:block; background:url(../images/title.gif) no-repeat right;}
.line{ display:block; height:1px; overflow:hidden; background-color:#e8e8e8; margin:10px 0px 10px 0px;}

#wrapper{ padding:10px; background:#FFFFFF;}
 
#leftcol{ width:240px; float:left; position:relative; }
#leftNav{ border: solid 1px #85b9e0; border-top:none; line-height:30px; font-size:12px;  }
#leftNav ul {margin:0;list-style:none;padding:0px 10px 0px 10px;  }
#leftNav li {margin:0;padding:0; border-bottom:solid 1px #dbdbdb;}
#leftNav a {margin:0;text-decoration:none; color:#0087b9; display:block; }
#leftNav a:hover {margin:0;color:#0087b9;}

.testimonial{border: solid 1px #85b9e0; border-top:none; padding:10px; color:#2f5064; background:tranparent; font-size:11px; }
.testimonial img{ float:left; padding:0px 10px 10px 0px; }

.Advertise{border: solid 1px #85b9e0; border-top:none; padding:10px; color:#2f5064; background:tranparent; font-size:11px; }

#twocols{ width:710px;  float:right;  position:relative;  }
 
#maincol{ float: left;display:inline;  position: relative;  width:500px; padding:12px 0px 0px 0px; color:#6c6a6c; font-size:11px;}
#maincol2{
	float: left;
	display:inline;
	position: relative;
	width:710px;
	padding:12px 0px 0px 0px;
	color:#6c6a6c;
	font-size:11px;
}
#maincol3{ float: left;display:inline;  position: relative;  width:100%; padding:12px 0px 0px 0px; color:#6c6a6c; font-size:11px;}

.content{
	border:solid 1px #186dbd;
	border-top:none;
	padding:20px;
	line-height:18px;
	margin-bottom:15px;
}
.content img{float:left; padding:5px 10px 5px 0px;}
.readMore{ background:url(../images/bullet.gif) no-repeat left; padding-left:15px; color:#333333; text-decoration:none;}

.row{display:block; text-align:justify;}
.row h2{ margin:0; padding:0; color:#02aac6; font-family:Tahoma, Arial; font-size:15pt; font-weight:100;}

#rightcol{ width:200px;  float:right;  position:relative;padding:12px 0px 0px 0px; font-size:11px; color:#6c6a6c; line-height:18px;  }
.project{border:solid 1px #85b9e0; border-top:none;padding:10px;  }
.project img{float:left; padding:5px 10px 5px 0px;}
#footer{ background-color:#225b87; clear:both; line-height:15px; padding:20px; } 

.footNav{line-height:20px; font-size:12px; width:225px; float:left }
.footNav ul {margin:0;list-style:none;padding:0px 10px 0px 10px;  }
.footNav li {margin:0;padding:0; border-bottom:solid 1px #386b93;}
.footNav a {margin:0;text-decoration:none; color:#dcdcdc; display:block; }
.footNav a:hover {margin:0;color:#fff;}
.footNav h2{ padding:0; margin:0; font-size:12pt; font-weight:100; padding-left:8px; color:#FFFFFF; font-weight:bold; }



/***********************:: Common class ::********************************/

.right{float:right;}
.left{float:left;}

.clear_right{ clear:right;}
.clear_both{ clear:both;}
.clear_left{ clear:left;}

/***********************::Hot fix ::********************************/

/*img, div, { behavior: url(css/iepngfix.htc);}
:-moz-any-link:focus {outline: none;} 
 */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/***********************::printer styles ::********************************/

 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/***********************::Dropdown Menu ::********************************/

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block;text-decoration:none; }
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:59px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#454a4e;color:#fff; font-size:12px; font-weight:100; line-height:20px;}
ul.menu ul li a:hover {background-color:#252a2e}
ul.menu ul ul {left:148px; top:-1px;}

ul.menu .menulink { padding:0px 15px 0px 15px; font-weight:100;line-height:59px;color:#fff; background:url(../images/nav_separator.jpg) no-repeat right;}
ul.menu .menulink:hover, ul.menu .menuhover {}

ul.menu .sub {background:#454a4e url(../images/arrow.gif) 136px 10px no-repeat; color:#fff;}
ul.menu .topline {border-top:1px solid #aaa}


.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #1f1f1f; /*THEME CHANGE HERE*/
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color:#4F4F4F;
width: 200px;
visibility: hidden;
}
.dropmenudiv a{display:block; line-height:34px;  margin:1px 0px 1px 0px; color:#fff; padding-left:15px; text-decoration:none; border-bottom:solid 1px #3D3D3D; font-weight:bold; }
.dropmenudiv a:hover{ background:#1f1f1f }



/***********************:: Header Slide::********************************/

#slideshow {position:relative;height:315px;padding:0px;margin:0px; }
#slideshow DIV {position:absolute;top:0;left:0;opacity:0.0;height: 315px;background:none;overflow:hidden;}
#slideshow DIV.active {z-index:10;opacity:1.0;padding:0px;}
#slideshow DIV.last-active {z-index:9;padding:0px;}
#slideshow img{ border:none}