/* CSS Document */
body {margin:0px; padding:0px;}
a{text-decoration:none; color:#7e7e7e}
#bg { width:1002px; background-image: url('../sky-bg.jpg'); width:100%; height:178px; background-repeat:repeat-x; margin:0px; padding:0px}
#logo {padding:22px 0 0 0px; float:left;}
#menu {font-family: Arial; font-size:12px; font-weight:bold; color:#FFFFFF;padding:15px 15px 0 0px; text-align:right;}
#menu ul li {display:inline; vertical-align:middle}
#menu ul li a {text-decoration:none; color:#FFFFFF;}
#menu1 {font-family: Arial; font-size:16px; color:#17717e;padding:0px 0px 0 0px; }
#menu1 ul li {display:inline; font-weight:bold}
#menu1 ul li a {text-decoration:none; color:#17717e;}
#menu-pad { float:right; padding:96px 10px 0 0}
.freelance { font-family:Tahoma; font-size:28px; font-weight:bold; color:#f1f1f1; padding:10px 0 0 0}
.black-bg {background-image:url(../bg-content.jpg); width:100%; height:467px; margin:0px; padding:0px; background-repeat:repeat-x}
.freelance1 {font-family:Tahoma; font-size:21px;color:#f1f1f1; float:left;padding:20px 0 0 50px}
.freelance1 ul li {list-style-image: url(../tick.gif);}
#image1 { padding:0 0 0 91px; text-align:right}
.free {font-family:Tahoma; font-size:24px; font-weight:bold; color:#17717e; padding:50px 0 0 0}
.qadPro {font-family:Tahoma; font-size:12px; color:#7e7e7e; padding:10px 0 0 0;width:604px; text-align:justify;}
.qadPro2 {font-family:Tahoma; font-size:12px; color:#7e7e7e; padding:0px 0 0 0; width:604px; text-align:justify;}
.w3c {font-family:Tahoma; font-size:17px; font-weight:bold; color:#17717e; padding:0px 0 0 10px}
.to-most {font-family:Tahoma; font-size:12px; color:#7e7e7e; padding:10px 0 0 0; width:286px; text-align:justify;}
.orang-field {background-image: url(../field.gif); width:250px; height:33px; text-align:center; background-repeat:repeat-x}
.name {font-family:Arial; font-size:13px; color:#17717e; font-weight:bold; padding:10px 0 3px 5px;}
.footer-bg {background-image: url(../Template_11.jpg); background-repeat:no-repeat; height:45px; background-position:center top;  text-align:center;font-family:Arial; font-size:12px; color:#17717e; font-weight:bold}
.footer-bg ul { padding:0px;}
.footer-bg ul li {display:inline;}
.footer-bg  a {text-decoration:none; color:#17717e;}
.drop {font-family:Tahoma; font-size:19px; font-weight:bold; color:#17717e; padding:0px 0 0 10px}
.copyright { font-family:Tahoma; font-size:14px; color:#17717e;  padding:10px 0 10px 0; text-align:center}

.portfolioimage{padding-top:10px}
.portfolioimage img{border:4px solid #bbbbbb}
.nextbutton{padding-top:30px}
.c_black_11_b{font-family:Tahoma; font-size:12px; color:#7e7e7e; padding:10px 0 0 0; font-weight:bold}
.subheading{font-family:Arial; font-size:15px; color:#17717e; font-weight:bold;}

.subheading{font-family:Arial; font-size:13px; color:#17717e; font-weight:bold;}

/**********************************************		MENU	 ***************************************************/
#menu1 ul li a {float: left; width:110px; height: 33px; background:  url(../menu.gif) no-repeat; color: #104a62; text-decoration: none;font-size:16px;border: 0;text-align:center; list-style-type:none; vertical-align:top; margin:0px; padding:10px 0 0 0px}
#menu1 ul li a:hover, #menu1 ul #menu1-on a  {background:  url(../menu-hover.jpg) top left no-repeat;color: #fff; list-style-type:none; padding:10px 0 0 0px;}
.qadPro ul li a{font-family:Tahoma; font-size:11px; color:#7e7e7e; font-weight:bold; text-decoration:none}
/***************************************************	END MENU	***************************************************/


/************************************Show Case******************************************/
.showcase-container{background:url(../bg-header.jpg); background-position:top; height:286px; border-bottom: 5px solid #29363c; }

a img{border:none}
.bottom-buttons {
	display: block;
	position: relative;
	clear: both;
	line-height: 0px;
	overflow: hidden;
}
#showcase {
	display: block;
	position: relative;
	overflow: hidden;
	clear: both;
	width: 1007px;
	height: 286px;
	margin: 0px 0px 0px 0px;
	background:url(../bg-showcase.jpg) no-repeat top center;
}

#showcase ul.fullview {
	display: block;
	width: 10000px;
	height: 286px;
	position: relative;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#showcase ul.fullview li {
	display: block;
	position: relative;
	float: left;
	width: 1007px;
	height: 286px;
	margin: 0px;
	padding: 0px;
	background: url("../bg-showcase-li.png") no-repeat top left;
}

#showcase ul.fullview li img.crops {
	display: block;
	position: absolute;
	width: 399px;
	height: 230px;
	top: 28px;
	left: 41px;
	border:3px solid #666666;
}
.typeface-js
{
	font-family:Tahoma
}
#showcase div.wrap,
#showcase div.shadow {
	display: block;
	position: absolute;
	left: 520px;
	top: 55px;
	width: 335px;
	height: auto;
}

#showcase div.shadow {
	top: 54px;
	left: 520px;
}

#showcase div.wrap h1 {
	color: white;
	font-size: 22px;
	line-height: 25px;
	margin-left: 0px;
	font-family:verdana;

}

#showcase div.wrap p {
	margin-left: 0px;
	font-size: 17px;
	color: white;
	font-family: tahoma, Arial;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
}

#showcase div.shadow h1,
#showcase div.shadow p {
	color: #666c6e;
}

#showcase div.thumbs {
	display: block;
	position: relative;
	width: 1007px;
	height: 286px;
	padding: 18px 0px 0px 38px;
	overflow: hidden;
}
.skillslist{list-style-image:url(../tick.png)}
.skillslist li{line-height:20px}
#showcase div.thumbs div.project {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: 198px;
	height: 52px;
	margin: 0px 15px 15px 0px;
}

#showcase div.thumbs div.project span.imgWrap {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 48px;
	height: 48px;
	border: 2px solid white;
	overflow: hidden;
}

#showcase div.thumbs div.project span.title {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 140px;
}

#showcase div.thumbs div.project a.details {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 55px;
}

#showcase div.thumbs div.project a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	
}

#slider-controls {
	display: block;
	position: absolute;
	top: 11px;
	left: 45px;
	width: 144px;
	height: 23px;
}

#slider-controls a {
	display: none;
	text-indent: -10000px;
	overflow: hidden;
}

#slider-controls a.prev {
	display: block;
	width: 35px;
	height: 23px;
	background: url("../buttons-slider.gif") no-repeat top left;
}

#slider-controls a.prev:hover,
#slider-controls a.prev:focus {
	background-position: bottom left;
}

#slider-controls a.next {
	width: 35px;
	height: 23px;
	background: url("../buttons-slider.gif") no-repeat -35px 0px;
}

