@charset "utf-8";
body {background-color:/*#322c28;*/#151210; text-align: center; color: #FFF;}
.wrapper #container {width: 1024px; margin: 0 auto; text-align: left; background-image:url(../images/bg.jpg); background-position:center top; background-repeat:no-repeat;}

/* Header/Logo/Menu */
.wrapper #header {padding: 69px 0 0 0;}
.wrapper #header .logo {height:57px; padding-left:76px;}
.wrapper #header .menu {height:75px; background-image:url(../images/bg-menu.png); background-position:top; background-repeat:repeat-x; font-family:"Times New Roman";}
.wrapper #header .menu ul {list-style:none outside none; padding-top:10px; padding-left:45px;}
.wrapper #header .menu ul li {float:left; background-image:url(../images/bullet.gif); background-position:left; background-repeat:no-repeat; padding-right:35px;}
.wrapper #header .menu ul li a {display:block; color:#FFF; font-size:17px; text-decoration:none; padding:0 10px}
.wrapper #header .menu ul li a:hover {color:#ee0081}
.wrapper #header .menu ul li a span {display:block; text-transform:uppercase;}
.wrapper #header .menu ul li a span.small {font-size:9px; padding-bottom:3px; padding-top:2px;}

/* Main content */
.wrapper #mainContent {padding:0 75px 0 75px;}
.wrapper #mainContent .bigImage {background-color:#FFF; padding:10px}
.wrapper #mainContent .bigImage .slideshow {width:851px; height:338px; overflow: hidden;}

/* Main: 2 columns layout */
.wrapper #mainContent .holder {float:left; width:420px; height:180px; text-align:justify;}
.wrapper #mainContent .holder h1 {font:14px "Times New Roman", Times, serif; text-transform:uppercase;  padding-top:15px; padding-bottom:12px;}
.wrapper #mainContent .holder #pane1 {height:195px; overflow:auto;}
.wrapper #mainContent .holder #pane1 table {font-size:11px;}
.wrapper #mainContent .holder #pane2 {height:150px; overflow:auto;}
.wrapper #mainContent .holder #pane2 img {border:1px solid  #FFF; padding:4px; background:#000; margin-right:10px;}
.wrapper #mainContent .holder #pane2 p {margin-bottom:0.6em; line-height:11px;}

/* Testimonial page logos*/
.wrapper #mainContent .holder #pane2 #logos{background:none; padding:0; margin:0;}
.wrapper #mainContent .holder #pane2 #logos img{border:none; background:none; padding:0; margin:0;}

/* Portfolio page v1 */
.wrapper #mainContent .holderFolio {width:874px; height:530px; text-align:justify;}
.wrapper #mainContent .holderFolio h1 {font:14px "Times New Roman", Times, serif; text-transform:uppercase;  padding-bottom:12
px; float:left;}
.wrapper #mainContent .holderFolio .folioLinks {font:14px "Times New Roman", Times, serif; text-transform:uppercase; }
.wrapper #mainContent .holderFolio .folioLinks a {color:#8b796e; text-decoration:none}
.wrapper #mainContent .holderFolio .folioLinks a:hover {color:#ee0081;}
.wrapper #mainContent .holderFolio .folioLinks li {list-style:none; float:right; padding-left:20px;}
.wrapper #mainContent .holderFolio #paneFolio {height:485px; overflow:auto; padding-top:7px; padding-left:10px;}

/* Fancy thumbnails */
ul.thumb li {
	float: left; width: 201px; height: 112px; 
	list-style:none; padding-right:10px; padding-bottom:10px;
	position: relative;} /* Set the absolute positioning base coordinate */
ul.thumb li img {
	position: absolute; padding:3px; border:solid 4px #000;
	background-color:#FFF;
	-ms-interpolation-mode: bicubic;} /* IE Fix for Bicubic Scaling */
ul.thumb li img.hover {
	background-color:#ee0081;
	border-width:2px;
}

/* Portfolio page v2 */
.wrapper #mainContent .holderFolio2 {width:874px; height:172px; text-align:justify;}
.wrapper #mainContent .holderFolio2 h1 {font:14px "Times New Roman", Times, serif; text-transform:uppercase;  padding-top:15px; padding-bottom:12px; float:left;}
.wrapper #mainContent .holderFolio2 .folioLinks {font:14px "Times New Roman", Times, serif; text-transform:uppercase;  padding-top:15px; padding-bottom:12px;}
.wrapper #mainContent .holderFolio2 .folioLinks a {color:#8b796e; text-decoration:none}
.wrapper #mainContent .holderFolio2 .folioLinks a:hover {color:#ee0081;}
.wrapper #mainContent .holderFolio2 .folioLinks li {list-style:none; float:right; padding-left:15px;}
.wrapper #mainContent .holderFolio2 #paneFolio {height:118px; overflow:auto; padding-top:7px; padding-left:10px;}

/* Contact form */
.wrapper #mainContent .holder #pane2 form {}
.wrapper #mainContent .holder #pane2 input {
	float: left;
	width:161px;
	height:20px;
	color:#7b7561;
	margin-bottom:16px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	border:none;
	padding-left:-5px;
}
.wrapper #mainContent .holder #pane2 input.comments{margin-bottom:0;}
.wrapper #mainContent .holder #pane2 textarea {
	width:250px; height:96px; color:#7b7561; 
	font-family:Tahoma, Geneva, sans-serif; font-size:11px; 
	border:none; padding-top:3px; padding-left:5px; margin-top:-1px; overflow:hidden;
}
.wrapper #mainContent .holder #pane2 button {float:right; margin-right:3px; font-size:18px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;  color:#FFF;}
.wrapper #mainContent .holder #pane2 button:hover {color:#ee0081}
.wrapper #mainContent .holder #pane2 .bSend {
	width:50px;
	height:22px;
	border:none;
	background-color:transparent;
	cursor:pointer;
}
.wrapper #mainContent .holder #pane2 .bClear {width:64px; height:24px; border:none; background-color:transparent; cursor:pointer;}

#form div {
	position:relative;
	float:left;
	width:161px;
}
label.overlabel {
	position:absolute;
	top:2px;
	left:34px;
	z-index:1;
	color:#7b7561;
	margin: 2px 0 0 2px;
}
label.error {position:absolute; top:22px; left:5px; z-index:1; color:red; text-align:left;}

/* Other */
.clear {clear:both}
.color {color:#ee0081}
.color2 {color:#7f7760}
.text10px {font-size:10px}

/* Footer */
.wrapper #footer {padding: 0 75px 0 75px;; height:37px;background-image:url(../images/bg-footer.png); background-position:top; background-repeat:repeat-x; font-size:11px}
.wrapper #footer p {padding: 10px 0; margin:0;}