/*-----------------------------
*
*		HALF PRICE SHUTTERS
*
*----------------------------*/
@import url('reset.css');


/*----------	LaYoUT STYLeS	----------*/
body {
	color: #3F4755;
	line-height: 18px;
	text-align: center;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #11305E url(../images/core/bg.gif) repeat-x;
}

#container {
	width: 899px;
	padding: 10px;
	margin: 10px auto;
	font-size: 1.2em;
	text-align: left;
	background-color: #FFFFFF;
}

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


/*----------	CoMMoN STYLeS	----------*/
a { color: #11305E; text-decoration: underline; }
a:hover { text-decoration: none; }
strong { font-weight: bold; }
p { margin: 15px 8px 15px 15px; }
h1 { font-size: 1.1em; font-weight: bold; margin: 20px 15px; color: #000000; }
h2 { font-size: 1.1em; font-weight: bold; margin: 15px; color: #FE2948; }

ul.list { list-style-type: square; margin: 10px 50px; }
ul#gallery-images li { float: left; margin: 6px; }
ul#gallery-images li img { border: 2px solid #11305E; }
img.inner_photo { float: right; margin: 10px; border: 2px solid #11305E; }
img#map { float: right; margin-right: 40px; border: 2px solid #11305E; }

.hidden { display: none; }
.clear { display: block; clear: both; }
.red { color: #FE2948; }

hr.clear {
	height: 0;
	border: none;
	clear: both;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 900px;
	height: 101px;
	position: relative;
	background: #0C1F40 url(../images/core/header-bg.gif) repeat-x;
}
#header #logo { position: absolute; top: 14px; left: 15px; }
#header #slogan { position: absolute; top: 14px; left: 432px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#navigation {
	width: 900px;
	height: 43px;
	background: #F5F5F5 url(../images/core/nav-bg.gif) repeat-x;
}
#navigation ul li { list-style-type: none; float: left; border-right: 1px solid #C8C8C8; }
#navigation ul li a { display: block; height: 39px; }
#navigation ul li a:hover { background-position: 0 -39px !important; }
#navigation ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 59px; }
#navigation ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 59px; }
#navigation ul li#domestic a { background: url(../images/nav/domestic.gif) no-repeat; width: 139px; }
#navigation ul li#commercial a { background: url(../images/nav/commercial.gif) no-repeat; width: 151px; }
#navigation ul li#gallery a { background: url(../images/nav/gallery.gif) no-repeat; width: 63px; }
#navigation ul li#specials a { background: url(../images/nav/specials.gif) no-repeat; width: 114px; }
#navigation ul li#employment a { background: url(../images/nav/employment.gif) no-repeat; width: 98px; }
#navigation ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 90px; }


/*----------	CTa STYLeS	----------*/
#cta-gallery a {
	background: url(../images/core/cta-gallery-bg.gif) no-repeat;
	height: 70px;
	width: 222px;
	position: relative;
	display: block;
}
#cta-gallery img { position: absolute; top: 5px; left: 6px; }

#cta-specials a {
	background: url(../images/core/cta-special-bg.gif) no-repeat;
	height: 70px;
	width: 222px;
	position: relative;
	display: block;
	margin: 4px auto;
}
#cta-specials img { position: absolute; top: 5px; left: 6px; }

#cta-details {
	padding-top: 15px;
	background: url(../images/core/cta-details-bg.gif) no-repeat;
}

#cta-details p { margin: 8px 10px 13px 10px; }
img#logo-hia { margin: 20px 0 0 14px; }

/* ---- Commercial Shutters (Gallery) ---- */

div.thumbnail {
	float: left;
	width: 263px;
	margin: 0 15px 15px 0;
	padding: 5px;
	text-align: center;
}

div.thumbnail p {
	font: normal 1.1em 'Verdana';
	margin-top: 3px;	
}

div.single {
	width: 281px;
	margin-left: 130px;
}


/*----------	FooTeR STYLeS	----------*/
#footer { color: #5275A8; font-size: 1.0em; width: 900px; margin: 10px auto; text-align: left; padding-left: 50px; }
#footer a { color: #5275A8; }
#footer #webfirm { float: right; margin-right: 20px; }