/*
		Marindust Sales
*/

@import url("reset.css");

/*----------	LaY0UT STYLeS	----------*/
body {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 11px;
	line-height: 130%;
	text-align: center;
	background-color: #e2eef7;
	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; }

#right-container {
	width: 480px;
	float: left;
	padding-bottom: 20px;
}

#product {}

#left-images {
	width: 100px;
	float: left;
	margin-left: 10px;
}

#right-content {
	width: 320px;
	float: left;
	padding-left: 20px;
}

/*----------	CoMMoN STYLeS	----------*/
.clear { clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

a { color: #256799; text-decoration: none; }
a:hover { text-decoration: underline; }

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #a7b6be;
	margin: 15px 0;
}

img { border: none; }

strong {	font-weight:bold; }

p { margin: 10px 20px 10px 10px; }

h1 { 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: 10px 40px; }
ul.gallery li { float: left; margin: 4px; }

ul.gallery-left {
	width: 100px;
} 

ul.gallery-left li { float: left; margin: 5px 0; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*----------	HeaDeR STYLeS	----------*/
#header { height: 268px; background: url(../images/core/header-bg.gif) center top no-repeat; }

#top-banner { height: 76px; position: relative; }
#top-banner img#logo { position: absolute; top: 3px; left: 35px; }
#top-banner img#cta-top { position: absolute; top: 16px; left: 507px; }	

#splash {
	height: 195px;
	position: relative;
	background-color: #A7B6BE;
	border-left: 1px solid #676969;
	border-right: 1px solid #676969;
}

#slideshow { position: absolute; top: 13px; left: 25px; }
img#splash1 { position: absolute; top: 13px; left: 25px; }
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: 70px; }
#nav ul li#flagpoles a { background:url(../images/nav/nav-flagpoles.gif) no-repeat top; width: 99px; }
#nav ul li#ballustrades a { background:url(../images/nav/nav-ballustrades.gif) no-repeat top; width: 111px; }
#nav ul li#gallery a { background:url(../images/nav/nav-gallery.gif) no-repeat top; width: 83px; }
#nav ul li#contact-nav a { background:url(../images/nav/nav-contact.gif) no-repeat top; width: 93px; }

body.home #nav ul li#home a, body.gallery #nav ul li#gallery a, body.flagpoles #nav ul li#flagpoles a, body.ballustrades #nav ul li#ballustrades a, body.contact #nav ul li#contact-nav a {
	background-position: 0 -26px!important;
}

/*------------	Enlarge Images	---------------*/
span.clickenlarge { display: block; background: url('../images/bg-enlarge.png') no-repeat 0 0; width: 140px; height: 15px; position: relative; margin: -15px 0 0 0; z-index: 100; cursor: pointer;}


/*----------	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; }