#slider-controls a.next:hover,
#slider-controls a.next:focus {
	background-position: -35px -23px;
}

#slider-controls a.thumbs {
	width: 31px;
	height: 23px;
	background: url("../buttons-slider.gif") no-repeat -76px 0px;
}

#slider-controls a.thumbs:hover,
#slider-controls a.thumbs:focus {
	background-position: -76px -23px;
}

#slider-controls a.full {
	display: block;
	position: absolute;
	top: 0px;
	left: 113px;
	width: 31px;
	height: 23px;
	background: url("../buttons-slider.gif") no-repeat -113px 0px;
}

#slider-controls a.full:hover,
#slider-controls a.full:focus {
	background-position: -113px -23px;
}

/* @end */

#tooltip {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 150px;
	height: auto;
	padding-bottom: 17px;
	background: url("../tooltip-bottom.gif") no-repeat bottom left;
	z-index: 1000;
	
}

#tooltip span.text {
	display: block;
	width: 132px;
	height: auto;
	padding: 5px 9px 0px 9px;
	background: url("../tooltip-top.gif") no-repeat top right;
	color: white;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

.left{float:left; text-align:left}
.right{float:right}
.alleft{text-align:left}
.discription {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; padding:10px; font-weight:bold; text-align: center} 

.discription a {text-decoration:none; color:#FF9900; }


.discription a:hover {text-decoration:underline;}