/*** Pink Imp Stylesheet ***/

/* Reset */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, min-height {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body {margin:0; padding:0; width:100%; min-height:740px !important; }



/************************************* Common Settings *************************************/


#sitecontainer { width:100%; height:740px; overflow-y:visible; overflow-x: hidden;  background: transparent url("../images/mainbackground.jpg") no-repeat center top; background-attachment:scroll;}
#introcontainer { width:100%; height:740px;; overflow-y:visible; overflow-x: hidden; background: transparent url("../images/foreground.png") repeat-x center top; background-attachment:scroll; }

#maincontainer { margin:0 auto; width:100%; height:678px; padding-top:59px; overflow-y:visible; overflow-x: hidden; background: transparent url("../images/mainbackground.jpg") no-repeat center top;}


a { text-decoration: none; color: #761213; outline:none; }
a:hover { color: #761213; }
h1 { color: #761213; font-size:22px !important; }
h2 { color: #761213; font-size:16px !important; font-weight:bold; margin:10px 0; text-align:center;}
h3 { color: #fff; font-size:14px !important; margin:-5px 0 5px 0; padding-bottom:12px; height:13px; }
h4 { color: #fff; font-size: 11px; font-weight:bold; line-height:18px; padding-bottom: 5px; }
p { color: #000; font-size:13px; line-height:1.3em; margin-bottom:20px; text-align:center; }
.pointer { cursor: pointer; }

body {	
	padding: 0;     
	margin: 0;  
	font-size:70%;
	color: #761213;
	background: #000 url("../images/background-tile.jpg") repeat-x center top;
	background-attachment:scroll;
	height:740px;
	overflow: visible;
}

body,input,textarea {
	font-family: helvetica, arial, sans-serif;
	/*font-family: 'Segoe Light', 'Segoe UI Light', Segoe, 'Segoe UI', Arial, sans-serif;*/
	font-size: 10px;
	color: #7f7e7e;
}

#centermaincontent { /* Main center container */
	width: 100%;
	height: 740px;
	overflow-y: visible;
	overflow-x: hidden;
	border:0px;
}







/************************************ Welcome Section ************************************/

#welcomeContainer {
	margin:0 auto; 
	width:970px; 
	height:640px; 
	overflow-x:auto !important;
}

#welcomeText {
	width:970px;
	height:54px;
	margin:196px 0 0 0;
	text-align:center;
	background: transparent url("../images/tagline.png") no-repeat center top;
}

#welcomeText2 {
	width:600px;
	height:54px;
	margin:80px auto 0;
	text-align:center;
	background: transparent url("../images/tagline.png") no-repeat center top;
}

#welcome {
	padding-top:59px;
	width:296px;
	height:140px;
}

#welcome #intro {
	float:left;
	width:970px;
	height:140px;
	background: transparent url("../images/hampton-hackett-logo.png") no-repeat center top;
}








/************************************* Header *************************************/



/*** Header ***/

#headerContainer {	
	width: 970px;
	height: 140px;
	margin: 0 auto;
}	

#header {
	margin:0 auto;
}

#header #logo {
	float:left;
	width:970px;
	height:140px;
	background: transparent url("../images/hampton-hackett-logo.png") no-repeat center top;
}

.separator {
	margin:24px auto 0;
	width: 970px;
	height:15px;
	background: transparent url("../images/separator-top.png") no-repeat center top;
}

.separator2 {
	margin:0 auto 15px;
	width: 970px;
	height:15px;
	background: transparent url("../images/separator-bottom.png") no-repeat center top;
}





/************************************* Body *************************************/

#content {
	width:900px;
	height: 380px;
	padding:5px 0;
	margin:0 auto;
	overflow: hidden;
}


#mainpage {
	width:900px;
	height: 370px;
	padding:15px 0;
	margin:0 auto;
	overflow: hidden;
}


#contactpage {
	width:900px;
	height: 380px;
	padding:5px 0;
	margin:0 auto;
	overflow: hidden;
}


#thankspage {
	width:900px;
	height: 380px;
	padding:5px 0;
	margin:0 auto;
	overflow: hidden;
}




.button {
	border:1px solid #ceb17b;
	padding:4px 8px;
	color:#000;
	font-size:13px;	
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
}

.button:hover {
	border:1px solid #761213;
	color:#761213;	
}
	



/************************************* Content *************************************/



#contactus, #aboutus { 
	margin:0 auto !important;
	width:90px;
}

#aboutus2 { 
	margin:60px auto 0 !important;
	width:75px;
}



/*** Contact Us ***/

.contact {
	margin: 0 auto;
	width: 600px;
	height: 338px;
	overflow:hidden;
}




/************************************* Contact Form ************************************

label {
	float:left;
	display:block;
	font-size:14px;
	color:#761213;
	clear:both;
	width: 100px;
}

input {
	float:left;
	display:block;
	font-size:12px;
	padding:2px;
	background:#fef8ed;
	border:solid 1px #761213;
	color:#000;
	width:250px;
	margin:0px 0px 3px 8px;
	display:block;
}

textarea {	
	float:left;
	display:block;
	font-size:12px;
	padding:3px;
	background:#fef8ed;
	border:solid 1px #761213;
	color:#000;
	width:350px;
	margin:0px 0px 3px 0px;
	height:120px !important;
}

input.error, textarea.error {
	background: #BB6767;
}

input.submit {
	border:none;
	width:auto;
	display:block;
	padding:0px;
	background:none;
}

*/

/************************************* Footer *************************************/


#footer {
	width:970px;
	height:40px;
	color: #999;
	font-weight:bolder;
	font-size: 11px;
	margin:25px auto 0;
	text-align: center;
	background: transparent url("../images/address.png") no-repeat center top;
}

#footer a {
	color: #999;
}


#footer a:hover {
	color: #fff;
}