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

/*Global styling starts here */
*
{
	margin: 0;

	padding: 0;
}

body
{
font-family: Lucinda, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #212121;
}

#main-container
{
background: #FFFFFF url(images/body-back.jpg) repeat-x;
}

#inner-container
{
background: #FFFFFF url(images/inner-back.jpg) repeat-x;
}

h2
{
font-size: 24px;
margin: 8px 0;
font-weight: normal;
}

h3
{
font-size: 20px;
margin: 8px 0;
}

h4
{
color: #333333;
font-size: 16px;
margin: 8px 0;
}

h5
{
color: #333333;
font-size: 14px;
margin: 0 0 0 2px;
}

a
{
text-decoration: none;
}

a:hover
{
color: #566b03;
}

p
{
line-height: 19px;
word-spacing: .5px;
}

.left
{
	float: left;
	margin-bottom: 6px;
	padding-right: 0px;
	margin-right: 5px;
	margin-top: 3px;
	border: 3px;
}

dl
{
margin-top: 10px;
}

dt
{
font-size: 16px;
font-weight: bold;
color: #566b03;
margin-top: 10px;
background: url(images/bullet.jpg) left 50% no-repeat;
padding-left: 18px;
line-height: 24px;
}

#wrapper
{
	margin: 0 auto;
	padding: 0;
	width: 990px;
	overflow: hidden;
	background-repeat: repeat-x;
}

#inner-left
{
width: 630px;
float:left;
}

#inner-right
{
	width: 330px;
	float: right;
	background-repeat: no-repeat;
}

