/* 
Theme Name: Millwork Systems
Theme URI: http://www.millworksystems.com
Description: This theme was created by Owen Piccirillo for Millwork Systems.
Version: 1.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main and Reset
---------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
a:link, a:visited, a.selected { color:#000; text-decoration:none;}
a:hover { text-decoration:underline}
body {
	background:url(images/bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	-webkit-user-select:text;
    -webkit-text-size-adjust:none;	
	overflow-x:hidden;
}

html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -36px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 36px; /* .push must be the same height as .footer */
}
.footer {
	background:#000;
	height:36px;
	position:relative;
	z-index:1000;
}


@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('fonts/helveticaneue-light.eot');
    src: url('fonts/helveticaneue-light.eot') format('embedded-opentype'),
         url('fonts/helveticaneue-light.woff') format('woff'),
         url('fonts/helveticaneue-light.ttf') format('truetype'),
         url('fonts/helveticaneue-light.svg#HelveticaNeueLight') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('fonts/helveticaneue-ultralight.eot');
    src: url('fonts/helveticaneue-ultralight.eot') format('embedded-opentype'),
         url('fonts/helveticaneue-ultralight.woff') format('woff'),
         url('fonts/helveticaneue-ultralight.ttf') format('truetype'),
         url('fonts/helveticaneue-ultralight.svg#HelveticaNeueUltraLight') format('svg');
}


/* Content
---------------------------------------------------------------------------------*/
.header {
	height:206px;
	position:relative;
}
.logo {
	background:url(images/millwork-systems-logo.png) no-repeat;
	width:173px;
	height:111px;
	position:absolute;
	top:38px;
	left:50%;
	margin-left:-86px;
	text-indent:-9999px;	
}
.logo a:link, .logo a:visited{
	display:block;
	width:173px;
	height:111px;
}
.navigation {
	width:800px;
	margin:0 auto;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-400px;
}
.navigation ul {
}
.navigation li {
	display:inline;
	float:left;
}
.navigation li a:link, .navigation a:visited {
	display:block;
	padding:20px 25px;
	font-family: 'HelveticaNeueLight';
	font-size:18px;
	color:#9c9c9c;
	
}
.navigation li a:hover {
	text-decoration:none;
}
.navigation li a.selected {
	color:#cecece;
}



/* Footer
---------------------------------------------------------------------------------*/
.bug {
	background:url(images/bug.png) no-repeat;
	width:26px;
	height:26px;
	position:absolute;
	top:6px;
	left:10px;	
}
.copyright {
	position:absolute;
	top:12px;
	right:10px;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#999;
}
.slogan {
	background:url(images/slogan.png) no-repeat;
	width:300px;
	height:70px;
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-150px;	
}

.contact-copy {
	float:left;
	padding:25px 0px 0px 25px;
	color:#999;
}
.contact-copy strong {
	color:#000;
}

























.content-area {
	background-color:#FFF;
	position:relative;
	z-index:10000;
	width:744px;
	height:442px;
	border:1px solid #999;
	position:relative;
}
.content-area p {
	line-height:20px;
	font-size:12px;
	text-align:justify;
	color:#999;
	width:410px;
	padding:0px 0px 10px 35px;
}

.contact-top {
	background:url(images/bg_form.jpg);
	height:46px;
}
.contact-top p {
	background:url(images/mail-icon.png) no-repeat 11px 14px;
	padding:15px 15px 15px 45px;
	font-size:16px;
	width:685px;
	text-shadow:0px 1px 0px #fff;
}
.contact-bottom {
	background-color:#f5f5f5;
	border-top:1px solid #cfcfcf;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}




.area-image {
	background:url(images/about-us.png) no-repeat;
	width:266px;
	height:442px;
	position:absolute;
	top:0;
	right:0;
}


#example {
	width:746px;
	height:544px;
	position:relative;
	
}
#frame {
	background:url(images/shadow-main.png) no-repeat;
	z-index:0;
	width:960px;
	height:492px;
	position:absolute;
	top:82px;
	left:50%;
	margin-left:-480px;
}
#slides {
	position:absolute;
	top:0px;
	left:-1px;
	z-index:100;
}

