* {
	padding:0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
body { background:#E5E5D5}
html, input, textarea, select{font-family:arial; font-size:100%; color:#393939; font-weight:normal; font-size:0.75em; line-height:1.41em}

h1.title {
	color:#212962;
	font-family:Trebuchet MS;
	font-size:30px;
	font-weight:bolder;
	letter-spacing:-2px;
	margin:35px 0 0 25px;
	text-transform:uppercase;
}

h1.title:first-letter {
	font-size:40px;
	*margin-left:25px;
	_margin-left:0;
}
h1.title span{
	font-size:15px;
	color:#393939;
	font-style:italic;
	letter-spacing:1px;
	text-transform:none;
}

input.error{
	border:solid red 3px;
}

label.error{
	font-style:italic;
	color:red;
	padding-left:20px;
	_display:block;
}
/*in_line*/
input, select { 
	vertical-align:middle; 
	font-weight:normal;
	width:200px;
	_width:160px;

}
input.block1{
	width:auto;
}
img {border:0; vertical-align:top; text-align:left;}

img.title {
	float:none;
}

img.img{
	float:left;
	margin-right:10px;
}
img.fright{
	margin-left:10px;
}
.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}

.header_title {
	display:block;
	text-indent:-1000px; 
	line-height:1em; 
	font-size:1em; 
	background:url(../images/atlantic_awning_header.jpg) no-repeat 0 0; 
	height:88px; 
	margin:0; 
	padding:0;
}
h1{
	margin-bottom:20px;
}

h2{
	margin-bottom:10px;
}

h3{
	margin-bottom:5px;
	color:#262A61;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-style:normal;
	font-weight:bold;
	line-height:16pt;
}
.wrapper{
	padding:30px;
	background:#E1E1D1 url(../images/bg2.gif) repeat-x scroll 0 0

}
.dark_wrapper{
	background:#cecebf url(../images/bg1.gif) repeat-x;
	padding:30px;
	padding-top:0;
	margin-top:0;
}
.photo_wrapper {
	padding:5px;
	background-color:#FFFFFF;
	float:left;
	width:573px;
	_width:98%;
	margin-bottom:10px;
}
.photo_wrapper.fleft{
	float:left;
	margin-right:0;
	width:auto;
	background-color:#E5E5D5;
	background-image:url(../images/before_after_bg.gif);
	background-repeat:no-repeat;
	
}

.photo_wrapper a{
	margin-top:5px;
}

.photo_wrapper.fleft img{
	border:solid #FFFFFF 5px;
}

.photo_wrapper.fleft div{
	background-color:#FFFFFF;
}

.photo_wrapper img{

}
.photo_wrapper .captioned_img{
	float:left;
	text-align:center;
}
.photo_wrapper .left_image{
	margin-right:10px;
}



.photo_wrapper .right_image{

}
.pos{
	position:absolute;
	margin:0;
	padding:0;
	top: -1px;
	height: 121px;
}



ul {
	margin:0;
	padding:0;
	list-style:disc;
	list-style-type:disc;
	line-height:1.3em;
	padding-left:20px;
	margin-bottom:10px;
}
ul li a { color:#143f2f; text-decoration:none; font-size:1em}
ul li a:hover{
	text-decoration: underline;
	color: #143f2f;
}
ul.benefits,
ul.products_services,
ul.fabrics{
	list-style:disc;
	list-style-type:disc;
	margin:15px;
	
}
ul.benefits li,
ul.products_services li,
ul.fabrics li {
	list-style:disc;
	list-style-type:disc;
	margin-left:10px;
}

/*txt, links*/
span{ color:#143f2f} 

a{
	color:#262a61;
	text-decoration:underline;
	font-size:12px
}
a:hover{ text-decoration: underline}

span a{ color:#1b1b1b; text-decoration:none; font-size:0.91em}
span a:hover{ text-decoration: underline}

 
/*header*/
#header .row1{ height:106px; width:100%; background:url(../images/r1_shape.gif) no-repeat left bottom}
#header .row1 .div{ padding-top:15px;}
#header .row2{ height:50px; width:100%; }
#header .row2 .left{ background:url(../images/menu_left.gif) no-repeat  }
#header .row2 .right{ background:url(../images/menu_right.gif) no-repeat right top; height:44px; padding-left:61px}

#header .row3{ height:249px; width:100%}
#header .row3 .col1{width:60px; background:url(../images/r3_left.gif) no-repeat right top; height:249px}

#header .row3 .col2{ width:644px; background:#ffffff url(../images/slogan_bg.jpg) no-repeat 5px 1px; height:249px;
/* IE6 hack */
_width:640px;
}
#header .row3 .col2 img{
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#header .row3 .col3{ width:62px; background:url(../images/r3_right.gif) no-repeat; height:249px}

#header .row4{ height:15px; width:766px}
#header .row5{ height:116px; width:100%}
#header .row5 .col1{ width:60px; height:116px; background:url(../images/r5_left.gif) no-repeat;

}
#header .row5 .col2{ width:644px; height:116px; background:#FFFFFF;
/* IE6 hack */
_width:644px;
}
#header .row5 .col2 img{ margin:0 5px 0 0}
#header .row5 .col2 div{ padding-left:7px}
#header .row5 .col3{ width:60px; height:116px; background:url(../images/r5_right.gif) no-repeat;
/* IE6 hack */
_width:58px;
}

/*content*/
#content .col_2{
	background-color: #e5e5d5;
	background-image: url(../images/cont_bg.gif);
	background-repeat: repeat-x;
}
#content .bg{ background:url(../images/p1_r1_bg.gif) repeat-x #dcdcc9}
#content .bg1{
	width:100%;
	background-color: #ccccbc;
}

