@charset "utf-8";
/*$
Author 				:ravi gupta
Author 				:http://www.enhancedesignstudio.com/
Email 				:ravigupta.exe@gmail.com
Version 			:5.0
Last Date Modified 	:June 01, Twenty 10.
$*/

/* import core styles */
@import url(base.css);
@import url(pngFix.css);
@import url(typography.css);
@import url(tooltips.css);

/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
html, body { width:100%;height:100%;}
body { color:white;font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;position:relative;}
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em;}
/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/ 
div.background img {
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
}
body.home {
	height:100%;
}
#header, #footer {
	width:100%;
	overflow:visible;
	height:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
header#header, header.header {	
	width:99%;
	overflow:visible;
	height:100%;
}
#header #circuit, #header .circuit, .header #circuit, .header .circuit {
	overflow:hidden;
	width:99%;
	height:45px;
	margin:0;
	padding:0;
}
#header aside#description, #header aside.description {
	overflow:hidden;
	width:99%;
	height:220px;
	margin:0;
	padding:0;
}
body {
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	height:100%;
	background:#000 url('../images/bg.jpg') no-repeat fixed top center;
	width:100%;
}
div#eds {
	width:100%!important;
	margin:0 auto;
}
div#container {
	width:980px;
	margin:0 auto;
	padding:0px;
}
div#container .circle {
	background:url('../images/circle.png') 0 0 no-repeat;
	float:left;
	width:980px;
	margin:0 auto;
	padding:0px;
}
/*@ header */
#headerMain {
	position:relative;
	width:980px !important;
	margin:0 auto;
	padding:0px !important;
	height:123px;
}
#headerMain h1.logo {
	width:322px;
	height:140px;
	display:block;
	top:15px;
	left:0;
	position:absolute;
}
#headerMain h1.logo a {
	margin:0;
	padding:0;
	width:322px;
	height:140px;
	display:block;
}
#headerMain h1.logo span {
	display:none;
}
div#headerMain div.right {
	float:right;
	display:block;
	margin:0;
	padding:10px 0px 0 60px;
	height:113px;
	width:600px;
}
div#headerMain div.right div.contactNumber {
	float:right;
	width:190px;
	height:45px;
	display:block;
	margin:5px 0 0 0;
	padding:0px 0 0 35px;
	background:url('../images/eds_fone.png') 0 0 no-repeat;
}
* +html div#headerMain div.right div.contactNumber {
	padding:0px 0 0 35px;
	background:url('../images/eds_fone.png') 0 0 no-repeat;
}
div#headerMain div.right div.contactNumber h2 {
	letter-spacing:-1px;
	margin:0;
	padding:0;
	line-height:27px;
	font-size:27px !important;
	color:rgb(255,254,253) !important;
}
/*--- Navigation ---*/
ul#menu, nav {
	display:block;
	float:right;
	margin:20px 0 0 0;
	padding:0px;
	width:598px;
	color:rgb(255,255,253) !important;
	height:43px !important;
}
nav {
	margin:0;
	padding:0;
}
ul#menu li {
	float:left;
	margin:0;
	list-style:none;
}
ul#menu li a {
	background:url('../images/sprite.png') no-repeat;
	color:#99979E;
	display:block;
	padding:0px;
	text-indent:-9999px;
	font-size:0px;
	text-decoration:none;
	height:43px !important;
}
* html ul#menu li a {
	background:url('../images/_navi.jpg') no-repeat;
}
ul#menu li a strong {
	color:rgb(255,255,254) !important;
	display:block;
}
ul#menu li a:hover strong {
	color:#D7799C;
}
ul#menu li a span {
	display:block !important;
}
#menu ul li a:link.share_regular {
	color:#000;
	font:normal 19px/10px "trebuchet MS" !important;
	letter-spacing:-1px;
	text-align:left;
	margin:0;
	padding:0;
}
ul#menu li a#mainnav_Home {
	width:117px;
}
ul#menu li a#mainnav_Home:hover/*, ul#menu li.nav_current a*/ {
	background-position:0 bottom !important;
}
ul#menu li a#mainnav_About {
	background-position:-117px 0;
	width:121px;
}
ul#menu li a#mainnav_About:hover/*, ul#menu li.nav_current_a a*/ {
	background-position:-117px bottom !important;
}
ul#menu li a#mainnav_Services {
	background-position:-238px 0;
	width:125px;
}
ul#menu li a#mainnav_Services:hover/*, ul#menu li.nav_current_b a*/ {
	background-position:-238px bottom !important;
}
ul#menu li a#mainnav_Portfolio {
	background-position:-363px 0;
	width:130px;
}
ul#menu li a#mainnav_Portfolio:hover/*, ul#menu li.nav_current_c a*/ {
	background-position:-363px bottom !important;
}
ul#menu li a#mainnav_Contact {
	background-position:-493px 0;
	width:105px;
}
ul#menu li a#mainnav_Contact:hover/*, ul#menu li.nav_current_d a*/ {
	background-position:-493px bottom !important;
}
/*@ end */
/*@ end */
#opaque {
	width:100% !important;
	margin:0 auto;
	padding:0px;
	float:left;
	background:url('../images/wrapper.png') center top no-repeat;
	position:relative;
}
.bg {
	position:absolute;
	left:-35px;
	top:390px;
	width:238px;
	height:326px;
	z-index:1;
}
/*--- Project Showcasing ---*/
#showcase {
	position:relative;
	float:left;
	margin:1em 0 0 0;
	width:960px;
	padding:0px 10px 0px 5px;
	height:405px;
}
#showcase #starFish {
	position:absolute;
	bottom:-25px;
	left:414px;
	width:166px;
	height:164px;
	z-index:999;
}
#showcase #stone {
	position:absolute;
	bottom:-5px;
	right:-10px;
	width:155px;
	height:110px;
	z-index:999;
}
#showcase h2 {
	display:none;
}
.imageContainer {
	width:547px;
	height:405px;
	overflow:hidden;
	float:right;
}
.imageContainer ul li {
	float:left;
	position:relative;
}
.infoContainer ul li {
	font-size:0.9em;
	height:29px;
	position:relative;
	padding:5px 0 0 0px;
	float:left;
}
ul.workNav {
	width:30px;
	position:absolute;
	top:250px;
	left:465px;
	z-index:9999;
}
ul.workNav li {
	margin-bottom:8px;
}
ul.workNav li a {
	display:block;
	width:23px;
	height:16px;
	text-indent:-9999px;
	outline:none;
}
ul.workNav li a.pprev {
	background:url('../images/showcaseArrow.png') 0% top no-repeat;
}
ul.workNav li a.pprev:hover {
	background:url('../images/showcaseArrow.png') 90% top no-repeat;
}
ul.workNav li a.pnext {
	background:url('../images/showcaseArrow.png') 0% bottom no-repeat;
}
ul.workNav li a.pnext:hover {
	background:url('../images/showcaseArrow.png') 90% bottom no-repeat;
}
div.infoContainer {
	float:left;
	width:410px;
	margin:40px 10px 0 10px;
	height:250px;
}
div.infoContainer h3 {
	margin:0;
	padding:0;
	font-weight:lighter;
	color:#f5b815;
	font-size:33px !important;
	line-height:35px;
	/*text-shadow:#000 1px 1px 0px;*/
	text-shadow:#000 1px 1px 0  #000 1px 1px 0
}
div.infoContainer ul li a {
	color:#e9e6c4;
}
div.infoContainer ul li {
	height:180px;
}
div.infoContainer p {
	color:#eaeff1;
	margin:10px 0 0 0;
	font-size:1em;
	line-height:15px;
	float:left;
	width:100%;
	display:block;
}
div.infoContainer p.link {
	float:left;
	padding:1em 0 0 0 !important;
	margin:0;
	width:245px;
}
div.infoContainer p.link a {
	color:#000;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	background:url('../images/sprite.png') -614px 0 no-repeat;
	padding:0 0 0 14px;
	height:24px;
	width:auto;
}
.yellow {
	color:#f5b815 !important;
}
div.infoContainer p.link a:hover {
	color:#f5b815;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline !important;
	background:url('../images/sprite.png') -614px 0 no-repeat;
	padding:0 0 0 14px;
	height:24px;
}
div.infoContainer p:first-child {
	margin-top:0px;
}
div#projector {
	width:336px;
	height:213px;
	position:absolute;
	right:-13px;
	top:-10px;
	padding:82px 104px 110px 104px;
	background:url('../images/projector.png') 0 0 no-repeat;
}
div#showcaseImages {
	width:547px;
	height:405px;
	overflow:hidden;
	float:left;
}
div#showcaseImages ul, div#showcaseImages ul li {
	float:left;
	margin:0;
	padding:0;
}
/*@--- content ---*/
div#content-wrap {
	margin:0;
	padding:0;
	width:100% !important;
	display:block;
	text-align:left;
	float:left;
	position:relative;
}
div.border {
	background:url('../images/eds_content-bg.png') 0 0 no-repeat;
	height:auto !important;
	float:left;
	width:950px;
}
div#content-wrap div#content {
	margin:0;
	padding:10px 14px;
	width:950px;
	display:block;
	z-index:2;
	float:left;
}
#pill {
	position:absolute;
	top:-5px;
	right:0px;
	z-index:9999;
}
div#content p.writeup {
	float:left;
	clear:both;
	margin:0 0 1em 0 !important;
	font:normal 14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	display:block;
	width:950px;
}
div#content p.writeup a {
	color:#AB3225;
	text-decoration:underline;
}
div#content p.writeup a:hover {
	color:#4DBCE9;
	text-decoration:none;
}
div#content div.tech {
	float:left;
	margin:1em auto 0 auto;
	width:950px;
	height:155px !important;
	padding:0 !important;
	display:block;
	clear:both;
}
* +html div#content div.tech {
	float:left;
	height:172px !important;
	padding:0px !important;
}
div#content div.tech div.techIused {
	margin:0 auto;
	width:490px;
	height:86px;
	padding:0;
	display:block;
}
p.illustrator, p.dw, p.ps, p.fl, p.js, p.ajax {
	float:left;
	margin:0 !important;
	padding:0;
	display:block;
	width:70px;
	height:86px;
	z-index:99;
}
div.tech p.illustrator a span, div.tech p.dw a span, div.tech p.ps a span, div.tech p.fl a span, div.tech p.js a span, div.tech p.ajax a span, div.tech p.jQuery a span {
	display:none;
}
div.tech p.illustrator a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1544px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
	z-index:99;
}
div.tech p.illustrator a:hover, div.tech p.illustrator a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -2034px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.dw a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1404px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.dw a:hover, div.tech p.dw a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1894px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.ps a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1334px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.ps a:hover, div.tech p.ps a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1824px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.fl a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1474px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.fl a:hover, div.tech p.fl a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1964px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.js a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1614px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.js a:hover, div.tech p.js a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -2104px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.ajax a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1684px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.ajax a:hover, div.tech p.ajax a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -2174px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
div.tech p.jQuery {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:45px;
	height:86px;
	z-index:99;
}
div.tech p.jQuery a {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -1754px bottom no-repeat;
	color:#0064B5 !important;
	text-decoration:none;
}
div.tech p.jQuery a:hover, div.tech p.jQuery a.active {
	float:left;
	margin:0;
	padding:0;
	width:70px;
	height:86px;
	background:url('../images/sprite.png') -2244px bottom no-repeat;
	color:#FF6E00 !important;
	text-decoration:none;
}
/*--- Tooltips ---*/
div#content p.writeup a.tooltip {
	color:#29b7e3;
	cursor:help;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	text-decoration:none;
	z-index:5;
}
p.writeup u {
	color:#29b7e3;
	cursor:help;
}
div#content p.writeup a.tooltip span {
	color:#f00;
	display:none !important;
	z-index:100000;
}
div#content p.writeup a.tooltip:hover {
	text-decoration:underline;
	color:#4DBCE9;
}
div#content p.writeup a.tooltip:hover span {
	background-color:#FFF;
	border:1px solid #818181;
	color:#ff0000 !important;
	display:block !important;
	filter:alpha(opacity=90);
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	left:20px;
	top:30px;
	line-height:16px;
	moz-border-radius:8px;
	moz-opacity:.90;
	opacity:.90;
	padding:5px;
	position:absolute;
	text-align:left;
	width:auto;
	z-index:10;
	white-space:nowrap;
}
/*--- JS Tooltips ---*/
#tt {
	position:absolute;
	display:block;
	width:400px;
	z-index:999999;
}
#tttop {
	display:block;
	height:14px;
	background:url('../images/tt_top.png') top right no-repeat;
	overflow:hidden;
	width:350px;
	z-index:999999;
}
#ttcont {
	display:block;
	padding:3px 14px !important;
	color:#000 !important;
	background:url('../images/tooltip_wrapper.png') right 0 repeat-y;
	width:322px;
	overflow:hidden;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	margin:0;
	z-index:999999;
	page-break-after:always;
	color:#f00 !important;
}
#ttbot {
	display:block;
	height:32px;
	background:url('../images/tt_bottom.png') bottom right no-repeat;
	overflow:hidden;
	width:350px;
}
/*--- end ---*/
/*--- footer ---*/
div#footer-wrap {
	float:left;
	padding:0 0 1.3em 0 !important;
	clear:both;
}
div#footer {
	background:transparent url('../images/dotted_bg.png') repeat 0 0;
	margin:5px 0px 0px 0px;
	padding:5px 10px;
	width:960px;
	float:left;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
