html{
height: 100%;
}

body {
margin:0px;
text-align:left;
font-family:"Trebuchet MS";
font-size:13px;
background-image:url(images/bg.gif);
height: 100%;
}

a:hover {
color:#006699;
text-decoration:none; !important
}

a {
font-family:"Trebuchet MS";
color:#006699;
text-decoration:underline;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

h2 {
	font-size: 30px;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

hr{
clear : both;
color : #cccccc;
background : inherit;
height : 1px;
margin : 10px 0px 20px 0px;
border-top : solid 1px #cccccc;
border-bottom : none;
}

.divider{
/*float:left;*/
background-color:#666666;
width:1px;
height:25px;

}

.title {
border-bottom:5px solid #000000;
width: 280px;
cursor: pointer;
height: 45px;
font-family:Georgia, "Times New Roman", Times, serif;
}	

	.title h2{
	padding: 0px;
	margin: 0px;
	padding-top:5px;
	font-size:28px;
	font-weight: normal; 
	float: left;
/*	font-style:italic;*/
	}

	.title a{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	width:225px;
	display:block;
	background-repeat: no-repeat;
	background-position: right;
	display:block;
	height:100%;
	width:100%;
	}

#webTitle a{
color: #c30042; 
background-image: url(images/bigArrowWeb_r.gif);
}

#webTitle a:hover {
cursor:pointer;
text-decoration:none;
color: #f10f47;
background-image: url(images/bigArrowWeb_over.gif);
}

#printTitle a{
color: #0d877d; 
background-image: url(images/bigArrowPrint_r.gif);
}

#printTitle a:hover {
color: #2ea89e;
text-decoration:none;
background-image: url(images/bigArrowPrint_over.gif);
}
#printTitle a:hover h2 {
cursor:pointer;
color: #2ea89e;
}

#uiTitle a{
color: #898700; 
background-image: url(images/bigArrowUI_r.gif);
}

#uiTitle a:hover {
color: #aaa805;
text-decoration:none;
background-image: url(images/bigArrowUi_over.gif);
}
#uiTitle a:hover h2 {
cursor:pointer;
color: #aaa805;
}

.top{
padding-left:55px;
float:left;
width:960px;
_width: 1015;
}

.top .logo{
float:left;
height:80px;
background:#000000;
}
.top .logo a {
font-size: 0px;
line-height: 0px;
}

.top .menu{
font-size:13px;
vertical-align:middle;
float:left;	
width:735px;
height:80px;
background-color: #eeeeee;
position: relative;
}

.top .menu ul{
margin: 0;
padding-top:20px;
padding-left:10px;
padding-right:25px;
margin-top:15px;
float: left;
clear: both;
list-style: none;
vertical-align:middle;	
}
	.top .menu ul li{
	padding: 0px 20px 0px 20px;
	margin: 0;
	float: left;
	display: block;
	}
	
	.top .menu ul li a.active{
	display: block;
	float: left;
	border-bottom: solid 4px #000000;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	}
		
		.top .menu ul li a{
		float: left;
		font-size:13px;
		font-weight: bold;
		color: #02699c;
		text-decoration:none;
		}

		.top .menu ul li a:hover{
		float: left;
		border-bottom: solid 4px #000000;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
		}		
		
	.top .contactForm{
	float:right;
	padding-top:0px;
	text-align:center;
	padding-right: 22px;
	}

		.top .contactForm a{
		text-decoration:underline;
		color: #c30042;
		padding-right: 15px;
		background-image:url(images/smallArrow_r.gif);
		background-position:right;
		background-repeat:no-repeat;
		}

		.top .contactForm a:hover{
		text-decoration:none;
		}		
		
.top .subMenu {
background:url(images/black_line.gif) 133px 10px no-repeat;
color:#000000;
font-size:11px;
clear:both;
padding-top:35px;
padding-left:123px;
position: absolute;
margin-top: 60px;
*margin-top: -20px;
margin-left: 223px;
}

/*middle*/

div.mainWrapper {
   min-height: 100%;
/* height: auto !important;*/
   height: 100%;
   margin: 0 auto -115px auto;
}

.middle {
padding-left:55px;
width:955px;
clear:both;
padding-top:40px;

}

#mainContent{
padding-left: 0px; !important
width:1006px; !important
}

