@charset "utf-8";
/* CSS Document */
body{background:url(../images/pattern.png) top right #fff; color:#313638; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:25px;}

body, h1, p, form, h2, h3{margin:0; padding:0;}
a{color:#2c6d8b; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
.fleft{float:left; width:auto;}
.fright{float:right; width:auto;}
.mleft{margin-left:10px;}
.mright{margin-right:10px;}
.spacer{height:10px; line-height:10px; font-size:10px;}
.clear{clear:both;}

#wrap{width:986px; margin:0 auto;}

#mainmenu{ height:56px; line-height:56px;}
#mainmenu .leftcurve{float:left; width:30px;}
#mainmenu .rightcurve{float:right; width:30px;}
#mainmenu .links{background:url(../images/menu_bg.png) repeat-x; float:left; width:926px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif;; font-size:20px;}
#mainmenu .links a{ text-decoration:none; margin:0 25px;text-shadow: 2px 2px 2px #fff;}
#mainmenu .links a:hover, #mainmenu .links a.active{color:#07a8dc; border-top:#07a8dc 3px solid;}

#logo_slogon{height:150px;}
#logo_slogon #logo{margin-right:50px; width:170px; height:203px; overflow:hidden; float:right;}
#logo_slogon #slogon{margin-top:35px; float:left; margin-left:50px;}

#content{background:url(../images/content-bg.png); padding:10px;}
#content h1.tag{position:relative; left:-21px; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;; font-weight:normal; background:url(../images/tag_bg.jpg) repeat-x; width:200px; height:36px; line-height:36px; color:#484848;text-shadow: 2px 2px 2px #fff;}
#content h1.tag .left{float:left; width:11px; height:43px; margin-right:20px;}

#content blockquote{background:url(../images/quote.jpg) no-repeat left top; padding-left:50px; margin-left:15px; line-height:25px;  width:400px;}
#content blockquote h1{font-size:18px; display:inline; margin-right:2px;}
#content blockquote h2{font-size:16px; display:inline; margin-right:2px;}

#content a.me{background:url(../images/bhusan.jpg) no-repeat left top; width:448px; display:block; float:right; text-indent:-500px; overflow:hidden; height:203px; margin:45px 15px 0 15px;}
#content a.me:hover{background-position:left -203px;}

#services a.web, #services a.xhtml, #services a.seo{width:271px; display:block; float:left; height:137px; text-indent:-150px; overflow:hidden; margin:0 18px;}
#services a.web:hover, #services a.xhtml:hover, #services a.seo:hover{background-position:left -137px;}

#services a.web{background:url(../images/web_designing.jpg) no-repeat left top;}
#services a.xhtml{background:url(../images/xhtml-css.jpg) no-repeat left top;}
#services a.seo{background:url(../images/seo.jpg) no-repeat left top;}

#works a{text-align:center;}
#works a:hover{text-decoration:none;}
#works a img{margin:0 12px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;}
#works a:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1; -moz-opacity:1;}
#links{background:#313638; padding:9px; color:#CCC; border:#000 solid; border-width:1px 0; font-size:12px;}
#links a{color:#dacb92;}
#footer{color:#aaa; text-align:center;}
.col{width:275px; float:left; margin:10px 0 0 20px; border-left:2px #CCC solid; padding-left:10px;}
#services .col{width:271px;}
#links .col, #works .col{border:none; padding:0;}

.pbox{width:80%; border:#ccc 1px solid; -moz-border-radius:0 1em;
border-radius:0 1em; padding:10px; background:#E8E8E8; margin:20px auto 0;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);


}
.frm strong{width:20%; float:left;}
.pgnav{text-align:center;}
.pgnav a{border:#ccc 1px solid; -moz-border-radius:0 1px; border-radius:0 1px; background:#E8E8E8; padding:2px 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.pgnav a.active, .pgnav a:hover{background:#FFF;}


#slides{ height:160px; overflow:hidden;}
#myController span.jFlowSelected, .jFlowControl:hover { background:url(../images/black-bullet.png) no-repeat center;margin-right:0px; }
.jFlowControl{ color:#fe8500; background:url(../images/gray-bullet.png) no-repeat center;  cursor:pointer; padding:0px 10px;}
#slides .col{ margin:0 13px; float:left; width:auto;}

/*############################## Drop Down Css */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:25px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #484848;
font-family:Georgia, "Times New Roman", Times, serif;;
font-size:16px;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
text-decoration:none;
color:#07a8dc;
}