@charset "utf-8";



body {
	color:#fff;	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:9px;
	background-image: url(../images/background_3.gif);
	margin: 0px;
	}
h1	{	color: #CC6600;	font-size:11pt;	font-weight:bold;	margin-top:0.5em;	}
h2	{	color:#FF9900;	font-size:12pt;	font-weight:bold;	margin-top:0.5em;	}
p 		{	color:#666;		font-size:9pt;	margin-top:0.1em;	line-height:120%;	}
.darkGrey { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 9pt; line-height: 120%;}
.darkGrey p { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 9pt; line-height: 120%;}

.smallWhite { font-family: Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size: small; font-style: normal; font-weight: normal; }

.white	{
	color:#FFF;
	text-align: left;
	padding: 10px 100px 10px 100px;
	}
	
	
html	{	min-height:100%;	margin-bottom: 1px;	}
label	{	margin-right:0.5em;	display:block;	font-size:10pt;	width: 6em;	float:left;	text-align:right;	color:#666;		}
input	{	display:block;	font-size:10pt;	width:18em;}
textarea{	margin-left:6.5em;	display:block;	font-size:10pt; width:18em;}
a:link		{	color:#fff;	font-size:10pt;	text-decoration:none;	font-weight:bold;}
a:visited	{	color:#fff;	font-size:10pt;	text-decoration:none;	font-weight:bold;}
a:hover		{	color:#ccc;	font-size:10pt;	text-decoration:none;	font-weight:bold;}
.smalink	a:link		{	color:#fff;	font-size:10px;	text-decoration:none;	font-weight:bold;}
.smalink	a:visited	{	color:#fff;	font-size:10px;	text-decoration:none;	font-weight:bold;}
.smalink	a:hover		{	color:#ccc;	font-size:10px;	text-decoration:none;	font-weight:bold;}
.orangeLink	a:link		{	color:#ff9900;	font-size:10pt;	}
.orangeLink	a:visited	{	color:#ff9900;	font-size:10pt;	}
.orangeLink	a:hover		{	color:#ff9900;	font-size:10pt;	text-decoration:underline;	}
.thumbnail {	border: 0px;	padding:0px;	}
.thumbnail2 {	float: left; margin-left: 10px; margin-bottom: 10px; border: 0px; padding:0px;	}
.red	{	color:#CC0000;	font-size:10pt;	font-weight:bold;	}
.client {	width: 190px;	}



.scaleup { position: relative; height: 36px; margin: auto; border: none;}
.scaleup:hover { position: relative; height: 40px; margin: -2px auto; }

.scaleupInfo {  height: 80%; margin: 0px auto; border: none; border: none; }
.scaleupInfo:hover { height: 84%; margin: -2px auto; }


.roundedCorners { border-radius:20px 20px 20px 20px;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px;
}



/* page position */

#container { margin: auto; padding: 0; width: 100%; height: 100%; min-height: 520px; position: absolute; text-align: center; }
* html #container { position:absolute;} /* ie html */

#centerAll { width: 100%; height: 100%; text-align: center; position: relative; }
* html #centerAll { position:relative;} /* ie html */



/* top bar */

#topNav			{	position:relative;	left: 50%; width: 980px; margin-left: -490px; margin-top: 30px; height: 100px; background-color: #000000;	border-radius: 15px; -moz-border-radius: 15px;}
* html #topNav { position:relative;} /* ie html */

#topNavLeft		{	position:relative; float: left; height: 100px; }
* html #topNavLeft { position:relative;} /* ie html */


#topNavRight	{	position:relative; float: right; height: 40px; margin-right: 35px; margin-top: 25px; padding: 10px; }
* html #topNavRight { position:relative;} /* ie html */

#topNavButtonProducts	{	position:relative; float: left; height: 100px; width: 100px; display: block; margin: auto; }
* html #topNavButtonProducts { position:relative;} /* ie html */

#topNavButtonInfo	{	position:relative; float: left; height: 100px; width: 100px; display: block; margin: auto; }
* html #topNavButtonInfo { position:relative;} /* ie html */


.topLogo { height: 70px; position: relative; margin-top: -35px; top: 50px; margin-left: 50px; border: none; }


/* in-between bar (between top and main section of page */
#infoNav		{	position:relative;	left: 50%; margin-left: -490px; margin-top: 20px; text-align: center; width: 980px;  height: 80px; border-radius: 15px; -moz-border-radius: 15px; }
* html #infoNav { position:relative;} /* ie html */
#infoContain {	position:relative; display: block; height: 80px; width: 980px; left: 50%; margin-left: -490px;  }
* html #infoContain { position:relative;} /* ie html */


#productsNav		{	position:relative;	left: 50%; margin-left: -40%; margin-top: 20px; text-align: center; width: 80%;  height: 80px; border-radius: 15px; -moz-border-radius: 15px; }
* html #productsNav { position:relative;} /* ie html */
#productsContain {	position:relative; display: block; height: 80px; width: 60%; min-width: 840px; margin: 0px auto; }
* html #productsContain { position:relative;} /* ie html */


/* Info Nav Buttons  */
#buttonProcess	{ min-width:104px;	position:relative; float: left; width: 20%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center; }
#buttonProcess:hover	{ background-position: center 8px; }
* html #buttonProcess { position:relative;} /* ie html */

#buttonFile	{ min-width:104px;	position:relative; float: left; width: 20%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonFile:hover	{ background-position: center 8px; }
* html #buttonFile { position:relative;} /* ie html */

#buttonFacilities { min-width:104px;	position:relative; float: left; width: 20%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonFacilities:hover	{ background-position: center 8px; }
* html #buttonFacilities { position:relative;} /* ie html */

#buttonOurteam { min-width:104px;	position:relative; float: left; width: 20%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonOurteam:hover	{ background-position: center 8px; }
* html #buttonOurteam { position:relative;} /* ie html */

#buttonContactus { min-width:104px;	position:relative; float: left; width: 20%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonMap:hover	{ background-position: center 8px; }
* html #buttonMap { position:relative;} /* ie html */

/* Product Nav Buttons  */
#buttonSigngallery { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonSigngallery:hover { background-position: center 8px; }
* html #buttonSigngallery { position:relative;} /* ie html */

#buttonDesigndept { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonDesigndept:hover { background-position: center 8px; }
* html #buttonDesigndept { position:relative;} /* ie html */

#buttonAwnings { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonAwnings:hover { background-position: center 8px; }
* html #buttonAwnings { position:relative;} /* ie html */

#buttonArtdecor { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonArtdecor:hover { background-position: center 8px; }
* html #buttonArtdecor { position:relative;} /* ie html */

#buttonAluminumrails { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonAluminumrails:hover { background-position: center 8px; }
* html #buttonAluminumrails { position:relative;} /* ie html */

#buttonBarnlettering { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonBarnlettering:hover { background-position: center 8px; }
* html #buttonBarnlettering { position:relative;} /* ie html */

#buttonCustomaluminum { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonCustomaluminum:hover { background-position: center 8px; }
* html #buttonCustomaluminum { position:relative;} /* ie html */

#buttonPlanters { min-width:104px;	position:relative; float: left; width: 12%; height: 100px; display: block; margin: auto; background:url(../images/buttons/button_dropshadow.png); background-repeat:no-repeat; background-position: center;}
#buttonPlanters:hover { background-position: center 8px; }
* html #buttonPlanters { position:relative;} /* ie html */




/* middle bar (main content of page) */

#middleBar	{
	position:relative; 
	display: block;
	left: 50%; 
	margin-left: -490px; 
	margin-top: 22px;  
	width: 980px;
	background-color: #000000;
	border-radius: 15px; -moz-border-radius: 15px; text-align: center;
	overflow: hidden; }
	
* html #middleBar { position:relative; } /* ie html */


#middleBar_main {
	
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	display: block;
	left: 50%;
	margin-left: -450px;
	border-radius: 15px; -moz-border-radius: 15px;
	background-color: #none;
	width: 900px;
	height: inherit;
	overflow: auto;
	text-align: center;

	
	}
* html #middleBar_main { position:relative;} /* ie html */

#middleBar_mainFeatured {
	
	padding-top: 30px;
	padding-bottom: 20px;
	position: relative;
	display: block;
	left: 50%;
	margin-left: -450px;
	border-radius: 15px; -moz-border-radius: 15px;
	background-color: #none;
	width: 900px;
	height: 325px;
	overflow: auto;
	text-align: center;

	
	}
* html #middleBar_main { position:relative;} /* ie html */


#middleBar_texture04 { position: relative; border-radius: 10px; -moz-border-radius: 10px; background-image: url(../images/background_texture04.jpg); background-color: #CCCCCC; width: 94%; overflow: auto; min-height: 100px; margin-left: 3%; margin-top: 3%; margin-bottom: 3%; }

#signGallery { position: relative; display: block; text-align: center; left: 50%; width: 800px; margin-left: -400px; background-color: none; overflow: hidden;}

#sunsignsgallery
  {
    width: 760px;
	height: 420px;
	left: 50%;
	margin-left: -370px;
	top: 0px;
	position: relative;
	display: block;
	background-color:#none;
  }

#designDept	{	position:relative; z-index: 1; display: block;  left: 50%; margin-left: -490px; margin-top: 22px;	width: 980px; text-align: center; background-color: #000000; overflow: hidden; }

#designLeft { position: relative; display: block; margin-top: 0px; margin-left: 0; z-index: 1; float: left; text-align: left; overflow: hidden;}
* html #designLeft { position: relative } /* ie html */

#designRight { position: relative; float: left; display: block; z-index: 5; margin-top: 80px;}
#designRightContent { position: absolute; text-align: center;}

.productsImg { border: none; }
.productsRight { position: relative;  }
.fullHeight  { position: relative; }

#patioAwnings	{	position:relative; z-index: 1; display: block;  left: 50%; margin-left: -490px; margin-top: 22px;	width: 980px; text-align: center; background-color: #000000; overflow: hidden; }

#artDecor { position: relative; text-align: center;  width: 800px; left: 50%; margin-left: -400px; background-color: none; overflow: hidden;}

#rails { position: relative; text-align: center; padding: 2%; width: 90%; background-color: none; margin: auto; overflow: hidden;}

#barnlettering { position: relative; text-align: center; padding: 2%; width: 90%; background-color: none; margin: auto; overflow: hidden;}

#customaluminum { position: relative; text-align: center; padding: 2%; width: 90%; background-color: none; margin: auto; overflow: hidden;}

#planters	{	position:relative; z-index: 1; display: block;  left: 50%; margin-left: -490px; margin-top: 22px;	width: 980px; text-align: center; background-color: #000000; overflow: hidden; }

#sliderContain {position: relative; display: block; left: 50%; margin-left: -400px; width: 800px; text-align: center; overflow: hidden; background: none; background-color: none;}

#sliderContain2 {position: relative; display: block; left: 50%; width:800px; margin-left: -400px; background-color: #FFFFFF; text-align: center; overflow: hidden; }



#process_title { position: relative; text-align: left; padding: 2%; }
#process_1 { float: left; width: 21%; padding: 2%;  text-align: left; }
#process_2 { float: left; width: 21%; padding: 2%;  text-align: left; }
#process_3 { float: left; width: 21%; padding: 2%;  text-align: left; }
#process_4 { float: left; width: 21%; padding: 2%;  text-align: left; }

.process_stepNum { width: 30px; height: 30px; background-image:url(../images/process_steps_bg.png); margin-bottom: 10px; }

#process_file { position: relative; text-align: left; padding: 2%; float: left; width: 56%;}
#process_submitfile { position: relative; padding: 2%; width: 34%; margin-top: 2%; float: left; text-align: left; border: thin; border-color:#996600; border-style: dashed;}


#process_facilities { position: relative; display: block;  height: 400px; width: 770px; margin-left: -385px; left: 50%; text-align: center; }

#process_ourTeam		{	position:relative;	text-align:center; width: 800px; left: 50%; margin-left: -400px; }


#contactLeft { position: relative; text-align: left; padding: 2%; float: left; width: 75%; }
#contactRight { position: relative; padding: 2%; width: 17%; float: left; text-align: left; }
#contactMap { clear:both; position: relative; padding: 2%; margin-top: 2%; text-align: center; }



/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin: auto;
            padding:0;
            display:block;
            overflow:hidden;
			position: relative;
			top: 0px;
            text-indent:-8000px;
            }
    /* // image replacement */
	
	
	/* Easy Slider */
	
	#slider {
	position: relative;
	width: 640px;
	text-align: center;
	background: none;
	margin: auto;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{

		position: relative;
		padding:0;
		list-style:none;
		margin: auto;
		text-align: center;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		position: relative;
		width: 760px;
		height:265px;
		overflow:hidden; 
		background-color: #000000;
		margin: auto;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:relative;
		left:-30px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;
		}	
		
	/* numeric controls */	
	
	#controls{
		display: inline-block;
		position: relative;
		background: none;
		text-align: center;
		margin: auto;
		padding-left: 10px;
		}

	ol#controls{
		position: relative;
		margin-left: auto;
		padding-left: 10px;
		padding-top: 10px;
		height:28px;
		text-align: center;

		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		text-align: center;
		background: #996600;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		width: auto;
		
		}
	ol#controls li.current a{
		background:#999999;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none; }
	
/* // Easy Slider */




/* footer */

#footer {	position:relative; left: 50%; width: 980px; margin-left: -490px; height: auto; margin-top: 4px;	border-radius: 15px; -moz-border-radius: 15px; }
#footerContent {	position: relative; float: right; margin-right: 35px; }



/* CSS Document */