#worksList{
/*width:1006px; !important*/
}


.wrapper{
width:1006px;
/*padding-left:55px;*/
padding-top:25px;
padding-bottom:150px;
height:auto;
float:left;
}

.portfolioItem{	
	color:#777777;
	font-size:13px;
	float:left;
	padding-top:10px;
	padding-bottom:20px;
	width: 225px; 
	height: 225px;
	margin-right:18px;
	border-top: solid 5px #000000;
}

.portfolioList{
	color:#777777;
	font-size:13px;
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	width: 285px; 
	height: 225px;
	margin-right:50px;
}

	.portfolioItem h1, .portfolioList h1 {
	font-size:13px;
	padding:0px;
	color:#000000;
	font-weight:bold;
	}	
	
	.portfolioList ul.list{
	padding-top:10px;
	} 
	
		.portfolioList ul.list li{
		padding:5px 0px 5px 0px;
		}
		
				.portfolioList ul.list li a{
				display:block;
				color:#666666;
				padding:5px;
				}
				
				.portfolioList ul.list li a:hover{
				color:#757575;
				/*background:url(images/greyArrow_right.gif) right no-repeat;*/
				/*background-color:#f0f0f0;*/
				/*border:solid 1px #dfdfdf;*/
				padding:5px;
				}
	
			.portfolioList ul.list li h1{
			font-size:13px;
			font-family:"Trebuchet MS";
			padding:0px;
			color:#000000;
			font-weight:bold;
			} 	
			
			.portfolioList ul.list li a:hover h1{
			color:#006699;
			text-decoration:none;
			}
	
	.portfolioItem a, .portfolioList a{
	color:#000000;
	text-decoration:none;
	}
	
	.portfolioItem a:hover, .portfolioList a:hover{
	color:#006699;
	text-decoration:none;
	}
	
	.portfolioItem img, .portfolioList img{
	margin-top:10px;
	padding:3px;
	border: 1px solid #CCCCCC;
	}
	
	.portfolioItem a img{
	border: 1px solid #CCCCCC;	
	}
	
	.portfolioItem a:hover img{
	padding:0px;
	border: 4px solid #006699;	
	}
		
.portfolioTotalNumber {
padding-left: 20px;
padding-top: 10px;
color:#999999;
}

.seeAll{
float:left;
}	
/*end middle*/

/*innerContent*/
.headerSubpage{
height:80px;
text-align: left;
/*line-height:80px;*/
/*margin-left:56px;*/
/*width:930px;*/
/*margin-bottom:30px;*/
color:white;
}

.headerSubpage h1{
font-size:32px;
float:left;
padding-left:15px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:80px;
width:330px;
}

.headerSubpage a:link{
color:#FFFFFF;
font-weight:normal;
}

.headerSubpage a:visited{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

.headerSubpage  div.TotalNumber {
font-size: 12px;
float:left;
padding-left:15px;
line-height:80px;
}
.headerSubpage div#smallMenuArea {
	width: 380px;
	height: 80px;
	overflow: hidden;
/*	position: absolute;*/
	right: 510px;
}
.headerSubpage#webHeader div#smallMenuArea a {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #dd697f;
	line-height: 18px;
}

.headerSubpage#webHeader div#smallMenuArea a:hover {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #ffb4c2;
	line-height: 18px;
}

.headerSubpage#webHeader div#smallMenuArea a.Active {
	text-decoration: none;
	color: #ffe8ec;
}

/* ui */

.headerSubpage#uiHeader div#smallMenuArea a {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #adc058;
	line-height: 18px;
}

.headerSubpage#uiHeader div#smallMenuArea a:hover {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #d2ea69;
	line-height: 18px;
}

.headerSubpage#uiHeader div#smallMenuArea a.Active {
	text-decoration: none;
	color: #f2fdc3;
}

/* print */

.headerSubpage#printHeader div#smallMenuArea a {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #66cacb;
	line-height: 18px;
}

.headerSubpage#printHeader div#smallMenuArea a:hover {
	text-decoration: none;
	display: block;
	font-size: 11px;
	color: #98e1e2;
	line-height: 18px;
}
/*end defining colors*/

.headerSubpage#printHeader div#smallMenuArea a.Active {
	text-decoration: none;
	color: #d4f8f8;
}

