/* CSS Document */
* {
	margin:0;
	padding:0;
	outline:0;
}
a {
	color:#ABCCD9;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#eee;
}
a.terms {background:transparent url(../img/application-pdf.png) no-repeat scroll 0 0;
display:block;
font-weight:bold;
margin:10px 0 10px 0;
padding-left:21px;}
h1 {
	font-family:Verdana;
	font-size:12px;
	color:#ABCCD9;
	margin:15px 0 10px 0;	
}

h2, h3 {
	font-weight:bold;
	font-size:11px;
	margin:10px 0 5px 0;
}
h3 {
	color:#ABCCD9;
	font-weight:normal;
	margin: 15px 0 5px 0;
	padding:0px;
}
img {
	border:0px;
}
body{
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	color:#eee;
	line-height:15px;
	background:url(../img/wallpapernew.gif) top left repeat;
	background-color:#6F6F6F;	
}
ul {
	list-style:none;
}
li {
	list-style:none;
}
textarea {
resize: none;
}
#wrapper {
	width:100%;
	height:100%;	
}
/*
#shadow {
	width:804px;
	height:604px;
	position:absolute;
	top:40%;
	left:50%;
	margin-left: -400px;
	margin-top:-230px;
	background-image:url(../img/bg.png);
}*/
#main {

	position:absolute;
	top:40%;
	left:50%;
	margin-left: -400px;
	margin-top:-230px;

	
	
	width:760px;
	height:560px;
	padding:20px;
	background:#5F5F5F;	
	/*border: 1px solid #98B0BA;*/
	background-position: 20px top ;
	text-align:left;
}
#main p {
	text-align:justify;
}
#main.home {background-image:url(../img/bg.gif);}

#main #header {
	height:90px;
}
#main #header #menu {
	float:left;
	width:523px;	
	height:80px;
	font-size:14px;
	font-family:Trebuchet MS;
}
#main #header #menu ul li span {
	text-indent: -1000px;
	visibility:hidden;
}
#main #header #menu ul{
	list-style:none;
	height:11px;
	margin-top:51px;
}
#main #header #menu ul li{
	display:block;
	float:left;
	list-style:none;
	margin-right:14px;
	height:11px;	
	overflow:hidden;
	background-image: url(../img/menu.dot.gif);
}
#main #header #menu ul li.on a{
	height:11px;	
	background-position : left 0px;
}
#main #header #menu ul li a {
	height:11px;	
	display:block;	
	background-position : left -20px;
}
#main #header #menu ul li a:hover {
	background-position : left 0px;
}

#menu li#home a {
	background-image: url(../img/menu/home.gif);
	width:41px;
}
#menu li#what a {
	background-image: url(../img/menu/what.gif);
	width:90px;
}
#menu li#clients a {
	background-image: url(../img/menu/clients.gif);
	width:58px;
}
#menu li#feedback a {
	background-image: url(../img/menu/feedback.gif);
	width:70px;
}
#menu li#pricing a {
	background-image: url(../img/menu/pricing.gif);
	width:56px;
}
#menu li#about a {
	background-image: url(../img/menu/about.gif);
	width:71px;
}

#menu li#contact a {
	background-image: url(../img/menu/contact.gif);
	width:88px;
}
#main #header #logo {
	float:right;	
	width:234px;
	height:90px;
	background:url(../img/holding/logo.gif) top left no-repeat;	
}
#main #header #logo a {
	width:234px;
	height:90px;
	text-indent:-5000px;
	overflow: hidden;
	display:block;
	letter-spacing: -1px;
}
#main #body {
	color:#eee;	
	height:455px;
	line-height:14px;
}
#main #body p {
	margin-bottom:5px;
}

#main #body ul {
	margin:15px 0 15px 15px;
	text-align:justify;
}
#main #body li {
	margin:0 0 2px 0;
	list-style-image:url(../img/arrow.gif);
}
#main #scroller {
	overflow:auto;
}
#main #scroller #colA {
width:360px;
height:440px;
}
#main #scroller #colB {
margin-right:20px;
width:340px;
}
#main #colA {
	width:420px;
	float:left;
	height:400px;
}
#main #colA {

}
#main #colB {
	float:right;
	height:400px;
	width:315px;
}
#main #footer {
	font-family:arial;
	font-size:9px;
	height:30px;
	color:#ABCCD9;
}
#main #footer p {
	text-align:center;
}

#main #body  ul.links li {
	list-style-image:url(../img/arrow.gif);
	padding-left:0;
	margin-left:0;
	margin-top:10px;
}
#main #body  ul.links li.on {
	list-style-image:url(../img/arrow_down.gif);
}
#main #body  ul.links li.on a {
	font-weight:bold;	
	color:#eee;
} 
#main #body  ul.links li a {
	cursor:pointer;	
}

#main #body  ul.links li.drop {
	list-style-image:none;
	visibility:hidden;
	display:none;
	margin:0;
}
#main #body  ul.links li.dropon {	
list-style-image:none;
	visibility:visible;
	display:block;
	margin:0 0 5px 0;
}


/* ________________ TITLES _____________________________________ */

h1.gfx span {
	display: block;
	background-repeat: no-repeat;
	background-position: left 9px;
	height: 11px;
	letter-spacing: -1px;
	text-indent: -350px;
	overflow: hidden;
}
h1#h1_home span{
	height:41px;
}
h1#h1_home{background:url(../img/titles/welcome.gif) top left no-repeat; margin-top:-2px; margin-bottom:0;}
h1#h1_what{background:url(../img/titles/what.gif) top left no-repeat;}
h1#h1_clients{background:url(../img/titles/clients.gif) top left no-repeat;}
h1#h1_projects{background:url(../img/titles/projects.gif) top left no-repeat;}
h1#h1_pricing{background:url(../img/titles/pricing.gif) top left no-repeat;}
h1#h1_about{background:url(../img/titles/about.gif) top left no-repeat;}
h1#h1_contact{background:url(../img/titles/contact.gif) top left no-repeat;}

