@charset "UTF-8";

/* MJSCabinets.com // Main Styles */

/*=====================================================================
		
	Author: Dustin Vaughn-Luma (http://mjscabinets.com)
	Version: 093010
	Copyright: (c)2010 mjscabinets.com / All rights reserved.
	
======================================================================*/

/* =======================================
   =reset
   ======================================= */

/* 
Title:		Reset default browser styles
Author: 	Eric Meyer :: http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/ (with an addition of my own ;))
*/

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	background: transparent;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol,ul {
	list-style: none;
	}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
	}
secton,article,header,footer,nav,aside,hgroup {
	display: block;
	}

/* =======================================
   =master styles
   ======================================= */
   
body {
	height: 100%;
  	color: #B0A8A2;
  	background: url(images/mjs-cabinets-bg.gif) #605953; 	
  	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	font-family: Georgia, Serif;
	line-height: 1.3em;
	}
.page {
	margin: 40px auto 0 auto;
	width: 100%;
	max-width: 960px;
	height: auto;
	}
	
/* begin text and links */

a:link,
a:visited {
	text-decoration: none;
	color: #d8d2ce;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	}
a:hover {
	color: #fff;  /* fallback */
	color: rgba(255,255,255,.9);
	text-decoration: none;
	}
em.small {
	font-size: 0.5em;
	}
em.big {
	font-size: 2.5em;
	}
em.big-end {
	font-size: 2.0em;
	position: relative;
	top: 8px;
	line-height: .2em;
	}
p {
	font-size: 1.1em;
	line-height: 1.3em;
	padding-bottom: 10px;
	}
p.bump-up {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: -20px;
	}
p.italics {
	font-size: 1.1em;
	line-height: 1.3em;
	margin-top: 20px;
	font-style: italic;
	}
	
	/* headers */
	
	header {
		margin: 0;
		padding: 0;
		}
	h1 {
		margin: 0 0 40px 0;
		font-size: 2.8em;
		color: #ECE7E3;
		}
	h2 {
		font-size: 2.2em;
		}
	h3 {
		font-size: 1.2em;
		padding: 10px 0 14px 0;
		}

	/* end headers */
	
/* end text and links */

/* header */

.masthead {
	width: 100%;
	height: 90px;
	clear: both;
	}
#logo {
	width: 410px;
	height: 87px;
	float: left;
	margin-left: 70px;
	overflow: hidden;
	}
#logo ul {
	margin: 0;
	padding: 0;
	}
#logo ul li {
	list-style: none;
	}
#logo ul li a {
	width: 410px;
	height: 87px;
	background: url(images/mjs-title.png) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
	}
#logo ul li a:hover {
	background-position: 0 -88px;
	}
.head-contact-info {
	width: 300px;
	float: right;
	}
.head-contact-info p.phone {
	padding-bottom: 10px;
	font-size: 1.8em;
	}
.head-contact-info p {
	padding-bottom: 10px;
	font-size: 1.2em;
	}
	
/* end header */

/* navigation */

nav {
	margin: 50px 0;
	width: 100%;
	height: 60px;
	max-width: 960px;
	border-top-width: thin;  /* fallback */
	border-top-style: solid;  /* fallback */
	border-top-color: #d8d2ce;  /* fallback */
	border-top: thin solid rgba(216,210,206,.4);
	border-bottom-width: thin;  /* fallback */
	border-bottom-style: solid;  /* fallback */
	border-bottom-color: #d8d2ce;  /* fallback */
	border-bottom: thin solid rgba(216,210,206,.4);
	}
nav ul {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	height: 60px;
	}
nav ul li {
	list-style: none;
	float: left;
	padding-left: 39px;
	}
nav a {
	background: url(images/nav.png) no-repeat;
	width: 158px;
	height: 60px;
	text-decoration: none;
	display: block;
	outline: none;
	}
nav ul li#navPhotos a {
	background-position: 0 0;
	}
nav ul li#navPhotos a.active,
nav ul li#navPhotos a:hover {
	background-position: 0 -65px;
	}
nav ul li#navAbout a {
	background-position: -178px 0;
	}
nav ul li#navAbout a.active,
nav ul li#navAbout a:hover {
	background-position: -178px -65px;
	}
nav ul li#navTest a {
	background-position: -358px 0;
	width: 254px;
	}
nav ul li#navTest a.active,
nav ul li#navTest a:hover {
	background-position: -358px -65px;
	}
nav ul li#navContact a {
	background-position: -630px 0;
	width: 178px;
	}
nav ul li#navContact a.active,
nav ul li#navContact a:hover {
	background-position: -630px -65px;
	}

/* end navigation */

/* =======================================
   =main content
   ======================================= */
   
/* main section */

div.main {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #615A54;  /* fallback */
	background-color: rgba(59,55,51,.3);
	clear: both;
	}
.content-wrap {
	margin: 0 auto;
	padding: 40px;
	width: auto;
	height: 480px;
	font-size: 1.1em;
	}
.left-col {
	margin: 0;
	padding: 0 10px 0 10px;
	width: 33%;
	height: 480px;
	float: left;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #ECE7E3;
	border-right: thin solid rgba(216,210,206,.2);
	}
.left-col p {
	font-size: 1.0em;
	line-height: 1.3em;
	padding: 0 40px 20px 0;
	}
.left-col p.info {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	color: #ECE7E3;
	}
.left-col p.info-last {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	color: #ECE7E3;
	padding-bottom: 40px;
	}