.headerSubpage div#smallMenuArea table {
	position: relative;
	margin-left: 0px;
	display: none;
}
.headerSubpage div#smallMenuArea table  td{
/*	width: 200px;*/
	vertical-align: top;
	padding: 7px 0px 5px 0px;
}
#listLeft {
	position: absolute;
	margin-top: 25px;
	margin-left: 300px;
	width: 14px;
	height: 21px;
	background: url(images/whiteArrow_left.gif);
	/*opacity: .5;
	filter: alpha(opacity=50, finishopacity=10);*/
	display: none;
}
#listRight {
	position: absolute;
	margin-top: 25px;
	margin-left: 780px;
	width: 14px;
	height: 21px;
	background: url(images/whiteArrow_right.gif);
	/*opacity: .5;
	filter: alpha(opacity=50, finishopacity=10);*/
	display: none;
}
#listLeft a,
#listRight a{
	display: block;
	width: 14px;
	height: 21px;
}

#webHeader{
background-image: url(images/sideLine_web.gif);
}
#webHeader.Over {
background: #c7124f;
}

#printHeader{
background-image: url(images/sideLine_print.gif);
}
#printHeader.Over {
background: #009999;
}

#uiHeader{
background-image: url(images/sideLine_ui.gif);
}
#uiHeader.Over {
background: #7c9900;
}

.innerContent{
/*padding-left:56px;*/
width:976px;
margin-top: 30px;
}

.innerDefault{
/*padding-left:56px;*/
padding-bottom:25px;
width:976px;
margin-top: 10px;
}

.allWorksLink {
width:130px;
padding-top:23px;
padding-right:20px;
margin-left:40px;
display:block;
height: 35px;
float: right;
line-height: 35px;

}

.allWorksLink a{
color:#FFFFFF;
text-decoration:none;
padding:0px 10px 0px 10px ;
height:100%;
display: block;
background-repeat:no-repeat;
background-position:right;
background-position:middle;
-moz-border-radius: 4px;	
}

#allWorksWeb a{
background-color: #d20053;
background-image:url(images/whiteArrow_d.gif);
}

#allWorksWeb a:hover{
background-color: #de0058;
}

#allWorksPrint a{
background-color: #00a8aa;
background-image:url(images/whiteArrow_d.gif);
}

#allWorksPrint a:hover{
background-color: #00b4af;
}

#allWorksUI a{
background-color: #8baa00;
background-image:url(images/whiteArrow_d.gif);
}

#allWorksUI a:hover{
background-color: #97af00;
}

#firstPopup {
	position: absolute;
	width: 955px;
	margin-top: -8px;
	display: none;
	opacity: .0;
	filter: alpha(opacity=0, finishopacity=0);
	z-index: 30;
}
#secondPopup {
	position: absolute;
	width: 955px;
	margin-top: 64px;
	display: none;
	opacity: .0;
	filter: alpha(opacity=0, finishopacity=0);
	z-index: 30;
}
#firstPopup .headerSubpage,
#secondPopup .headerSubpage{
	cursor: pointer;
}


/*end Inner Content*/

div.footer{
height: 100px;
clear: both;
padding-top:10px;
position: relative;
background-color: #000000;
color:#666666;
font-size:12px;
width:100%;
/*width:1024px;*/
/*background-image:url(images/bgFooter.gif);*/
border-top:solid 5px #111111;
/*margin-top:100px;*/
}

div.nudge{
/*padding-top:100px;*/
margin-top:100px;
/*height: 60px;*/
clear: both;
}

.footer .logo{
float:left;
margin-right:25px;
color:#666666;
font-size:11px;
}

.footer .logo a{
padding-left:50px;
}

.footer .copyrights{
padding-left:52px;
}

.footer .menu{
font-size:13px;
padding-top:10px;
margin-left:30px;
float:left;	
width:650px;
height:46px;
color:#FFFFFF;

}

