/*
		Hawk Fabrication
*/

@import url("reset.css");

/*----------	LaY0UT STYLeS	----------*/
body {
	margin: 10px 0 0 0;
	padding: 0;
	color: #000000;
	font-size: 11px;
	line-height: 130%;
	text-align: center;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 740px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../images/core/bg.gif) repeat-y;
}

.column-left { width: 252px; }
.column-right { width: 480px; }
.column-wide { width: 705px; padding: 0 15px; }

div.column-wide table {
  border:1px solid #E2E2DF;
  border-right:0;
  border-bottom:0;
}

div.column-wide td {
  border:0;
  border-bottom:1px solid #E2E2DF;
  border-right:1px solid #E2E2DF;
  vertical-align:top;
  padding:3px;
}

#right-column {
	width: 120px;
	float: left;
}

#left-column {
	width: 330px;
	float: left;
	padding-left: 20px;
}



/*----------	CoMMoN STYLeS	----------*/
.clear { clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

a { color: #ff6866; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border: none; border-bottom: 1px solid #A7B6BE; margin: 10px; }
strong {	font-weight:bold; }
p { margin: 10px 20px 10px 10px; }

p#title { font-size: 16px; font-weight: bold; margin: 40px 0 20px 10px; }

img#inner_photo { margin: 0 50px 10px 10px; float:right; }
img#PDF-icon { padding-right: 5px; vertical-align: middle; }

ul.list { list-style: square; margin: 5px 40px; }
ul.gallery li { float: left; margin: 4px; }

/*----------	HeaDeR STYLeS	----------*/
#header { height: 268px; background: url(../images/core/header-bg2.gif) repeat-y; }

#top-banner { height: 76px; position: relative; background: url(../images/core/header-bg.gif) top center no-repeat;}
#top-banner img#logo { position: absolute; top: 3px; left: 35px; }
#top-banner img#name { position: absolute; top: 15px; left: 373px; }	

#splash {
	height: 195px;
	position: relative;
}

img#splash1 { position: absolute; top: 13px; left: 22px; }
img#splash2 { position: absolute; top: 13px; left: 259px; }
img#splash3 { position: absolute; top: 13px; left: 495px; }




/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
	position: absolute;
	top: 152px;
	left: 259px;
	height: 26px;
}

#nav ul { list-style: none; }
#nav ul li { float: left; }
#nav ul li a { height: 26px; display: block; }
#nav ul li a:hover { background-position: 0 -26px!important; }
#nav ul li#home a { background:url(../images/nav/nav-home.gif) no-repeat top; width: 68px; }
#nav ul li#pool a { background:url(../images/nav/nav-pool.gif) no-repeat top; width: 80px; }
#nav ul li#commercial a { background:url(../images/nav/nav-commercial.gif) no-repeat top; width: 136px; }
#nav ul li#signage a { background:url(../images/nav/nav-signage.gif) no-repeat top; width: 74px; }
#nav ul li#contact-nav a { background:url(../images/nav/nav-contact.gif) no-repeat top; width: 98px; }

body.home #nav ul li#home a, body.pool #nav ul li#pool a, body.commercial #nav ul li#commercial a, body.signage #nav ul li#signage a, body.contact #nav ul li#contact-nav a {
	background-position: 0 -26px!important;
}


/*----------	CTa STYLeS	----------*/
#cta p { margin: 20px 0 0 50px; }
#cta a { font-weight: bold; }
#cta img#cta-left { margin: 20px 5px; }
#cta img#webbasic { margin: 80px 10px 30px 120px; }


/*----------	FooTeR STYLeS	----------*/
#footer { height: 49px; text-align: center; background: url(../images/core/bg-breadcrumb.gif) center top no-repeat; }
#footer p { padding-top: 10px; }
#footer a { color: #000000; }