div#footer p.owned {
	float:right;
	color:#f8f8f8;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
div#footer ul#footer-nav {
	float:left;
}
div#footer ul#footer-nav li {
	display:inline;
	margin:0px;
	color:rgb(254,255,255) !important;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#footer ul#footer-nav li a, div#bottom p.copyright a.privacy {
	color:rgb(255,254,255) !important;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none !important;
	border:none;
}
div#footer ul#footer-nav li a:hover, div#bottom p.copyright a {
	border-bottom:1px solid #f5b816;
	text-decoration:none;
	color:#f5b815;
}
div.break {
	background:transparent url('../images/dotted_bg.png') repeat scroll 0 0;
	margin:5px 0px !important;
	padding:0px;
	float:left;
	height:4px;
	font-size:0px;
	line-height:4px;
	width:980px;
}
div#catch {
	background:transparent url('../images/dotted_bg.png') repeat scroll 0 0;
	margin:0px 0px 5px 0px !important;
	padding:10px 10px 0px 10px;
	height:50px;
	float:left;
	width:960px;
}
div#catch h3 {
	float:left;
	width:278px;
	display:block;
	margin:0;
	padding:0;
	line-height:35px;
	color:#f5b815;
	font-size:29px;
} 
div#catch div#sociable {
	float:left;
}
div#catch div#sociable a {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
div#catch div#sociable a:hover {
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}
div#catch div#sociable a.twitter, div#catch div#sociable a.facebook, div#catch div#sociable a.skype, div#catch div#sociable a.yahoo, div#catch div#sociable a.gmail, div#catch div#sociable a.aol, div#catch div#sociable a.msn {
	margin:0px 10px 0 0 !important;
	padding:0px;
	height:38px;
	display:block;
	float:left;
}
div#catch div#sociable a.twitter {
	width:105px;
	background:url('../images/sprite.png') -598px bottom no-repeat;
}
div#catch div#sociable a.facebook {
	width:109px;
	background:url('../images/sprite.png') -714px bottom no-repeat;
}
div#catch div#sociable a.skype {
	width:75px;
	background:url('../images/sprite.png') -842px bottom no-repeat;
}
div#catch div#sociable a.yahoo {
	width:40px;
	background:url('../images/sprite.png') -933px bottom no-repeat;
}
div#catch div#sociable a.gmail {
	width:38px;
	background:url('../images/sprite.png') -989px bottom no-repeat;
}
div#catch div#sociable a.aol {
	width:32px;
	background:url('../images/sprite.png') -1042px bottom no-repeat;
}
div#catch div#sociable a.msn {
	width:37px;
	background:url('../images/sprite.png') -1089px bottom no-repeat;
}
div#catch div#sociable a.twitter span, div#catch div#sociable a.facebook span, div#catch div#sociable a.skype span, div#catch div#sociable a.yahoo span, div#catch div#sociable a.gmail span, div#catch div#sociable a.aol span, div#catch div#sociable a.msn span {
	display:none;
	text-indent:-999em;
}
/*--- Valid ---*/
div#catch div#valid {
	float:right;
	width:82px;
	margin:6px 0 0 0 !important;
}
div#catch div#valid a.html5, div#catch div#valid a.css2 {
	margin:0px;
	padding:0px;
	height:35px;
	display:block;
	float:left;
}
div#catch div#valid a.html5 {
	width:41px;
	margin:0 8px 0 0 !important;
	background:url('../images/sprite.png') -1132px -14px no-repeat;
}
div#catch div#valid a.css2 {
	width:32px;
	background:url('../images/sprite.png') -1174px -14px no-repeat;
}
div#catch div#valid a:hover.html5 {
	width:41px;
	margin:0 8px 0 0 !important;
	background:url('../images/sprite.png') -1132px bottom no-repeat;
}
div#catch div#valid a:hover.css2 {
	width:32px;
	background:url('../images/sprite.png') -1174px bottom no-repeat;
}
div#catch div#valid a.html5 span, div#catch div#valid a.css2 span {
	display:none;
	text-indent:-999em;
}
div#bottom {
	background:transparent url('../images/dotted_bg.png') repeat 0 0;
	margin:-4px 0px 0px 0px !important;
	padding:5px 10px;
	width:960px;
	float:left;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#bottom p.copyright {
	float:left;
	color:#f8f8f8;
	font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}