.footer .menu ul{
margin: 0;
padding-left:10px;
padding-top:15px;
float: left;
clear: both;
list-style: none;
vertical-align:middle;	
}

	.footer .menu ul li{
	padding: 0px 20px 0px 20px;
	margin: 0;
	float: left;
	display: block;
	}
		.footer .menu ul li a{
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		}		
			.footer .menu ul li a.active{
			float: left;
			border-bottom: solid 4px #666666;
			display: block;
			font-weight:bold;
			color:#666666;
			text-decoration:none;
			}

		
		.footer .menu ul li a:hover{
		float: left;
		border-bottom: solid 4px #FFFFFF;
		display: block;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		}

	.footer .menu ul li:last-child{
	padding: 0px 20px 0px 20px;
	margin: 0;
	float: left;
	display: block;
	border-right: none;
	}
	
	.contacts{
	float:right;
	vertical-align:top;
	padding-right:15px;
	font-size:12px;
	color:#666666;
	width:160px;
	padding-top:17px;
	line-height:22px;
	}
	
	.contacts a{
	text-decoration:underline;
	color:#666666;
	line-height:21px;
	}
	
	.contacts a:hover{
	text-decoration:none !important;
	color:#666666;
	}	
	
	.contacts .skypeBtn{
	background:url(images/skypeIcon.png) bottom left no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/skypeIcon.png,sizingMethod=crop);
	height:18px;
	padding-left:22px;
	}
	
	.contactFormLink a{
	float: left;
	padding-top: 10px;
	width: 110px;
	height: 32px;
	background-color: #242424;	
	text-align: left;
	padding-left: 12px;	
	background-image:url(images/smallArrowCF.gif);
	background-position: 103px 15px;
	background-repeat:no-repeat;
	-moz-border-radius: 4px;	
	}
	
	.contactFormLink a {
	color: #666666;
	text-decoration: underline;
	}
	
	.contactFormLink a:hover{
	color: #666666;
	text-decoration: none;
	background-color: #323232;	
	}

.backLink{
clear:both;
padding-top:15px;
font-size:12px;
}

.headerWork{
margin-top: 30px;
}

.headerWork h1{
float:left;
display:block;
padding-bottom:15px;
padding-top:0px;
font-weight:normal;
font-size:25px;
}

.worksArrows{
float:right;
padding-top:7px;
}

.PNarrows {
float:left;
height:21px;
width:34px;
}

.PNarrows a {
display:block;
float:left;
width:34px;
height:21px;
background-repeat:no-repeat;
}

#arrowLeft a {
background-image:url(images/greyArrow_left.gif);
background-position:left;
background-repeat:no-repeat;
}
#arrowLeft a:hover {
background-image:url(images/greyArrow_left_over.gif);
background-position:left;
background-repeat:no-repeat;
}

#arrowLeft.Inactive {
background-image:url(images/greyArrow_left.gif);
background-repeat:no-repeat;
}

#arrowRight a {
background-image:url(images/greyArrow_right.gif);
background-position:right;
background-repeat:no-repeat;
}
#arrowRight a:hover {
background-image:url(images/greyArrow_right_over.gif);
background-position:left;
background-repeat:no-repeat;
}

#arrowRight.Inactive {
background-image:url(images/greyArrow_right.gif);
background-repeat:no-repeat;
}


.worksArrows .divider {
float:left;
height:20px;
width:1px;
margin:0px 5px 0px 5px;
background-color:#999999;
}

.workArea {
/*width:1100px;*/
}

.workArea .task{
font-size:14px;
color: #333333;
width:275px;
float:left;
padding-bottom:30px;
padding-right: 35px;
}

.workArea div.description{
font-size:13px;
color: #737373;
width:275px;
float:left;
padding-bottom:30px;
padding-right: 35px;
}
.workArea div.description p {
	border-top:solid 5px #666666;
	width:260px;
}
.workArea p.description {
	border-top:solid 5px #666666;
	width:260px;
}

#na{
display:block;
visibility:hidden;
}

.workArea .task h3{
padding-bottom: 7px;
font-weight:bold;
font-size:15px;
color: #333333;
}

.workArea .task .link{
padding-bottom:10px;
/*font-style:italic;*/
}

.workScr{
float:left;
margin-bottom:100px;
_width: 960px;
}

#categoryName {
	display: none;
}

span.TitleArea {
	display: none;
}
h1#title {
opacity: .05;
filter: alpha(opacity=5, finishopacity=5);
}
div#contentHolder {
opacity: .05;
filter: alpha(opacity=5, finishopacity=5);
}