#content p{ padding-bottom:15px}

#content .im{ vertical-align:middle; margin-right:7px}

#content .title{ margin-bottom:19px;}

#content .indent{ padding:30px 30px 35px 30px}
#content .indent1{ padding:22px 25px 25px 31px}

/*footer*/
#footer{
	background-image:url(../images/footer_bg.gif);
	background-color:#143f2f; font-family:verdana; color:#c4c4c4
	background-position:top;
	background-repeat:repeat-x;
	color:#C4C4C4;
}
#footer a{ color:#c4c4c4; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer div{ padding:30px 0px 30px 0px;}
#footer img{ vertical-align:middle; margin:0 8px 0 16px}
#footer span a{ color:#949494; text-decoration:none}
#footer span a:hover{ text-decoration:underline}

#footer p{
	margin:3px;
	padding:0;
	text-align:center;
}

#footer p, 
#footer p a{
	font-size:11pt;
}

#footer p.copyright{
	font-size:9pt;
}

/*================== index.html ==================*/
#page1 #content .col1 .row1{ width:100%}
#page1 #content .col1 .row2{ width:100%; padding-top:2px}
#page1 #content .col1 .row3{ width:100%; height:38px}

#page1 #content .col1 .row1 .indent{ padding:35px 15px 37px 32px}
#page1 #content .col1 .row1 .indent .title{ margin-bottom:29px}
#page1 #content .col1 .row1 .indent span{ font-size:0.91em}

#page1 #content .col1 .row2 .indent{ padding:25px 20px 19px 31px}
#page1 #content .col1 .row2 .indent .title{ margin-bottom:22px}
#page1 #content .col1 .row2 .indent input{ width:146px; height:21px; vertical-align:middle; background:#FFFFFF; color:#393939; font-size:1em; font-family:arial}

#clear, #submit{
	font-size:15px;
	width:45%;
	*width:125px;
	*margin:0px;
	*margin-right:5px;
}


#page1 #content .col1 .row2 .a{ color:#FFFFFF; font-size:1em; text-decoration:underline; display:block; padding-top:11px}
#page1 #content .col1 .row2 .a:hover{ text-decoration:none}
#page1 #content .col1 .row2 .img{ vertical-align:middle; margin-left:14px}

#page1 #content .col2 .indent{ padding: 36px 22px 20px 27px;}


#page1 #content .col2 .title{ margin-bottom:30px}
#page1 #content .col2 b{
	color:#ad231e;
	font-weight:normal;
	font-size:1.2em
}
#page1 #content .col2  .alignright{ padding:13px 10px 39px 0}
#page1 #content .col2 .img{ float:left; margin-right:7px}
#page1 #content .col2 .ind{ margin-left:35px; padding-right:10px}
#page1 #content .col2 .alignright1{
	padding:0 15px 10px 0;
	color:#262a61;
	text-align:right;
	font-weight:bold
}


/*================== index-1.html ==================*/
#page2 #content .col1 .indent{ padding:32px 25px 78px 30px}
#page2 #content .col1 em{ padding: 0 0 23px 20px; color:#191919; display:block}

#page2 #content .col2 .row1{ background:url(../images/bg.gif) repeat-x #c5c4ab; width:100%}
#page2 #content .col2 .row1 .indent{ padding:32px 40px 35px 32px}
#page2 #content .col2 .row1 .block{ width:197px; padding-bottom:8px}
#page2 #content .col2 .row1 .block .c1{ width:109px; float:left}
#page2 #content .col2 .row1 .block .c2{ width:88px; float:left}

#page2 #content .col2 .row2 { padding:2px 0 38px 0}
#page2 #content .col2 .row2 .bg{ background:#cccbb6 url(../images/bg1.gif) repeat-x}
#page2 #content .col2 .row2 .bg .indent{ padding:33px 30px 30px 32px}
#page2 #content .col2 .row2 span{ font-size:0.91em}