.right-col {
	margin: 0 0 0 50px;
	padding: 0;
	width: 55%;
	height: 420px;
	float: left;
	}
	
	/* home content */
	
	#content-wrap-home {
		margin: 0 auto;
		padding: 40px;
		width: auto;
		height: 420px;
		font-size: 1.1em;
		}
	.left-col-home {
		margin: 0;
		padding: 0 20px 0 10px;
		width: 33%;
		height: 410px;
		float: left;
		border-right-width: thin;
		border-right-style: solid;
		border-right-color: #ECE7E3;
		border-right: thin solid rgba(216,210,206,.2);
		}
	.left-col-home p {
		font-size: 1.0em;
		line-height: 1.3em;
		padding: 0 40px 20px 0;
		}
				
		/* carousel */
		
		#container {
			margin-top: 6px;
			width: 500px;
			height: 440px;
			overflow: hidden;
			}
		#container ol {
			width: 30000px;
			height: auto;
			}
		#container ol li {
			list-style: none;
			float: left;
			width: 500px;
			height: 420px;
			}
	
	/* end home content */
	
	/* photos page */
	
	#photo-wrap {
		margin: 0 auto;
		padding: 50px;
		width: 850px;
		height: 600px;
		}
		
	/* about page */
	
	/* testimonials page */
	
	#content-wrap-testimonials {
		margin: 0 auto;
		padding: 40px;
		width: auto;
		height: 610px;
		min-height: 610px;
		}
		
	/* contact page */
	
	#contact-form {
		margin: 2px 0 0 40px;
		width: 470px;
		height: auto;
		}
	p.contact-title {
    	margin: 0 0 3px 2px;
    	padding: 0;
    	font-size: 1.1em;
    	color: #ECE7E3;
		}
	p.contact-field {
    	margin: 0 0 20px 0;
    	padding: 0;
		}
	input.roundfield {
    	width: 80%;
		border-style: solid;  /* fallback */
		border-width: thin;  /* fallback */
		border-color: #ECE7E3;  /* fallback */
    	border: thin solid rgba(216,210,206,.2);
    	font-family: Georgia, Serif;
    	font-size: 1.1em;
		font-style: italic;
    	color: #ECE7E3;
    	background-color: #605953;
    	padding: 2px 0 2px 2px;
		}
	textarea.roundfield {
		width: 95%;
		border-style: solid;  /* fallback */
		border-width: thin;  /* fallback */
		border-color: #ECE7E3;  /* fallback */
    	border: thin solid rgba(216,210,206,.2);
    	font-family: Georgia, Serif;
    	font-size: 1.1em;
		font-style: italic;
    	color: #ECE7E3;
    	background-color: #605953;
    	padding: 2px 0 2px 2px;
    	overflow: auto;
		}
	input.button {
		height: auto;
		border: none;
		margin: 0;
		padding: 4px 20px 8px 20px;
		outline: none;
		text-decoration: none;
		text-align: center;
		color: #ECE7E3;
		font-family: Georgia, Serif;
		font-size: 1.5em;
		-webkit-transition: color 0.3s ease-in-out, background 0.7s ease-in-out;
		-moz-transition: color 0.3s ease-in-out, background 0.7s ease-in-out;
		-o-transition: color 0.3s ease-in-out, background 0.7s ease-in-out;
		transition: color 0.3s ease-in-out, background 0.7s ease-in-out;
  		background-color: #571515; 		
		}
	input.button:hover,
	input.button:focus {
		color: #fff;
  		background-color: #771c1c;
		text-decoration: none;
		cursor: pointer;
		}

	/* end contact form */
	
	/* sitemap */
	
	ul.in {
		margin: 10px 0 0 70px;
		padding: 0;
		}
	ul.in-more {
		margin: 8px 0 20px 20px;
		padding: 0;
		}
	ul.in-more li {
		padding: 4px 0;
		}
	ul.in-most {
		margin: 0 0 0 20px;
		padding: 0;
		}
	
	/* end sitemap */
	
/* =======================================
   =footer
   ======================================= */
	
footer {
	margin: 40px auto 0 auto;
	padding: 0;
	width: 100%;
	max-width: 960px;
	height: 220px;
	clear: both;
	border-top-width: thin;  /* fallback */
	border-top-style: solid;  /* fallback */
	border-top-color: #d8d2ce;  /* fallback */
	border-top: thin solid rgba(216,210,206,.4);
	}	
#foot-left {
	margin-top: 20px;
	padding: 10px 0 0 50px;
	width: 42%;
	height: 80px;
	float: left;
	}
#foot-left p.phone {
	padding-bottom: 10px;
	font-size: 1.8em;
	}
#foot-left p {
	padding-bottom: 10px;
	font-size: 1.2em;
	}
#foot-right {
	margin: 26px 0 0 30px;
	padding: 10px 20px 0 0;
	width: 46%;
	height: 120px;
	float: left;
	}
#foot-right ul {
	margin: 0;
	padding-left: 5px;
	height: 20px;
	}		
#foot-right ul li {
	list-style: none;
	}
#foot-right ul li a {
	display: block;
	outline: none;
	float: left;
	padding: 0 12px;
	font-size: 0.8em;
	font-size: 14px;
	border-right: thin groove #d8d2ce;
	}
#foot-right ul li a.no-line {
	border: none;
	}
#foot-right p.copy {
	padding: 40px 10px 0 0;
	font-size: 0.8em;
	text-align: right;
	}
#foot-right div.site-credit {
	margin: 0;
	width: 70px;
	height: 40px;
	float: right;
	}
#foot-right div.site-credit ul {
	margin-top: 10px;
	padding: 0;
	}
#foot-right div.site-credit ul li {
	list-style: none;
	}
#foot-right div.site-credit ul li a {
	background: url(images/wp-credit.png) no-repeat;
	text-decoration: none;
	border: none;
	display: block;
	outline: none;
	width: 70px;
	height: 17px;
	}
#foot-right div.site-credit ul li a:hover {
	background-position: 0 -17px;
	}