/* ________________ CONTACT US _________________________________*/
input.std, select.std, textarea.std {
	width:200px;
	margin-bottom:5px;
	border-top: solid 1px #898989;
	border-right: solid 1px #c2c2c2;
	border-bottom: solid 1px #c2c2c2;
	border-left: solid 1px #898989;
	background: #ffffff url(../img/input_bg.png) no-repeat left top;
	font-family:Verdana;
	font-size:11px;	
	overflow:auto;
	height:20px;
}
input.std {
height:20px;
}
div.but {
	height:11px;
	margin-top:5px;
	overflow:hidden;
	width:420px;
}
div.but input:hover {
	margin-top:-20px;
}
textarea.address {
	height:104px;
}
textarea.message {
	height:100px;
	width:419px;	
}
label.std {
	display:block;
	font-weight:bold;
}
div#contactForm {
padding-top:5px;
}
div#contactForm div.subcolumn {
	width:218px;
}


/*__________________PROJECTS______________________*/

#main #body ul.projects {
	list-style-image:none ;
	padding:0;
	margin:7px 0 0;	
}

#main #body ul.projects li {
	list-style-image:none ;
	padding:2px;
	margin:0;
	width:100%;
	display:block;
	margin-bottom:4px;
}
#main #body ul.projects li:hover {
	background-color: #777;
	cursor:pointer;
}
#main #body ul.projects li.selected {
	background-color: #777;
	cursor:pointer;
}
#main #body ul.projects li:hover a{

}
#main #body ul.projects li:hover div.image{
	/*border:1px solid #CCE0E8;*/
}
#main #body ul.projects div.image {
	width:40px;
	height:40px;
	/*border:1px solid #ABCCD9;*/
	background:white;	
	overflow:hidden;
	float:left;
	margin-right:10px;
}
#main #body ul.projects div.copy {
	float:left;	
	width:340px;
}
#main #body ul.projects div.copy p{
	margin-top:5px;
}
#main #body ul.projects div.image:hover {
	/*border:1px solid #CCE0E8;*/
}
#main #body ul.projects img {
	/*margin-left:-10px;*/
	
}

#main #body #colB #mainImage {
	width:300px;
	height:222px;
	background-color:#666;
	text-align:center;
}
#main #body #colB #mainImage #projectImage{
	cursor:pointer;
}

#main #body #colB #bigImage {
	position:absolute;
	top:40%;
	left:50%;
	margin-left: -380px;
	margin-top:-220px;	
	width:760px;
	height:560px;	
	border:0px solid black;
	text-align:center;
	visibility:hidden;
	color:#fff;
	font-size:16px;
	background-color:#777;
}
#main #body #colB #bigImage #bigTop{height:50px;width:100%}
#main #body #colB #bigImage #bigMiddle{height:20px;width:100%; margin-top:484px; position:relative}

#main #body #colB #bigImage #bigTop #close{ float:right; background-color:#777;padding:5px;cursor:pointer;border-left:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F}
#main #body #colB #bigImage #bigTop #close:hover{background:#ABCCD9; color:#5f5f5f}
#main #body #colB #bigImage #beforeAfter{float:left;width:200px}
div.projectLinkButton {background-color:#777;cursor:pointer; padding:5px; padding-right:10px;border-right:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F}
div.projectLinkButton:hover {background:#ABCCD9; color:#5f5f5f}
#main #body #colB #bigImage #beforeAfter div {background-color:#777;cursor:pointer; padding:5px; padding-right:10px;border-right:1px solid #5F5F5F; border-bottom:1px solid #5F5F5F}
#main #body #colB #bigImage #beforeAfter div:hover, #main #body #colB #bigImage #beforeAfter div.selected{background:#ABCCD9; color:#5f5f5f}
#main #body #colB #bigImage #beforeAfter #beforeTab{float:left;}
#main #body #colB #bigImage #beforeAfter #afterTab{float:left;}
#main #body #colB #nav {
	height:22px;
	width:300px;
	background-color:#777;
	margin-bottom:5px;	
}
#main #body #colB #nav div {
	cursor:pointer;
}
#main #body #colB #nav input {background:none; border:none; color:#fff; font-size:14px; width:20px; padding-bottom: 1px;outline:0; height:22px;}
#main #body #colB #nav input:hover{background:#ABCCD9; color:#000}
#main #body #colB #nav #prev{
float:left;
display:block;
border-right:1px solid #5F5F5F;
padding-right:1px;
}
#main #body #colB #nav #next {
float:right;
display:block;
border-left:1px solid #5F5F5F;
padding-left:1px;
}

.left {float:left}
.right {float:right}
/* ______________________ PROJECT THUMBAILS ______________*/

#main #body #colB #nav #thumbnails {
	float:left;
}
#main #body #colB #nav #thumbnails img {
	margin-right:1px;
	opacity: .5;
	filter: alpha(opacity=50);
	border: 1px solid transparent;
}
#main #body #colB #nav #thumbnails img.selected, #main #body #colB #nav #thumbnails img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	border: 1px solid #ABCCD9;
}
#bigMiddle {
	position:fixed;
	
}
/* ______________________ MISC CLASSES *__________________*/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.req {
	color:#ABCCD9;
	visibility:hidden;	
}
.hidden {
	visibility:hidden; 
	display:none;
}