@charset "utf-8";
/* CSS Document */

#content {
	width:720px;
	padding:180px 10px 150px 10px;
	font-size:16px;
	line-height:30px;
}
#content li{
	margin-top:10px;
}
p {
	font-size:16px;
	line-height:30px;
	margin:30px 0px;
}
h1{
	font-size:60px;
	font-family: 'Raleway', sans-serif;
	line-height:65px;
	font-weight:900;
	color:#dddddd;
	margin:0px;
	padding-bottom:10px;
}

h2{
	font-size:36px;
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	line-height:40px;
	color:#bbbbbb;
	margin: 70px 0px 0px 0px;
}
h3{
	font-size:22px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	line-height:24px;
	color:#bbbbbb;
	margin: 70px 0px 0px 0px;
	clear:both;
}
h4{
	font-size:18px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	line-height:18px;
	color:#bbbbbb;
	padding:70px 0px 0px 0px;
}
.addtocart{
	width:80px;
}

.addtocart input[type='submit']{
	display:block;
	height:22px;
	width:80px;
	border:none;
	padding:0;
	margin:0;
	outline:none;
	background-image:url(images/addtocart.png);
	background-repeat:no-repeat;
}
.addtocart input[type='submit']:hover{background-position:-80px 0px;cursor:pointer;}

/*-------------------------------------------
Map Prices
---------------------------------------------*/

table.prices th, table.prices td{
	width:100px;
	text-align:center;
}

table.prices th{
	text-decoration:underline;
}

/*-------------------------------------------
Map Pins
---------------------------------------------*/

table.pins{
    border-collapse: collapse;
	border:1px solid #888888;
	width:100%;
}

table.pins th, table.pins td{
	text-align:center;
	line-height:25px;
	padding:5px 0px 2px 0px;
	border-bottom:1px solid #888888;
}

table.pins td img{
	border:3px solid #111111;
	margin-top:2px;
}
table.pins td img:hover{
	border:3px solid #00887e;
}




table.pinshipping{
	margin-left:80px;
}

table.pinshipping th, table.pinshipping td{
	padding:0 10px;
}


/*-------------------------------------------
Production Times
---------------------------------------------*/

table.productiontimes{
	margin-left:80px;
}

table.productiontimes th, table.productiontimes td{
	width:240px;
}

table.productiontimes th{
	text-decoration:underline;
}

/*-------------------------------------------
Shipping
---------------------------------------------*/

table.shipping{
	margin-left:80px;
}

table.shipping th, table.shipping td{
	width:200px;
}

table.shipping th{
	text-decoration:underline;
}



/*-------------------------------------------
Papper Thickness
---------------------------------------------*/

table.paperthickness{
	margin-left:80px;
}

table.paperthickness td{
	padding-right:20px;
}
/*-------------------------------------------
Hang Rail Specs
---------------------------------------------*/

table.hangrailspecs{
	margin-left:80px;
}

table.hangrailspecs td{
	padding-right:20px;
}


/*-------------------------------------------
With Picture
---------------------------------------------*/
#rootpichead{
	padding:100px 0px 0px 0px;
	margin:0px 10px;
	height:500px;
	width:940px;
	position:relative;
	}
#rootpictitle{
	position:absolute;
	float:left;
	width:400px;
	bottom:20px;
	left:0px;
	}
#rootpicimage{
	position:absolute;
	float:left;
	width:500px;
	bottom:10px;
	right:0px;
	}
#rootpiccontent{
	width:720px;
	padding:0px 10px 150px 10px;
	font-size:16px;
	line-height:30px;
}


/*-------------------------------------------
FRAMED MAPS
---------------------------------------------*/
.frameoption {
	margin-top:30px;
	height:120px;
}

.frameoption img {
	padding-right:50px;
	float:left;
}
.frameoption p {
	margin:0px !important;
}


/*-------------------------------------------
SITEMAP
---------------------------------------------*/
#sitemap a {color:#888888;}
#sitemap a:hover {color:#00887e;}

/*-------------------------------------------
Contact
---------------------------------------------*/

#contactcontent {
	width:940px;
	padding:180px 10px 150px 10px;
	font-size:16px;
	line-height:30px;
}
#contactform {
	width:620px;
	float:left;

}
#contactinfo {
	width:320px;
	float:left;
	padding-top:30px;
	letter-spacing:1px;
	font-size:15px;
	line-height:22px;
}
#contactinfo img {
	padding:10px 10px 10px 0;
}
#contactinfo a img:hover {
	opacity: 0.7;
	filter:alpha(opacity=70);
}
span.contacttype {
	display:block;
	font-size:12px;
	line-height:14px;
	letter-spacing:2px;
	margin:30px 0 5px 0;
	color:#00887e;
	font-weight:bold;
}


label.contactbaby {
    display:block;
    margin-top:20px;
	font-size:12px;
    letter-spacing:2px;
	color:#00887e;
	font-weight:bold;
}
input.contact, textarea.contact {
	width:396px;
	height:18px;
	background:#eeeeee;
	padding:5px;
	margin-top:3px;
	color:#555555;
	border:2px solid #eeeeee;
}
select.contact  {
	width:410px;
	padding:5px;
	border:none;
	color:#555555;
	background:#eeeeee;
	margin-top:3px;
}

textarea.contact {
	height:180px;
	color:#444444;
}


textarea.contact:focus {border:2px solid #00887e;}
input.contact:focus {border:2px solid #00887e;}

#submit {
    font-size:18px;
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	color:#cccccc;
	width:200px;
    height:40px;
    border:none;
    margin-top:30px;
    cursor:pointer;
	background-color:#156b63;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a7f6e), to(#1a403c)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #1a7f6e, #1a403c); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image: -moz-linear-gradient(top, #1a7f6e, #1a403c); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #1a7f6e, #1a403c); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #1a7f6e, #1a403c);
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;

}

#submit:hover {
	background:#259485;
	color:#ffffff;
}

.noshow { display:none; }

#echomessage{
	padding-top:18px;
	height:14px;
	line-height:14px;
	font-size:14px;
	color:#FF0000;
}