div.FormText {
	font-size:14px;
	padding: 0px 0px 17px 0px;
	width:955px;
	color:#666666;
	border-bottom: 1px solid #dcdcdc;
}
div.FormArea {
	width:925px;
	margin-top:20px;
	border:solid 1px #DDDDDD;
	background-color:#EEEEEE;
	padding:15px;
	float: left;
	margin-bottom:50px;
}
table.Form {
	float:left;
}
table.Form th, td {
	font-weight: normal;
/*	font-style:italic;*/
	font-size:16px;
	vertical-align: middle;
	text-align: left;
	padding: 0px 16px 0px 0px;
	color:#333333;
}
table.Form td {
	font-size:16px;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	color: #333333;
	padding: 5px 0px 5px 0px;
}
div.FormButtons {
	text-align: right;
	padding: 24px 0px 0px 0px;
	margin-top: 19px;
	border-top: 1px solid #c9c9c9;
}
div.FormButtons input{
	/*width: 70px;*/
	background:url(images/submit-btn.gif) no-repeat;
	border:none;
	height:41px;
	width:153px;
	padding:0px 23px;
	text-align: center;
	color:#FFFFFF;
	float: right;
	cursor:pointer;
}

div.FormButtons input:hover{
	background-position:0 -41px;

}


table.Form input.text, select{
 	width: 230px;
	height: 20px;
	border: 1px solid #d2d2d2;
	padding: 10px 10px;
	color: #000000;
	font-size: 16px;
	float: left;
}
table.Form select {
 	width: 308px;
	height: 24px;
}
table.Form textarea{
	width:350px;
	-width:340px;
	border: 1px solid #d2d2d2;
	padding: 10px 10px;
	color: #000000;
	font-size: 16px;
	float: left;
	margin-right: 5px;
	font-family:"Trebuchet MS";
}
span.req {
	color: #ff0000;
}

.noPageBlock{
	width:550px; 
	float:left; 
	padding:20px; 
	background-color:#EEEEEE;
	border:solid 1px #DDDDDD;
/*	-moz-border-radius: 6px;*/
	color:#999999;
}
.promoBlockArea {
/*	padding-left:55px;*/
	float:left; 
}
.promoBlock{
	width:955px; 
/*	height:150px;*/
	padding:0px; 
	border:solid 1px #DDDDDD;
	background-color:#EEEEEE;
	background-image:url(images/bg-header.gif);
/*	background:#EEEEEE url(images/bg_header.png) no-repeat;*/
/*	-moz-border-radius: 6px;*/
	color:#999999;
}

.promoBlock .links{
padding-top:20px;
vertical-align:middle;
line-height:31px;
width:99%;
}

	.promoBlock .links a.watchProject {
	float:right;
	background:url(images/watchProj-btn.gif) no-repeat;
	width:115px;
	height:31px;	
	}
	
	.promoBlock .links a.watchProject:hover{
	background-position:0 -31px;
	}
	
	.promoBlock .links a{
	font-size:16px;
	}



.promoBlock h1{
	margin:0px;
	padding:18px 0 25px 0;
	font-size:46px;
	line-height:45px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#333333;
}

	.promoBlock h1 a{
	color:#333333;	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	}

	.promoBlock h1 a:hover{
	color:#666666;
	}
	.noPageDescription {
	padding-left:20px;
	}

.noPageDescription h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
}

.noPageDescription h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	padding-bottom:20px;
}

/************** Test Styles ************/
.b1{ border: 1px solid red !important; }

.Clear {
clear:both;
}

.pad30{
width:100%;
height:30px;
}

.pad50{
width:100%;
height:50px;
}

.lastWork{
width:82px;
height:46px;
position:absolute;
background:url(images/lastWork.gif) right bottom no-repeat;
}

.homeIcon a{
width:30px;
height:26px;
position:absolute;
float:none;
margin-top:35px;
margin-left:7px;
background:url(images/homeIcon.gif) no-repeat;
}

.homeIcon a:hover{
background-position:0 -26px;
}

.letsTalk{
color:#666666; 
float:left; 
padding-top:3px; 
padding-right:30px
}

.footerWrapper{
width:1005px;
}

.introduction .testimonial{
font-size:15px;
font-style:italic;
color:#888888;
}

.introduction .testimonial span{
padding-top:10px;
}


.introduction .testimonial .author{
color:#333333;
font-weight:normal;
padding-top:10px; padding-left:50px;
/*font-style:normal;*/
}