.slides_container div.slide {
	width:746px;
	height:444px;
	display:block;
}




.slides_container {
	width:746px;
	background-color:#000;
	overflow:hidden;
	position:relative;
	display:none;
}
.slides_container a img {
	display:block;
}
#slides .next,#slides .prev {
	position:absolute;
	top:207px;
	left:-30px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {
	left:752px;
}
#slides .next:active {
	top:210px;
}
#slides .prev:active {
	top:210px;
}
.pagination {
	margin:18px auto 0;
	width:266px;
}
.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}


.caption {
	display:none;
	z-index:500;
	position:absolute;
	bottom:0px;
	left:0;
	height:15px;
	padding:2px 10px 4px 10px;
	background:#000;
	background:rgba(0,0,0,.4);
	font-size:16px;
	color:#fff;
	text-shadow:0px 1px 0px #000;
	text-transform:uppercase;
}
































/* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  *//* Form styles  */
.form-wrapper {

}
.form-wrapper div{
	position:relative;
}
.form-wrapper p {
	padding:0px;
	margin:0px;
}
.stickBee { display:none;}
fieldset {border:none;}
legend { font-size:18px; display:none;}
label { 
	width:100%;
	color:#777b7f;
	position:absolute;
	top:18px;
	left:10px;
	font-size:13px;
}

input, textarea {
	xborder: 1px solid #cfcfcf;
}

.text-form {
	width:634px;
	height:50px;
	font:13px Arial, Helvetica, sans-serif;
	padding-left:110px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
}
.textarea-form {
	width:704px;
	resize: none;
	font-family:Arial, Helvetica, sans-serif;
	height:223px;
	padding:20px 20px 0px 20px;
	font:13px Arial, Helvetica, sans-serif;
	border:none;
}

.text-form:hover, textarea:hover {  
 background-color:#f9f9f9;

} 

.text-form:focus, textarea:focus{    
 border-color:#000;  
  -webkit-transition: .3s ease-in-out;
  	-moz-transition: .3s ease-in-out;
  	-o-transition: .3s ease-in-out;
		-webkit-box-shadow: inset 0px 0px 6px #007eff;
		-moz-box-shadow: inset 0px 0px 5px #007eff;
		box-shadow: inset 0px 0px 5px #007eff;
		z-index:1000;
} 

.formcheck {float:left; border:none;l margin:4px 8px 0px 0px;}

.submit { 
	background-color:#4d90fd;
	border:1px solid #3079ed;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:8px 20px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1000;
	cursor:pointer;
} 
.submit:hover, .submit:focus {
	background:#3079ed;
}

/* Validation Message: Server-Side */
.msg { 
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
	width: 309px;
	margin: 0 0 10px;
}
.msg.success { 
	border-color: #86a62f;
	background: #faffec;
	color:#000;
}
.msg.error { 
	border-color: #cd5a5a;
	background: #fff7f7;
	color:#000;
}
	
/* Validation Message: Javascript */	
#error {
	display:none;
}
.needsfilled {
	background:#fff7f7;
	border-color: #cd5a5a;
	color:#000;
}

.phone-notify-bg{
	background-color:#000;
	width:300px;
	height:60px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 	box-shadow: 0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	-moz-box-shadow: 0px 0px 12px #000;			
}
.phone-notify-txt {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:60px;
}
.phone-notify {
	position:absolute;
	top:10px;
	right:10px;
	width:300px;
	height:60px;
	z-index:10000;
}
.phone-notify img {
	float:left;
	padding:10px 15px 0px 15px;
}
.phone-notify p {
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	text-shadow:0px 1px 1px #000;
}