#headerFlash {
	float:left;
	margin:0;
	padding:0;
	width:980px;
	height:180px;
	display:block;
	position:relative;
}
/*@ Services */
.head_services {
	position:absolute;
	width:344px !important;
	height:93px !important;
	z-index:1003;
	top:45px !important;
	left:12px !important;
}
.head_services_title {
	position:absolute;
	width:400px !important;
	height:88px !important;
	z-index:1004 !important;
	top:90px !important;
	right:14px !important;
}
div#hireme {
	position:absolute;
	width:310px;
	height:197px;
	z-index:1000000;
	right:0;
	top:3em;
}
div#hireme p.btn_hireme {
	float:left;
	margin:0;
	padding:0;
	width:310px !important;
	height:197px;
	display:block;
	text-align:center !important;
}
div#hireme p.btn_hireme a {
	float:left;
	width:310px;
	margin:0;
	text-align:center;
	height:197px;
	background:url("../images/eds_hireme.png") 0 0 no-repeat;
	text-decoration:none;
	border:0;
	font:bold 12px/28px "trebuchet MS";
	color:#fffff2;
	vertical-align:middle;
}
div#hireme p.btn_hireme a span {
	position:absolute;
	text-decoration:none;
	display:none;
}
div#hireme p.btn_hireme a:hover {
	background-position:-310px 0;
	text-decoration:none;
}
div#hiresme {
	position:absolute;
	width:310px;
	height:197px;
	z-index:1000000;
	right:-1px;
	top:-14px;
}
div#hiresme p.btn_hiresme {
	float:left;
	margin:0;
	padding:0;
	width:310px !important;
	height:197px;
	display:block;
	text-align:center !important;
}
div#hiresme p.btn_hiresme a {
	float:left;
	width:310px;
	margin:0;
	text-align:center;
	height:197px;
	background:url("../images/eds_hireme.png") 0 0 no-repeat;
	text-decoration:none;
	border:0;
	font:bold 12px/28px "trebuchet MS";
	color:#fffff2;
	vertical-align:middle;
}
div#hiresme p.btn_hiresme a span {
	position:absolute;
	text-decoration:none;
	display:none;
}
div#hiresme p.btn_hiresme a:hover {
	background-position:-310px 0;
	text-decoration:none;
}
/*@ Contact Us */
.head_contactus_title {
	position:absolute;
	width:400px !important;
	height:88px !important;
	z-index:1004 !important;
	top:90px !important;
	right:14px !important;
}
.login {
	float:left;
	padding:0px;
	width:950px;
	margin:-6em 0 0 0 !important;
}
div#form_pop {
	width:950px;
	height:auto;
	color:#fff;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0.7em 0 0 0;
}
div#form_pop form {
	margin:0;
	padding:0;
}
.emailform {
	float:left;
	margin:1.5em 0px;
	position:relative;
	background:url('../images/line.png') 0 0 repeat-x;
	width:950px !important;
}
div#form_pop form h4 {
	color:#fff !important;
	font-size:20px !important;
}
div#form_pop div.row_lt {
	margin:10px 0px;
	float:left;
	width:500px;
	padding:10px;
}
div#form_pop div.row_lt p.input {
	display:block;
	clear:both;
	width:490px;
	height:36px;
	position:relative;
	margin:0px 0px 5px 0px;
}
div#form_pop div.row_lt p.name, div#form_pop div.row_lt p.email, div#form_pop div.row_lt p.companyName, div#form_pop div.row_lt p.tele, div#form_pop div.row_lt p.website, div#form_pop div.row_lt p.subject {
	/*background:url('../images/input_sprites.png') no-repeat 0 0;*/
	height:36px;
}
div#form_pop div.row_lt p.message {
	/*background:url('../images/message_sprites.png') no-repeat 0 0;*/
	height:210px;
}
div#form_pop div.row_lt p.input label {
	display:block;
	position:absolute;
	width:114px;
	height:30px;
	top:0px;
	left:0px;
	padding:6px 3px 0px 10px;
	outline:none;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color:rgb(0,0,0) !important;
	background:url('../images/input_sprites.png') no-repeat left 0;
}
.req {
	color:rgb(255,0,0) !important;
}
div#form_pop div.row_lt p.input.message label {
	display:block;
	position:absolute;
	width:114px;
	height:200px;
	top:0px;
	left:0px;
	padding:6px 3px 0px 10px;
	outline:none;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	color:rgb(0,0,0) !important;
	background:url('../images/message_sprites.png') no-repeat left 1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ div#form_pop div.row_lt p.input.message label { background:url('../images/message_sprites.png') no-repeat left 0px; } }