#header-home
{
	height: 140px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#header-home p
{
	float: left;
	width: 280px;
	padding: 66px 0 0 136px;
	color: #FFFFFF;
	height: 30px;
}

/* Navigation Menu Styling */
#navigation
{
	float: right;
	width: 520px;
	margin-top: 60px;
	font-size: 16px;
}
#header-special
{
	float: right;
	width: 200px;
	margin-top: 10px;
	font-size: 16px;
}


#menu
{
padding:0;
margin:0;
display:inline;
float: right;
margin-right: 30px;
height: 40px;
margin-top: 26px;
}

#menu li
{
	padding: 4px 0 2px 20px;
	margin:0 5px 0 0;
	display:inline;
	float:left;
	line-height: 24px;
	font-size: 16px;
	color: #333333;
}

#menu a
{
text-decoration: none;
color: #333333;
padding-bottom: 2px;
text-transform: lowercase;
}

#menu a:hover, #menu a.current
{
color: #CC3300;
border-bottom: #CC3300 solid 2px;
}

#landing-content
{
	background:url(images/landing-intro.png) top center no-repeat;
	/* uncomment the line below and comment the line above to change the welcome text background image */
/*background:url(images/landing-intro-2.jpg) top center no-repeat;    */
height: 317px;
}

#landing-content .welcome-image
{
	height: 235px;
	width: 450px;
	float: left;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 30px;
	color: #FFFFFF;
}

#landing-content .welcome-content
{
	width: 450px;
	float: right;
	padding-top: 30px;
	padding-right: 40px;
	color: #FFFFFF;
}

.more-btn
{
margin-top: 10px;
float: right;
}

.more-btn img
{
border: none;
}

#content
{
clear: both;
margin-top: 10px;
}

#inner-content
{
clear: both;
margin-top: 30px;
}

#featured-work
{
	background: url(images/services-overview.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 300px;
	float: left;
	margin-left: 16px;
}

#featured-work img, #featured-work a img
{
border: #FFFFFF 1px solid;
}

#featured-work a img:hover
{

}
#featured-work1
{
	background: url(images/our-client.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 300px;
	float: left;
	margin-left: 16px;
}

#featured-work1 img, #featured-work a img
{
border: #FFFFFF 1px solid;
}

#featured-work1 a img:hover
{

}
#featured-work2
{
	width: 45px;
	float: left;
	margin-left: 0px;
}

#featured-work2 img, #featured-work a img
{
	border: #FFFFFF 1px solid;
	float: right;
}

#featured-work2 a img:hover
{

}
#services-overview
{
	background: url(images/news.jpg) no-repeat top left;
	padding: 40px 0 0 4px;
	width: 302px;
	float: left;
	margin-left: 20px;
}

.services-list
{
margin:10px 0 10px 4px;
list-style: none;
}

.services-list li
{
background: url(images/bullet.jpg) left 50% no-repeat;
margin-bottom: 6px;
padding-left: 20px;
color: #333333;
font-weight: bold;
}

#client-testimonials-index
{
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	background-image: url(images/our-client.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.testimonial
{
clear: both;
background: url(images/quotes.jpg) left top no-repeat;
padding: 0 4px 0 22px;
margin-bottom: 6px;
}
#client-testimonials-about
{
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	background-image: url(images/envi-green.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.testimonial
{
clear: both;
background: url(images/quotes.jpg) left top no-repeat;
padding: 0 4px 0 22px;
margin-bottom: 6px;
}
#client-testimonials-product
{
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	background-image: url(images/contact-info.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.testimonial
{
clear: both;
background: url(images/quotes.jpg) left top no-repeat;
padding: 0 4px 0 22px;
margin-bottom: 6px;
}
#client-testimonials-services
{
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	background-image: url(images/contact-info.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.testimonial
{
clear: both;
background: url(images/quotes.jpg) left top no-repeat;
padding: 0 4px 0 22px;
margin-bottom: 6px;
}
#client-testimonials-contact
{
	padding: 40px 0 0 4px;
	width: 312px;
	float: left;
	margin-left: 10px;
	background-image: url(images/contact-info.jpg);
	background-repeat: no-repeat;
	background-position: top-left;
}

.testimonial
{
	clear: both;
	padding: 0 4px 0 22px;
	margin-bottom: 6px;
}

#portfolio
{
background: url(images/portfolio.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
overflow: hidden;
}
#aerosolcan
{
background: url(images/aluminiumaerosolcan.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
overflow: hidden;
}

#services
{
background: url(images/services.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
}

#about
{
background: url(images/about.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
}

#news
{
background: url(images/news.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
}

#contact
{
background: url(images/contact.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
}
#quote
{
background: url(images/request-price-quote.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
}

/* Portfolio Item Styling */
.portfolio-container
{
padding: 0 14px 0 0;
width: 990px;
float: left;
margin-right: 10px;
margin-bottom: 16px;
}

.portfolio-container img, .portfolio-container a img
{
border: #d8d8d8 4px solid;
}

.portfolio-container a img:hover
{
border: #CC3300 4px solid;
}

#rigidcan
{
background: url(images/rigidcan.jpg) no-repeat top left;
padding: 40px 0 0 4px;
margin-left: 20px;
margin-bottom: 20px;
overflow: hidden;
}

/* Product Item Styling */
.rigidcan-container
{
padding: 0 14px 0 0;
width: 990px;
float: left;
margin-right: 10px;
margin-bottom: 16px;
}

.rigidcan-container img, .portfolio-container a img
{
	border: 4px solid #CCCCCC;
}

.rigidcan-container a img:hover
{
border: #FFFFFF 4px solid;
}

#rigidcans img, #rigidcan a img
{
border: #FFFFFF 1px solid;
}

/* Contact Form Styling */
#contact-form
{
margin-top: 20px;
}

label{
float: left;
width: 120px;
font-weight: bold;
color: #333333;
}

input, textarea, select{
	width: 200px;
	margin-bottom: 5px;
	border: 1px solid #CC3300;
	background-color: #ffffe5;
	height: 24px;
	padding-top: 4px;
	border-top-color: #CC3300;
	border-right-color: #CC3300;
	border-bottom-color: #CC3300;
	border-left-color: #CC3300;
}

textarea{
width: 280px;
height: 150px;
}



.boxes{
width: 1em;
}

#submitbutton
{
text-align: center;
background: url(images/submit.jpg) no-repeat center;
border: none;
margin-top: 4px;
margin-left: 310px;
width: 87px;
height: 27px;
cursor: pointer;
text-indent: -9000px;
}

/* Contact Form Styling */
#quote-form
{
margin-top: 20px;
}

label{
float: left;
width: 120px;
font-weight: bold;
color: #333333;
}

input, textarea, file{
	width: 200px;
	margin-bottom: 5px;
	border: 1px solid #CC3300;
	background-color: #ffffe5;
	height: 24px;
	padding-top: 4px;
}

textarea{
width: 280px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton
{
text-align: center;
background: url(images/submit.jpg) no-repeat center;
border: none;
margin-top: 4px;
margin-left: 310px;
width: 87px;
height: 27px;
cursor: pointer;
text-indent: -9000px;
}


/* Footer styling starts here */
#footer
{
clear: both;
background-color: #333333;
overflow: hidden;
border-top: solid 4px #CC3300;
margin-top: 20px;
}

#footer-content
{
margin: 0 auto;
padding: 0;
width: 990px;
color: #FFFFFF;
padding: 10px;
height:24px;
}

#footer-left
{
	float: left;
	width: 350px;
	padding-left: 10px;
}

#footer-right
{
	float: right;
	width: 550px;
	text-align: right;
	padding-right: 10px;
}

#footer a
{
text-decoration: none;
color: #FFFFFF;
}

#footer a:hover
{
text-decoration: underline;
}