/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
img{ vertical-align:bottom}

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#00f; text-decoration:none; }
a:hover{ text-decoration:none; }
html{height:100%}
body{ background-color:#000; color:#000; font:62.5% Arial, Helvetica, sans-serif; height:100%; position:relative }
.wrapper{ margin:0 auto; width:100%; position:relative; z-index:1;height:auto !important;height:100%;min-height:100%; overflow:hidden; }

#pagecontent{ margin:0px auto 0; width:721px; position:relative }
	#pagecontent h2{font-size:28px; margin-bottom:14px;}
	#pagecontent h3{font-size:22px; margin-bottom:15px;}
	#pagecontent h4{font-size:16px; margin-bottom:10px;}
/*******************************
	HEADER
*******************************/

.logobox{ background-repeat:no-repeat;padding-left:23px;  margin:0 auto; text-align:center; float:left}
	.logobox .logobox-out{ background-repeat:no-repeat;padding-right:23px;}
	.logobox .logobox-arrow{ background-repeat: no-repeat;}
	.logobox .logobox-in{ background-repeat: repeat-x;}
	.logobox h1{ font-size:36px; line-height:36px;}
	.logobox p{ font-size:15px; line-height:15px; text-transform:uppercase}

/*******************************
	MENU
*******************************/
.menu{width:100%; height:44px; position:relative; z-index:1;  }

.menubox{ background-repeat:no-repeat;padding-left:10px;float:left;  }
	.menubox .menubox-out{ background-repeat:no-repeat;padding-right:10px;}
	.menubox .menubox-in{ background-repeat: repeat-x; padding:0;}

/*nav*/
.nav{}
	.nav li{ float:left;}
	.nav a,
	.nav a:visited{ float:left;height:44px; padding-left:9px;}
	.nav a span{ float:left;height:44px; padding-right:9px;}
	.nav a span span{ float:left;height:44px; padding:0 1px;}
	.nav a:hover,
	.nav a.selected{background-repeat:no-repeat;}
	.nav a:hover span,
	.nav a.selected span{ background-repeat:no-repeat; background-position:100% 0;}
	.nav a:hover span span,
	.nav a.selected span span{ float:left;background-repeat:no-repeat; background-position:50% -44px;}
	.nav li .menubox{ position:absolute;}



.subnav a,
	.subnav a:visited{font-size:18px!important;}

/*******************************
SECTION
*******************************/
.section{width:100%; position:relative; z-index:0; padding-bottom:40px;}
/* mainbox */
.mainbox{ background-repeat:no-repeat;padding-top:25px; width:721px; position:relative; clear:left;  }
	.mainbox .mainbox-out{ background-repeat:no-repeat;padding-bottom:25px;background-position: -721px 100%; width:100%;}
	.mainbox .mainbox-in{ background-repeat: repeat-y;background-position:-1442px 0; width:721px;padding:15px 0;}
	.mainbox .innerbox{ width:641px; margin:0 40px; float:left;  }
	.mainbox .nopadd {padding:15px 0 0!important;}
	/*skills*/
	.mainbox .skills{width:641px; margin:0px 36px 5px 45px;}
	.mainbox .skills p{ line-height:18px; margin-bottom:15px}
	.mainbox .skills .col p{ line-height:16px; margin-bottom:17px;}

.loading_content{background:url(skins/skin1/ajax-loader.gif) no-repeat 50% 50%;}

.aboutme .fontbox{ padding:7px 0 8px 10px;}

.section p{ font-size:14px; line-height:19px; margin-bottom:19px;}
	.section p:last-child{ margin-bottom:0;}
	.section p a{ font-size:14px; }
	
/*portfolio*/
.portfolio{position:relative}

.portfoliobox {padding:0 0; width:650px; position:relative; overflow:hidden; padding:0 45px; margin-left:-48px; }
	.portfoliobox  .slidecontainer{ float:left;width:650px;}
	.portfoliobox  .slidecontainer ul{width:100%; overflow:hidden}
	.portfoliobox h2{ text-align:center; margin-bottom:20px!important;}

.portfoliodetails{ display:block;margin-left:-4px;}
	.portfoliodetails .subtitle{ margin:0 0 13px 9px;}
	.portfoliodetails .subtitle h2{ margin-top:4px;}
	.portfoliodetails .subtitle .btn{margin-right:15px;}

.slidecontainer{position:relative;}


.col{ width:300px; float:left;}
	.col p{ font-size:14px; text-align:justify; line-height:normal}
	.col p a{ font-size:14px; }
	.collast{ margin-left:30px}
	.colfirst{ /*width:324px;*/ margin:-7px 12px 0 0;}
.subtitle{ width:100%; overflow:hidden}
	.subtitle h2,
	.subtitle h4{ float:left}
	#pagecontent .subtitle h4{ margin-bottom:5px}
	.subtitle .rate,
	.subtitle  .btn{ float:right;}
	

.list-img{ float:left;}
	.list-img li{ float:left; margin:0 1px}
		/*.list-img li img{  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0; -khtml-opacity: 0;opacity: 0;}*/
		.list-img li a{ position:relative;}
		.list-img .lightbox-image,
		.list-img .lightbox-video,
		.list-img .lightbox-audio, 
		.list-img .lightbox-iframe{ position: absolute; z-index: 1;}
		.list-img li span span{ width:100%; height:100%; display:block;}
		/* Lightbox image hover icons */
		.list-img .lightbox-image { background: transparent url(skins/images/bgr-lightbox-image.png) no-repeat scroll 50% 50%; }
		.list-img .lightbox-video { background: transparent url(skins/images/bgr-lightbox-video.png) no-repeat scroll 50% 50%; }
		.list-img .lightbox-audio { background: transparent url(skins/images/bgr-lightbox-audio.png) no-repeat scroll 50% 50%; }
		.list-img .lightbox-iframe { background: transparent url(skins/images/bgr-lightbox-iframe.png) no-repeat scroll 50% 50%; }
		.list-img li span span{ /*background:url(skins/images/bgr-lightbox-overlay.png) no-repeat 50% 50%;*/ background:#fff none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=20);-moz-opacity: 0.2; -khtml-opacity: 0.2;opacity: 0.2; margin:4px; }
		
		.list-img-three li{}
		

/*lists*/
.list { margin-bottom:10px; width:100%; overflow:hidden}
	.list li{ padding-left:22px; font-size:16px; line-height:20px; margin-bottom:7px;}
	.list li span{ font-size:13px; display:block}
	.list li a,
	.list li a:visited{ font-size:16px;}
	
	.list-greenok li{background:url(skins/images/bgr-listgreenok.png) no-repeat 0 5px }
	.list-grayok li{background:url(skins/images/bgr-listgrayok.png) no-repeat 0 6px }
	.list-graystar li{background:url(skins/images/bgr-listgraystar.png) no-repeat 0 5px }

.halflist li{ float:left; width:42%; font-size:14px; margin-bottom:2px;}

.quote,
.quote:visited{ font-size:16px;}



/*nav*/
.subnav li{ float:left;}
	.subnav a{ float:left; font-size:22px; height:44px; padding-left:10px;}
	.subnav a span{ float:left;height:44px; padding-right:10px;}
	.subnav a span span{ float:left;height:44px; padding:0;}
	.subnav a:hover,
	.subnav a.selected{background-repeat:no-repeat; height:44px;}
	.subnav a:hover span,
	.subnav a.selected span{ background-repeat:no-repeat; background-position:100% 0;}
	.subnav a:hover span span,
	.subnav a.selected span span{ float:left;background-repeat:no-repeat; background-position:50% -44px;}


.frm {float:left; width:390px; margin-top:7px;}
	.frm  li{ margin-bottom:17px; width:100%; float:left}
	.frm label{ float:left; width:110px; font-size:16px; line-height:32px;}
	.frm label.twoline{ line-height:16px;}
	.frm li.haserror label{ color:#e46969}
	.frm input[type="text"],
	.frm textarea{border:none; font-size:16px; color:#cbcbcb; font-family:Arial, Helvetica, sans-serif; outline:none;}
	.frm textarea{ overflow:auto; resize:none}
	.frm .btnsubmit{ margin-left:108px;}
	.frm .responsebox{ float:left; padding:3px 0 0 0; margin-left:5px;width:120px;}
	.frm .error{background:url(skins/images/bgr-error.png) no-repeat 0 12px}
	.frm .success{background:url(skins/images/bgr-listgreenok.png) no-repeat 0 10px; padding-top:9px;}
	.frm  .frmLoading{ padding-top:9px;}
	
	.frm .responsebox div{ font-size:14px; margin-bottom:0; line-height:17px; padding-left:23px; }


	
.btn{ background-repeat:no-repeat; background-position: 0 -161px;padding-left:15px;float:left; height:40px; position:relative; line-height:40px;font-size:18px; }
	.btn span { background-repeat:no-repeat; background-position:100% -121px;padding-right:15px; height:40px; float:left}
	.btn span span{ background-repeat: repeat-x; background-position:0 -81px; padding:0; height:40px; float:left; }
	.btn input{ border:none; background:none;padding:0;float:left;  height:35px; padding:11px 0 0 0;font-size:18px; cursor:pointer}


.btnsubmit {background-position:0 0;}
	.btnsubmit span {background-position:100% -41px;}
	.btnsubmit span  span{background-position:100% -81px; padding:0 3px 0 0 }

.contact{margin:20px 0 0 0; }
/*contact-details*/
.contact-details { float:right; width:240px}
	.contact-details  .map{width:194px; height:132px; padding:23px; margin:-3px 0 7px;}
/*contact-details-list*/
.contact-details-list {margin-left:10px;}
	.contact-details-list li{font-size:14px;line-height:18px; width:100%; float:left; overflow:hidden;margin-bottom:8px;}
	.contact-details-list li img{ margin-right:10px;}

.hasdd{ padding-top:70px!important;}

.verification-code{position: relative;}
.verification-code > a.refresh-button{position: absolute;right: 23px;top: 7px; z-index:99}
.verification-code > .verification-image{position: absolute;right: 45px;top: 7px;border: 1px solid #202020; z-index:99}

.refresh-button{width: 15px;height: 15px;text-indent: 1000px;overflow: hidden;display: block;}
.refresh-button:hover{border-color: #666;background-position: 0 -15px;}



/*******************************
	FOOTER
*******************************/
.footer{ position:absolute; bottom:0px;height:40px;/*width:422px; */left:50%; margin-left:-211px;}
/* footerbox */
.footerbox{ background-repeat:no-repeat;padding-left:20px; margin:0 auto; height:40px; }
	.footerbox .footerbox-out{ background-repeat:no-repeat; background-position:100% -40px;padding-right:20px; height:40px;}
	.footerbox .footerbox-in{ background-repeat: repeat-x; background-position:0 -80px; height:22px; padding:18px 0 0 0}


.social-ico li{ float:left; height:20px; line-height:17px; margin:0 2px; color:#717171; font-size:12px;}
	.social-ico li.selector{ background:url(skins/images/bgr-socialfooter.png) no-repeat -172px 30%;  text-indent:-9999em; width:2px; margin:0 7px 0 10px; }
	.social-ico a{ height:16px; width:16px;display:block; margin-left:2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";filter: alpha(opacity=45);-moz-opacity: 0.45; -khtml-opacity: 0.45;opacity: 0.45; position:relative;}

/*******************************
	TIPSY TOOLTIP
*******************************/
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px;max-width: 200px; text-align: center;}
  .tipsy-inner {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius:4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
  .tipsy-arrow { position: absolute; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/*******************************
	STAR RATING
*******************************/
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:23px;height:20px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -20px}
div.star-rating,div.star-rating a{}
div.rating-cancel a,div.star-rating a{display:block;width:23px;height:100%;background-position:0 1px;border:0}
div.star-rating-on a{background-position:0 -20px!important}
div.star-rating-hover a{background-position:0 -40px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */

/*******************************
	CLEARFIX HACK
*******************************/
.clearfix:after {content:".";display:block;height:0;clear:both;font-size:0.1em;visibility:hidden}	
.clearfix {display:inline-block}

* html .clearfix {height:1%}
.clearfix {display:block}


/*******************************
	CUSTOM SELECT
*******************************/
.jqTransformSelectWrapper { width: 45px; position:relative; height: 29px; float:left; }
.jqTransformSelectWrapper div span { font-size:16px; float: none; position: absolute; white-space: nowrap; height: 19px;overflow: hidden; cursor:pointer; line-height:22px;}
.jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 31px; height: 29px;}
.jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 29px; left: 2px; list-style: none; display: none; margin: 0px; padding: 0 0 5px 0; height: 250px; overflow-x: hidden; overflow-y: auto; z-index:10; }
.jqTransformSelectWrapper ul li{ padding:0!important; margin:0!important; width:100%; float:left;}
.jqTransformSelectWrapper ul a,
.jqTransformSelectWrapper ul a:visited{ display: block; padding: 4px 10px; text-decoration: none; font-size:14px; }
.jqTransformSelectWrapper ul a.selected { color: #fff; }
.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { color: #fff; }
/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden { display: none; }

		
/*+++++++++++++++++++++++
COLOR 
+++++++++++++++++++++++*/
	.sb-black{background-color:#000;}
	.sb-teal{ background-color:#00353e}
	.sb-darkslateblue{background-color:#2f255a}
	.sb-saddlebrown{background-color:#432a00;}
	.sb-darkred{background-color:#3f0000}
	.sb-darkgreen{background-color:#003400}
	.sb-white{background-color:#fff}
/*+++++++++++++++++++++++
PATTErNS
+++++++++++++++++++++++*/
	.pattern1{background:url(settings/bgr-pattern1.png) repeat}
	.pattern2{background:url(settings/bgr-pattern2.png) repeat}
	.pattern3{background:url(settings/bgr-pattern3.png) repeat}
	.pattern4{background:url(settings/bgr-pattern4.png) repeat}
	.pattern5{background:url(settings/bgr-pattern5.png) repeat}
	.pattern6{background:url(settings/bgr-pattern6.png) repeat}
	.pattern7{background:url(settings/bgr-pattern7.png) repeat}
	.pattern8{background:url(settings/bgr-pattern8.png) repeat}
	.pattern9{background:url(settings/bgr-pattern9.png) repeat}
	.pattern10{background:url(settings/bgr-pattern10.png) repeat}
	.pattern11{background:url(settings/bgr-pattern11.png) repeat}
	.pattern12{background:url(settings/bgr-pattern12.png) repeat}


/*+++++++++++++++++++++++
BACKGROUND
+++++++++++++++++++++++*/


DIV#bg-slideshow
{
	overflow: hidden;
	position: fixed;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

DIV#bg-slideshow > UL > LI > IMG { display: none; }
DIV#bg-slideshow > IMG { position: absolute; }



DIV.wrapper {
	z-index: 1000;
}


/*************** Custom Footer CSS starts ************************/

a.footer_a {
	display:inline;
	color:#717171;
	font-family:'QlassikBoldRegular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
	opacity:1 !important;
}

a.footer_a:hover {
	color:#0000FF !important;
	display:inline;
	font-family:'QlassikBoldRegular',Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 20px;
    line-height: 17px;
}
.img_all img {
	margin-top:0 !important;
}
/*.menubox {
	width:600px;
}
*/


/*DIV#bg-slideshow img{ width:100%; height:100%;}*/

/*************** Custom Home page CSS starts ************************/

.home_img {
	padding:0 !important;
}

/*************** Custom Home page CSS ends ************************/

/*************** Custom Footer CSS ends ************************/
#AutoNumber2 img{
	padding:0px!important;
	border:0px!important;
	margin:0 !important;
}


/*************** Custom Gallery[Portfolio] CSS starts ************************/

.col {
	display:none;
}
.colfirst {
	display:block;
	width:auto;
}

/*************** Custom Gallery[Portfolio] CSS ends ************************/

/*************** Custom Contact Us page CSS starts ************************/

.frm {
	display:none;
}
#page_contact {
	position:relative;
}
.contact-details {
	position:absolute;
	top:45px;
	right:0;
}
.blue_con {
	color:#30A1DB;
}
u.blue_con a {
	color:#30A1DB;;
}

/*************** Custom Contact Us page CSS ends ************************/

img.bank_img, img.hair_img {
	margin:0 22px 0 8px !important;
}