/************************************************************************* main styles */

body
{
padding:0px;
margin:0px;
background-color:#FFFFFF;
}

p
{
font-family: Arial, Verdana, Helvetica, sans-serif;
}

form
{
padding:0px;
margin:0px;
}

/************************************************************************* containing boxes */

#outer_box
{
position:relative;
margin-left:auto;
margin-right:auto;
width:880px;
}

#header_box
{
padding:20px 0 0px 0;
position:relative;
width:880px;
}

#text_styles
{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:50px;
width:880px;
text-align:center;
clear: both;
}

.footer
{
text-align:left;
position:relative;
margin: 6px 0 6px 100px;
width:672px;
}
.footer p
{
font-size:10px;
font-weight:bold;
padding: 0px 5px 2px 10px;
background-image: url(../images/bg_box.gif);
background-repeat:no-repeat;
display:inline;
}
.footer2
{
text-align:left;
position:relative;
margin: 0px 0 18px 14px;
width:882px;
}

.footer2 p
{
font-size:10px;
font-weight:bold;
padding: 0px 5px 2px 10px;
background-image: url(../images/bg_box.gif);
background-repeat:no-repeat;
display:inline;
}
.link_lower 
{
color:#999999;
margin-left:44px;
}
.link_lower a:link, a:hover, a:visited
{
text-decoration:none;
color:#999999;
}

.text_wrap
{
position:relative;
width:560px;
}

.section
{
clear:both;
}
.section a:link, a:visited
{
text-decoration:none;
color: #666666;
}
.section a:hover
{
text-decoration:underline;
}

/************************************************************************* logos / images */

.logo
{
position: relative;
margin: 0 0 10px 80px;
width:200px;
height:111px;
border:0px;
clear:left;
}

.assoc_left
{
position:relative;
margin: 0 0 57px 70px;
}

.assoc_right
{
position:relative;
margin: 0 0px 57px 80px;
}

.bottom_line
{
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:40px;
width:880px;
height:3px;
background-image:url(../images/button_bg.gif);
}

.image_right
{
float:right;
max-width:280px;
max-height:300px;
margin:30px 40px 20px 0px;
border: #666666 1px solid;
}


/************************************************************************* general text */

h1, h2, h3, h4, h5, h6, h7
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:1.2em;
font-weight:normal;
margin:20px 0 0 40px;
}

.content
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:0.8em;
width:510px;
margin:10px 0 0 40px;
}

.content2
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:0.8em;
width:800px;
margin:10px 0 0 40px;
}
.content2
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:0.8em;
width:800px;
margin:10px 0 0 40px;
}

.menu_text
{
position:relative;
width:400px;
margin: 30px 0 26px 50px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 26px;
}

.menu_text_r
{
position:relative;
text-align:right;
width:480px;
margin: 26px 30px 0px 360px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 26px;
}

.style1
{
display:inline;
font-size:28px;
}
.style1 a:link
{
text-decoration:none;
color:#999999;
}
.style1 a:hover
{
text-decoration: underline;
color:#999999;
}
.style1 a:visited
{
color:#999999;
}

.style2
{
display:inline;
font-size:28px;
}
.style2 a:link
{
text-decoration:none;
color:#cccccc;
}
.style2 a:hover
{
text-decoration: underline;
color:#cccccc;
}
.style2 a:visited
{
color:#cccccc;
}

.style3
{
display:inline;
font-size:30px;
}
.style3 a:link
{
text-decoration:none;
color:#cccccc;
}
.style3 a:hover
{
text-decoration: underline;
color:#cccccc;
}
.style3 a:visited
{
color:#cccccc;
}

.style4
{
display:inline;
font-size:28px;
}
.style4 a:link
{
text-decoration:none;
color:#999999;
}
.style4 a:hover
{
text-decoration: underline;
color:#999999;
}
.style4 a:visited
{
color:#999999;
}

/************************************************************************* navigation */

#navigation_box
{
position: relative;
text-align:center;
width:880px;
height:20px;
background-image: url(../images/button_bg.gif);
}
	
#navigation 
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#navigation ul 
{
list-style: none;
padding: 3px 0 0 0;
margin:0;
}

#navigation li 
{
display: inline;
}

#navigation a:link, #navigation a:visited 
{
text-decoration:none;
padding: 0px 18px 0px 18px;
margin:0;
color: #000000;

}

#navigation a:hover 
{
color: #000000;
background-image: url(../images/button_bg2.gif);
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
padding:0px 17px 0px 17px;
margin:0;
}


/************************************************************************* sliding menu */


#imageMenu {
	margin-left:32px;
	position: relative;
	width: 774px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 960px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:90px;
	height: 200px;
}
#imageMenu ul li.accoustic a {
	background: url(../images/accoustic.gif) repeat scroll 0%;
}

#imageMenu ul li.awnings a {
	background: url(../images/awnings.gif) repeat scroll 0%;
}

#imageMenu ul li.blinds a {
	background: url(../images/blinds.gif) repeat scroll 0%;
}

#imageMenu ul li.garage a {
	background: url(../images/garage.gif) repeat scroll 0%;
}

#imageMenu ul li.industrial a {
	background: url(../images/industrial.gif) repeat scroll 0%;
}

#imageMenu ul li.shutters a {
	background: url(../images/shutters.gif) repeat scroll 0%;
}

#imageMenu ul li.security a {
	background: url(../images/security.gif) repeat scroll 0%;
}

#imageMenu ul li.plantation a {
	background: url(../images/plantation.gif) repeat scroll 0%;
	width: 310px;
}

.clear {
	clear: both;
}


/************************************************************************* contact us work */

.contact_outer
{
width: 880px;
text-align:center;
background-image:url(../images/bg_contact.gif);
margin: 20px 0 0 0;
}

.header_text
{
font-size:0.8em;
margin: 0px 0 0px 8px;
}
.header_text span
{
color:#999999;
}

.contact_left
{
width: 245px;
margin: 15px 0 0 20px;
float:left;
padding: 0px 10px 0px 10px;
}
.contact_left img
{
float:left;
clear:both;
margin: 30px 10px 0px 18px;
}
.icon_text
{
height:26px;
font-size:0.8em;
text-align:left;
color: #999999;
margin: 30px 0 0 0;
font-weight:bold;
}

.contact_middle
{
width: 245px;
margin: 15px 0 0 20px;
float:left;
padding: 0px 10px 0px 10px;
}
.text_form
{
color: #999999;
font-size:0.8em;
margin:10px 0 0 0;
font-weight:bold;
}
.text_button
{
color: #999999;
font-size:0.8em;
margin:15px 0 0 0;
font-weight:bold;
}

.contact_right
{
width: 245px;
margin: 15px 0 0 20px;
float:left;
padding: 0px 10px 0px 10px;
}
.contact_right img
{
border:0px;
margin: 5px 0 5px 0;
}