div#form_pop div.row_lt p.input input.cn9-iptt {
	display:block;
	position:absolute;
	top:0px;
	left:127px;
	width:345px;
	height:20px;
	padding:6px 5px 10px 3px;
	border:none !important;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:rgb(0,0,0) !important;
	background:url('../images/input_sprites.png') no-repeat right 0;
}
div#form_pop div.row_lt p.input input.cn9-iptt:focus {
	background:url('../images/input_sprites.png') no-repeat right -36px;
	color:rgb(255,255,255) !important;
}
div#form_pop div.row_lt p.input input.error {
	display:block;
	position:absolute;
	top:0px;
	left:127px;
	width:345px;
	height:20px;
	padding:6px 5px 10px 3px;
	border:none !important;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:rgb(0,0,0) !important;
	background:url('../images/input_sprites.png') no-repeat right bottom;
}
div#form_pop div.row_lt p.input input.error:focus {
	background:url('../images/input_sprites.png') no-repeat right top;
	color:rgb(255,255,255) !important;
}
div#form_pop div.row_lt p.input textarea, div#form_pop div.row_lt p.input textarea.textarea {
	display:block;
	position:absolute;
	top:0px;
	left:127px;
	width:340px;
	height:190px;
	padding:6px 10px 10px 3px;
	border:none !important;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:rgb(0,0,0) !important;
	background:url('../images/message_sprites.png') no-repeat right 0;
}
div#form_pop div.row_lt p.input textarea.error {
	display:block;
	position:absolute;
	top:0px;
	left:127px;
	width:340px;
	height:190px;
	padding:6px 10px 10px 3px;
	border:none !important;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:rgb(0,0,0) !important;
	background:url('../images/message_sprites.png') no-repeat right bottom;
}
div#form_pop div.row_lt p.input textarea:focus {
	background:url('../images/message_sprites.png') no-repeat right -206px;
	color:rgb(255,255,255) !important;
} 
div#form_pop div.row_lt p.name button {
	position:absolute;
	top:0px;
	right:0px;
	width:70px;
	height:34px;
	border:0px !important;
	background:none !important;
	text-indent:-10000px;
	overflow:hidden;
	cursor:pointer;
}
input#submit, input#reset {
	float:left;
	width:66px;
	height:42px;
	border:0 none;
	font-size:0px;
	text-indent:-99999em;
	margin:0 5px !important;
	cursor:pointer;
}
input#submit {
	background:url('../images/btnSend.png') 0 0 no-repeat !important;
}
input#submit:hover {
	background:url('../images/btnSend.png') 0 bottom no-repeat !important;
}
input#submit:active {
	position:relative;
	top:1px !important;
}
input#reset {
	background:url('../images/btnReset.png') 0 0 no-repeat !important;
}
input#reset:hover {
	background:url('../images/btnReset.png') 0 bottom no-repeat !important;
}
input#reset:active {
	position:relative;
	top:1px !important;
}
/*---  */
div#form_pop div.row_rt {
	margin:10px 0px;
	float:left;
	width:410px;
	padding:10px !important;
	position:relative;
}
#cafeHire {
	position:absolute;
	top:0;
	right:-40px;	
}
div#form_pop div.row_rt .flt {
	float:left;
	width:410px;
	margin:0 0 10px 0;
}
a:link.gmail, a:visited.gmail {
	color:#fff;
	text-decoration:none;	
}
a:hover.gmail {
	color:#fff;
	text-decoration:underline !important;	
}
div.row_rt h2 {
	float:left;
	width:410px;
	display:block;
	font-size:21px;
	color:#ffb400;
}
div#form_pop div.row_rt p.info {
	float:left;
	width:410px;
	display:block;
	font-size:14px;
	line-height:18px;
}
div#form_pop div.row_rt .location {
	float:left;
	width:409px;
	display:block;
	height:314px;
	/*background:url('../images/location.png') 0 0 no-repeat;*/
	margin:2px 0 0 0;
}
/*@ Portfolio */
.head_portfolio {
	position:absolute;
	width:306px !important;
	height:112px !important;
	z-index:1003;
	top:45px !important;
	left:13px !important;
}
.head_portfolio_title {
	position:absolute;
	width:400px !important;
	height:88px !important;
	z-index:1004 !important;
	top:75px !important;
	right:13px !important;
}
p.work {
	background:#000;
	padding:3px;
	font-size:17px;
	color:#09F !important;
	margin:10px 0 0 0;
}
.caption {
	overflow:hidden;
	width:0;
	height:0;
	top:12px;
	left:50px;
	display:block;
	position:absolute;
	background:url('../images/view-proj.png') top left no-repeat;
	text-indent:-999em;
}
.caption a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-999em;
	background:transparent;
}
.caption a:hover {
	background:transparent;
}
#clients {
	margin:20px 0 0 0;
}
div#clients a {
	float:left;
	display:block;
	height:262px;
	width:394px;
	background-repeat:no-repeat;
	border:2px solid #91de03 !important;
	margin:0 0 2em 0;
	position:relative;
}
div#clients a span.zoom {
	float:left;
	display:block;
	margin:0 0 2em 0;
	position:absolute;
}
div#clients a:hover {
	display:block;
	height:262px;
	width:394px;
	background-repeat:no-repeat;
	border:2px solid #29b7e3 !important;
}
div#clients a:hover span.zoom {
	display:block;
	height:262px;
	width:394px;
	background:url('../images/zoom.png') no-repeat 50% 50%;
	position:absolute;
	left:0;
	top:0;
}
#clients div.lst {
	float:left;
	display:block;
	width:394px;
	margin:0 0 1em 0;
	padding:0 0 0 2em;
	position:relative;
}
p.margin {
	float:left;
	margin:0;
	padding:0;
	width:394px;
}
#clients div.break {
	float:left;
	display:block;
	width:394px;
	margin:0 0 1em 0;
	padding:0 0 0 2em;
	height:25px;
}
.client-details {
	float:left;
	
	display:block;
	padding:0;
	clear:both;
}
.client-details h2{
	line-height:1;
	margin-bottom:.2em;
	color:#29b7e3;
	font-size:25px;
	width:394px;
	background:url('../images/border-2-shade.gif') 0 bottom repeat-x;
	text-transform:capitalize;
	padding:0 0 5px 0 !important;
}
.client-details span {
	position:relative;
	font-size:12px;
	text-transform:uppercase;
	color:#29b7e3;
	top:-1px;
	font-family:"trebuchet MS";
	width:110px;
}
.client-details samp {
	position:relative;
	font-size:12px;
	color:#f1f1f1;
	top:-1px;
	font-family:"trebuchet MS";
	width:300px;
}
.client-details p {
	padding:0;
	margin:0.6em 0 0 0;
	font:normal 13px/16px "Trebuchet MS" !important;
	color:#fff;
}
/*@ end */
.cont-innrr {
	float:left;
	margin:-4em 0px 0 0;
	position:relative;
	background:url('../images/line.png') 0 0 repeat-x;
	width:100% !important;
}
.cont-innr {
	background:url('../images/line.png') 0 0 repeat-x;
}
div.photo {
	float:left;
	margin:1.5em 0 0 0 !important;
	padding:0;
	width:250px;
	display:block;
	position:relative;
}
div.txt-rt {
	float:right;
	margin:3em 0 0 0 !important;
	padding:0;
	width:700px;
	display:block;
}
div.txt-rt h1 {
	display:block;
	margin:0;
	text-transform:none;
	font-size:27px;
	color:#fff;
}
div.txt-rt h2 {
	display:block;
	margin:0.3em 0 0 0;
	text-transform:none;
	font-size:23px;
	color:#ffcc00;
	line-height:25px;
}
div.txt-rt h5 {
	display:block;
	margin:0.7em 0 0 0;
	text-transform:none;
	font-size:15px;
	color:#fff;
}
div.txt-rt p {
	float:left;
	padding:0 20px 1em 0 !important;
	margin:0;
	width:680px;
	font:normal 14px/17px "Trebuchet MS";
}
/*--- About Us ---*/
.head_about_title {
	position:absolute;
	width:400px !important;
	height:88px !important;
	z-index:1004 !important;
	top:60px !important;
	right:13px !important;
}
/*@ 4 flexible Drag */
#blq-main {
	font-size:1.2em;
	width:1000px !important;
	padding:0;
}
.hpSortHelper {
	float:left;
	border:1px dashed #F96610;
	background-color:#fff;
	width:480px;
	margin:0 0 10px 0;
}
.hpSort .dragState {
	background-color:#fff;
}
.clearLeft {
	clear:left;
}
.hpColContainer {
	float:left;
	margin:0;
	display:inline;
	width:auto;
	height:375px;
}
.hpCol {
	float:left;
	width:950px;
	margin-top:12px;
	height:345px;
}
.hpMod {
	float:left;
	width:460px;
	margin:0 10px 0 5px;
	color:#494949;
	position:relative;
	z-index:1;
	background:url('../images/eds_b_wrapper.gif') repeat-y left 0;
}
div.height {
	height:260px !important;
}
.hpMod h2 {
	margin:0;
	padding:15px 10px;
	cursor:move;
	background:transparent url('../images/eds_b_top.gif') no-repeat 0 top;
	height:42px;
	width:440px;
}
.hpMod h2 a {
	color:#fff;
	font-variant:small-caps;
	font-weight:100;
	text-transform:none;
	text-decoration:none;
	margin-top:15px;
}
.hpMod h2 a:hover {
	text-decoration:none;
	color:#F96610 !important;
}
.hpSet {
	position:relative;
	float:left;
	width:440px;
	height:auto;
	padding:10px;
	height:210px;
}
.hpSet p {
	float:left;
	padding:0 0 1em 0 !important;
	margin:0;
	width:440px;
	font:normal 14px/19px "Trebuchet MS";
	color:#444;
}
.hpSet p i, .hpSet p em {
	border-bottom:3px double #AB3225;
	margin:0;
	color:#AB3226;
}
.utils p.edit {
	position:absolute;
	top:6px;
	right:15px;
	text-align:center;
	width:59px;
	height:58px;
}
.utils a {
	color:#ff0000;
	padding:0 0 0 10px;
}
.hpSet .ski {
	width:460px;
	display:block;
}
.hpSet .ski b {
	width:440px;
	height:25px !important;
	display:block;
	margin:0 0 0.4em 0 !important;
	padding:0;
	font-weight:normal;
}
.hpSet .ski b span {
	float:left;
	width:155px !important;
	height:22px;
	display:block;
	line-height:22px !important;
}
.hpSet .ski b img {
	float:left;
	width:280px !important;
	height:22px;
	display:block;
}
#bio, #skills {
	position:absolute;
	width:84px;
	height:85px;
	z-index:1003;
	bottom:-7px;
	right:-7px;
}
/*@ Resume */
#resume {
	position:absolute;
	width:175px;
	height:27px;
	z-index:1003;
	bottom:5px;
	right:100px;
}
#resume p.downloadmyCV {
	float:left;
	width:175px;
	height:27px;
	margin:0;
	padding:0;
	display:block;
}
#resume p.downloadmyCV a {
	background:url('../images/downloadmyCV.png') 0 0 no-repeat;
	width:175px;
	height:27px;
	margin:0;
	padding:0;
	display:block;
}
#resume p.downloadmyCV a:hover {
	background-position:0 -27px;
}
#resume p.downloadmyCV a span {
	display:none;
}
/*@ end */
/*@ Services */
.head_services {
	position:absolute;
	width:344px !important;
	height:112px !important;
	z-index:1003;
	top:45px !important;
	left:13px !important;
}
.head_services_title {
	position:absolute;
	width:572px !important;
	height:126px !important;
	z-index:1004 !important;
	top:75px !important;
	right:13px !important;
}
div.categ {
	float:left;
	margin:0 0 0.7em 0 !important;
	padding:0 0 0.5em 0 !important;
	display:block;
	width:950px;
	background:url('../images/border-2-shade.gif') 0 bottom repeat-x;
}
div.categ h4{
	color:#ffcc05 !important;
	font-size:23px !important;
}
div.categ h3 a {
	font-size:27px;
	line-height:1;
	margin-bottom:0.3em;
	color:#ffcc00;
	text-decoration:none;
	height:20px;
	float:left;
	width:100%;
	display:block;
}
div.categ p.txt {
	float:left;
	margin:0.8em 0 0.6em 0;
	display:block;
	width:950px;
	color:#f1f1f1;
}
div.categ p {
	float:left;
	margin:0.4em 0;
	display:block;
	width:950px;
	line-height:20px;
}
div.categ strong, div.categ strong.strong {
	color:#ffcc00 !important;
	background-color:#84000a;
	font-size:13px !important;
	font-weight:normal;
}
div.categ b {
	float:left;
	color:#AB3225;
	font-weight:normal;
	font-variant:small-caps;
	font-weight:bold;
	text-transform:none;
	font-size:13px;
	margin:0.7em 0 0.2em 0 !important;
	width:auto;
}
div.categ h4 {
	font-size:2em;
	line-height:1;
	margin-bottom:0.2em;
	color:#4DBCE9;
}
.clear {
	clear:both;
	height:15px;
}
p.benefits b{
	display:block;
	background-color:#84000a;
	color:#fff !important;
	padding:3px;
}
div.benefitsHolder {
	float:left;
	margin:0.7em 0 0.2em 0 !important;
	width:auto;
}
ul.simpleList {
	margin:1em 0 0 0;
	padding:0;
}
ul.simpleList li {
	list-style:none;
	padding:2px 0 2px 25px;
	margin-bottom:4px;
	background:url('../images/tick.png') 0% 50% no-repeat;
}
/*@ end */
/*--- Facebook and Twitter Application ---*/
#fb {
	position:fixed;
	top:37%;
	left:5%;
	color:#0098b8 !important;
	z-index:99 !important;
}
#tweetmeme {
	position:fixed;
	top:42%;
	left:5%;
	color:#0098b8 !important;
	z-index:66 !important;
}
td.connect_widget_vertical_center {
	color:#0098b8 !important;
}
/*@ end */
/* ----------------------------------------------
 THE END------------------------------------------------- */