/*

Title: Think-Make
Author: kait mcnallu
Email: kait@think-make.com	


---------------------------------------------------------------------- */


/* =BODY
---------------------------------------------------------------------- */
html {
	height:100%;
	background-attachment:fixed;
	background-image: url(img/backshadow.jpg);
	background-repeat: repeat-y;
	background-position: center;

}

body {
	margin:0px auto;
	width:100%;
	height:100%;
	position:relative;
	color:#CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFF;
	background-image: url(img/backshadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}


/* =LAYOUT
---------------------------------------------------------------------- */




div#main {
	width: 970px;
	margin: 0px auto;

}

header {
	height:198px;
	background:url(img/head-bg-tile-shadow.png) top repeat-x;

	position:fixed;
	top:0; z-index:100;

}

header div { width:970px; align:center; margin:0 auto;}
#spacing {
	float:none;
	color: #000;

	padding-top: 15px;
	padding-bottom:15px;
}
section#introduction { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#work { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#about { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#services { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#pricing { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#contact { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }



section#work { width:100%; margin:-194px 0 194px 0; padding:194px 0 0 0; float:left; }
section#work p { width:280px; float:left; padding:0 46px 0 0; margin:0 0 0 -0.4em; }
section#work p:first-child { padding:0 0 0 0.4em; }
section#work p img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
section#work p img:hover { opacity:0.9; }


#footer { width:900px; background:#271f13; padding:2em; margin:4.5em 0 0 0; float:left; position:relative; }

/* =NAVIGATION
---------------------------------------------------------------------- */
#nav {
	height: 163px;
	width: 157px;
	background-image: url(img/navback.gif);
	background-repeat: no-repeat;
	top: 0px;
	right:70;
	float:right;
	visibility: inherit;
	
	

}

#navlist {
	margin-top: 50px;
	padding-right:10px;
	width:70px;
}

.one {
line-height:20px;
	background-color: #FFF;
	padding-left:10px;
	margin-right:50px;

}




#nav a{
	color: #000;
}
#nav a:hover{
	color: #099;	
}


/* =CONTENT
---------------------------------------------------------------------- */
.worktop {

padding-top:10px;
}

.shadow {
		-webkit-box-shadow: 0x 0px 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
	margin:5px;

}

hr {display: none;}



blockquote { color:#6f4c2a; font-size:1.1em; font-weight:bold; }

section { font-size:11px; line-height:1.5em; padding:0 0 1.5em 0; }
small { font-size:10px; }

.center { display:block; width:auto; margin:0 auto; }

.mainPhoto {align:center; -webkit-transition: all 0.8s ease-in-out; padding-top:102px ; padding-bottom:0px; }

#fade {
	padding-bottom: 120px;
	margin-top: -20px;
	height:500px;
	vertical-align: top;
}
#fade img {
padding-right:0px;	
	
}

#fadedash {
	margin-top: -20px;
	height:1500px;
	vertical-align: top;
	background-color: #000;
	background-image: url(../images/dash.png);
	background-repeat: repeat;

}

#fadewall {
	margin-top: -20px;
	height:1500px;
	vertical-align: top;
	background-color: #000;
	background-image: url(../images/triangletile.png);
	background-repeat: repeat;
}

#aboutbox {
	background-image: url(img/aboutback.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 300px;
	padding-right:90px;
	text-align:justify;
	padding-top: 120px;
	margin-top: -40px;
	height:500px;
	background-color: #303030;	
}


#workbox {
	padding:90px;
	text-align:justify;
	margin-top: -40px;
	height:1500px;
	background-color: #CCC;
}

h2 {
	color: #000;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: -1px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}




IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }



#servicesbox {
	padding:90px;
	text-align:left;
	margin-top: -40px;
	height:600px;
	background-image: url(../images/servicestripe2.png);
	background-repeat: repeat;
	color: #333;
	font-size: 12px;
}

#pricingbox {
	background-image: url(img/about.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 300px;
	padding-right:90px;
	text-align:justify;
	padding-top: 140px;
	height:500px;
}

#contactbox {
	padding-left: 100px;
	padding-right:90px;
	padding-top: 0px;
	height:500px;
	background-color: #70bfb1;
	margin-top:-210px;
	color: #FFF;
}

#contactbox img {
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #000;
	margin-right:20px;
}

.floatleft {float:left;
padding-right:20px;
	
}

.floatright {float:right;
padding-left:20px;
	
}

#contactbox h3{
	font-size: 24px;
	font-weight: 100;
	color: #000;
}

#contactbox a{
	font-size: 24px;
	color: #000;
	text-decoration: none;
}

section .left { width: 480px; float:left; }
section .right { width: 380px; float:right; }

section#registry ul { display:block; float:left; padding:4em 0 0 2em; }
section#registry ul li { display:block; float:left; padding:0 0 0 3em; }
section#registry ul li a { display:block; float:left; text-indent:-1000em; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; opacity:1; }
section#registry ul li a:hover, section#registry ul li a:focus { opacity:0.7; }
section#registry ul li.bbb a { width:138px; height:44px; background:url(img/img_bedbath.png) left top no-repeat; }
section#registry ul li.crateBarrel a { width:159px; height:23px; background:url(img/img_cratebarrel.png) left top no-repeat; margin:0.7em 0 0 0; }
section#registry ul li.potteryBarn a { width:222px; height:15px; background:url(img/img_potterybarn.png) left top no-repeat; margin:1em 0 0 0; }
section#registry ul li.target a { width:133px; height:29px; background:url(img/img_target.png) left top no-repeat; margin:0.5em 0 0 0; }

/* =LINKS
-----------------------------------------------------------------------*/

a,a:link,a:visited { color: #983e0c; text-decoration:none; }
a:hover, a:active { color: #983e0c; }
a img { border:0 !important; }

.button { height: 27px; background:url(images/button-left.png) left top no-repeat; float:left; margin: 0 25px 0 -0.1em; padding:0; cursor:pointer; }
.button a { display: block; height: 27px; background:url(images/button-right.png) right top no-repeat; float:left; padding: 0 15px 0 15px; margin: 0 -13px 0 0; cursor:pointer; font:bold normal normal 11px/27px "Helvetica Neue", helvetica,arial,sans-serif; text-decoration:none; color:#6a4921 !important; border:0 !important; }
.button:hover,
.button .sfhover { background-position:left bottom; }
.button a:hover { background-position:right bottom; }

.Bigbutton { height: 32px; background:url(images/big-button-left.png) left top no-repeat; float:left; margin: 0 25px 0 -0.1em; padding:0; cursor:pointer; }
.Bigbutton a { display: block; height: 32px; background:url(images/big-button-right.png) right top no-repeat; float:left; padding: 0 17px 0 17px; margin: 0 -13px 0 0; cursor:pointer; font:bold normal normal 13px/32px "Helvetica Neue", helvetica,arial,sans-serif; text-decoration:none; color:#6a4921 !important; border:0 !important; }

input.button { background:url(images/signupbutton.png) left top no-repeat; display:block; float:left; border:0; width:72px; height:27px; font:bold normal normal 11px/27px "Helvetica Neue", helvetica,arial,sans-serif; color:#6a4921; cursor:pointer; }


/* =Footer
--------------------------------------- */



/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =ROLLOVER BOXES
---------------------------------------------------------------------- */
#copyright {
padding-right:45px;	
text-align:right;
}