@charset "utf-8";
/* CSS Document */

div#preload { display: none; }

body{
	font-family: Arial, sans-serif;	
	background: #fff;
	margin:0;
	padding:0;
}

#wrapperintro
{
 margin:0 auto;
 text-align:center;
 width: 1200px;
 border-top: dashed 1px #c0c0c0;
 border-bottom: dashed 1px #c0c0c0;
 height:300px;
 margin-top:100px;
}

#wrapperintro a
{
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
#wrapperintro a:hover
{
	text-decoration: none;
	color: #999;
	font-size: 14px;
}

#introsite
{
	width:100%;
	margin:0px auto;
	text-align:center;
}


#loading{
	position: relative;
	width:800px;
	height:300px;
	z-index:-1;
	margin:auto;
	text-align:center;
	display: inline-block;
	vertical-align: middle;
}

#intro{
	position: relative;
	left: 130px;
	width:800px;
	height:300px;
	z-index:-1;
	margin:0px auto;
	text-align:center;
	display: inline-block;
}

#intrologo{
   display: inline-block;
   position:relative;
   left:-127px;
   height:298px;
   opacity:.7; 
   filter: alpha(opacity = 70);  
   z-index: 2;
}

#wrapper
{
 width: 1015px;
 background:#ffffff;
 margin: 0 auto;
}

#site
{
	 width: 1015px;
}

#navigation{
	
}

.tabs  {margin: 0px 0; background: #fff; padding: 15px 0px 0px 0px;}
.tabs li{
	float: left; position: relative;
	list-style-type: none;
}
.tabs a {
	padding: 5px 40px; 
	display: block; 
	background: #333333;
	text-decoration: none;
	color: #fff;
	border-radius: 15px 15px 0 0;
	font-size: 12px;
}

.tabs a:hover {
	color: #333333;
	background: #fff;
	text-decoration: none;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	border-top: solid 1px #c0c0c0;
}


.tabs .active {z-index: 3;}
.tabs .active a {background: #fff; 
color: #333333;
border-left: solid 1px #c0c0c0;
border-right: solid 1px #c0c0c0;
border-top: solid 1px #c0c0c0;}

.tabs .active:before, .tabs .active:after, 
.tabs .active a:before, .tabs .active a:after, 
.tabs li:last-child:after, .tabs li:last-child a:after, 
.tabs li:first-child:before, .tabs li:first-child a:before
{
	content: "";
}
.tabs li:before, .tabs li:after, .tabs li a:before, .tabs li a:after {
	position: absolute;
	bottom: 0;
}
.tabs .active:before, .tabs .active:after {
	background: #fff;
}

.tabs li:before, .tabs li:after {
	background: #fff;
	/*width: 10px; height: 10px;*/
	z-index: 1;
}
.tabs li:before { left: -10px; }
.tabs li:after { right: -10px; }

.tabs li a:before, .tabs li a:after {
	width: 0px; 
	height: 10px;
	background: #fff;
	z-index: 2;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.tabs .active a:before, .tabs .active a:after {
	background: #333333;
	z-index: 2;
	height: 14px;
	margin-bottom:1px;
}


.tabs li a:before { left: -20px; }
.tabs li a:after { right: -20px; }

.tabs li:first-child.active a:before, 
.tabs li:last-child.active a:after {background: #fff;}

#leftblock{
	display: inline-block;
	width: 700px;
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	margin-top:0px;
	vertical-align:top;
	height:100%;
}

#rightblock{
	display: inline-block;
	width: 290px;
	height:100%;
	position:relative;
	/*background: url(../images/SKETCHlogo.jpg) no-repeat  bottom center; 
	z-index:100;*/
}



#rightblock a{
	text-decoration: none;
	color: #666666;
	font-size: 10px;
}

#rightblock a:hover{
	text-decoration: underline;
	color: #060;
	font-size: 10px;
}

.partner_desc{
	font-size: 10px;
	color: #454545;
	padding-left: 10px;
	line-height:0px;
	padding-top: 5px;
}

h1.header{
	font-size: 22px;	
	letter-spacing: 3px;
	font-weight: 500;
	padding-left:20px;
	padding-top:15px;
}

h2.header{
	font-size: 12px;	
	letter-spacing: 3px;
	font-weight: bold;
	padding-left: 10px;
	color: #666666;
	padding-bottom: 0;
	
}

h2.projectheader{
	font-size: 12px;	
	letter-spacing: 3px;
	font-weight: bold;
	padding-left: 20px;
	color: #454545;
	padding-bottom: 0;
	
}

p.client{
	font-size: 12px;
	color: #787878;
	padding-left: 10px;
	line-height:0px;
	padding-top: 5px;
}

p.job{
	font-size: 11px;
	color: #333333;
	padding-left: 10px;
	line-height:12px;
	margin:0;
}

p.description{
	font-size: 11px;	
	font-weight: normal;
	padding-left: 10px;
	padding-top:5px;
	color: #666666;
	padding-bottom: 0;
	
}

p.projectclient{
	font-size: 12px;
	color: #787878;
	line-height:0px;
	padding-top: 5px;
	font-weight:bold;
}

p.projectjob{
	font-size: 11px;
	color: #787878;
	line-height:12px;
	margin:0;
}

p.projectdescription{
	font-size: 11px;	
	font-weight: normal;
	padding-left: 10px;
	padding-top:5px;
	color: #232323;
	padding-bottom: 0;
	
}


.job a{
	color: #600;
	text-decoration: none;
	font-size:12px;
}

.job a:hover{
	color: #600;
	font-size:12px;
	text-decoration: underline;
}

#leftblock p{
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

#footer{
	margin-top:10px;
	text-align:left;
	font-size:11px;
	color: #787878;
	border-top: solid 1px #c0c0c0;
}

.button{
	background: #f0f0f0;
	border: solid 1px #e0e0e0;
	padding:5px;
	width: 100px;
	cursor:pointer;
	color: #464646;
}

.greyborder{
	border: solid 1px #f0f0f0;	
}

#leftgalleryblock{
	display: inline-block;
	width: 335px;
	border-left: solid 1px #c0c0c0;
	margin-top:0px;
	padding-left:0px;
	vertical-align:top;
	margin-left:0px;	
	float:left;
}

#middlegalleryblock{
	display: inline-block;
	width: 330px;
	border-left: solid 1px #c0c0c0;
	margin-top:0px;
	padding-left:0px;
	vertical-align:top;
	margin-left:0px;
	float:left;
}

#rightgalleryblock{
	display: inline-block;
	border-left: solid 1px #c0c0c0;
	width: 335px;
	padding-left:0px;
	vertical-align:top;
	margin-left:0px;
	float:left;
}

#projecttypes{
 background: #333333;
 width:225px;
 margin-top: 15px;
 text-align:center;
}

#projecttypes a{
 color: #fff;
 text-decoration:none;
 font-size: 12px;
}

#projecttypes a:hover{
  color: #333333;
  text-decoration:none;
  font-size: 12px;
}

#projecttypes td:hover{
 background: #fff;
 border:solid 1px #f0f0f0;
}