/*================== index-2.html ==================*/
#page3 #content .col1 .row1{ width:100%}
#page3 #content .col1 .row1 ul{ margin-bottom:8px}

#page3 #content .col1 .row2{ width:100%; padding-top:2px}
#page3 #content .col1 .row2 b{ color:#FFFFFF}
#page3 #content .col1 .row3{ width:100%; height:38px}
#page3 #content .col2 .img{ float:left; margin:0 16px 21px 0}


/*================== index-3.html ==================*/
#page4 #content .row1{ width:100%; background:url(../images/bg2.gif) repeat-x #e1e1d1}
#page4 #content .row1 .img{ float:left; margin-right:16px}
#page4 #content .row2{ width:100%;  background:#cecebf url(../images/bg1.gif) repeat-x}
#page4 #content .row2 .block{ width:581px; padding-bottom:15px}
#page4 #content .row2 .block .c1{ width:210px; float:left}
#page4 #content .row2 .block .c2{
	width:190px;
	float:left;
	margin-right: 10px;
}
#page4 #content .row2 .block .c3{ width:171px; float:left}
#page4 #content .row3 { height:38px; width:100%}

/*================== index-4.html ==================*/
#page5 #content .col1 .img{ float:left; margin-right:17px}
#page5 #content .col1 .indent{ padding-bottom:66px}

#page5 #content .col2{
	padding-bottom:20px
}
#page5 #content .col2 .bg{ background:url(../images/p1_r1_bg.gif) repeat-x #dcdcc9}
#page5 #content .col2 .block{ width:212px}
#page5 #content .col2 .block .row{ height:43px}
#page5 #content .col2 .block input{
	width:auto;
	height:auto;
	color:#394242;
	font-family:arial;
	font-size:1em;
	
}
#page5 #content .col2 .block textarea{ width:209px; height:203px; background:#FFFFFF; border:#8c8f7f 1px solid; color:#394242; font-family:arial; font-size:1em; overflow:auto; margin-bottom:5px}
#page5 #content .col2 .block1{ width:20px}
#page5 #content .col2 .block1 .row{ height:43px}
#page5 #content .col2 .block1 input{ width:20px; height:18px;}


/*================== index-5.html ==================*/
#page6 #content a{ font-size:1em}
#page6 #content .indent{ padding-bottom:70px}
.boldHeadlineBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #262a61;
	line-height: 16pt;
}

dl{
margin-left:10px;
margin-bottom:20px;
clear:both;
}

dl dt{
	font-weight:bold;
	float:left;
	width:110px;
	display:block;
	text-align:right;
}

dl dd{
display:block;
float:left;
padding-left:10px;
width:75%;
margin-bottom:10px;
}

.style2 {color: #262626}

h2.light_title,
h2.dark_title{
	font-size:26px;
	font-weight:bolder;
	margin-bottom:10px;
	line-height:27px;
}
h2.dark_title{
	color:#393939l;
}
h2.light_title{
	color:white;
}

h2.dark_title strong{
	color:#808080;
}

h2.news_icon{
	background-image:url(../images/t2_2.gif);
	background-repeat:no-repeat;
	background-position:1px 2px;
	padding-left:25px;
}

a.more_link, 
a.more_link2, 
a.more_link3{
	background-image:url(../images/read_more.gif);
	background-position:1px 1px;
	background-repeat:no-repeat;
	padding-left:15px;
	text-decoration:none;
	float:right;
}

a.more_link2{
	background-image:url(../images/read_more2.gif);
}

a.more_link3{
	background-image:url(../images/read_more3.gif);
}

a.more_link:hover, 
a.more_link2:hover, 
a.more_link3:hover{
	text-decoration:underline;
	color:#585c91;
}

p.quote{
	background-image:url(../images/lapka.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	border-bottom:1px solid black;
	border-top:1px solid black;
	font-style:italic;
	margin-bottom:10px;
	padding:5px 5px 5px 43px;	
}

a img{
	opacity:1;
}

a img:hover{
	opacity:.8;
}

#TB_window a img:hover{
	opacity:1;
}


#before_and_after .after{
	display:none;
}
#before_and_after .photo_wrapper {
	height:233px;
	position:relative;
	width:310px;
}
#before_and_after .photo_wrapper div{
	overflow:hidden;
	height:200px;
	width:200px;
}

#before_and_after .photo_wrapper div img,
#before_and_after .photo_wrapper a{
	position:absolute;
}

#before_and_after .photo_wrapper a{
	right:10px;
	top:219px;
}

#image_nav a{
	cursor:default;
	float:left;
	display:block;
}

#target{
	height:247px;
overflow:hidden;
position:relative;
width:639px;
}