/* CSS Document */

body{background:url(images/background.jpg) repeat-x; font-size:small; font-family: Arial, Helvetica, sans-serif; background-color: #971B1E;
}
h1 {
	color:#88171B;
	display:block;
	font-size:125%;
	margin-left:12px;
	padding:0;
}
a:link {
	text-decoration: none; color:#FFF
}
a:visited {
	text-decoration: none; color:#FFF
}
a:hover {
	text-decoration: none; color:#808080; background-color:#E7E7E7
}
a:active {
	text-decoration: none; color:#FFF
}	
#container{background-color:#E7E7E7; display:block; clear:both;
width: 750px; height: auto; border: none; margin: 0px; margin-left:auto; margin-right:auto; padding: 0px
}
#menuitem a, .menuitem a {
	display: block;
	padding-right: 15px;
	padding-left: 15px;
}
#menuitem a:hover, .menuitem a:hover {
	background-image: url(images/menuback.jpg);
}
#menu {
	margin: 0px;
	height: 36px;
	width: 750px;
	float: left;
	display: block;
	background: url(images/yellow_bdr.gif) repeat-x 0 100% #808080;
}
#menuitem, .menuitem {
	font:normal 14px Arial, Helvetica, sans-serif;
	color: #005411;
	text-align: center;
	height: 34px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	line-height: 34px;
	display: block;
	float: left;
	border-bottom:2px solid #FFCC66;
}
#menuitem_selected, .menuitem_selected {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #808080;
	text-align: center;
	float: left;
	height: 34px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 34px;
	display: block;
	background-color:#E7E7E7 ;
	background-image: url(images/selected_back.jpg);
	background-repeat: repeat-x;
	border-bottom:2px solid #7E1418;
}
#menuitem_selected a, .menuitem_selected a{
	color: #7E1418;
}
#content{width: 750px; height:420px;
padding:0;padding-bottom: 10px; background-color: #E7E7E7; margin:0;
}
#content img{ 
	border:none;
}
/*******************************/
h4.tagline{
	font:bold 36px "Times New Roman", Times, serif;
	color:#7E1418;	
	margin:10px 0 0 20px;
}
p.intro{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#222222;
	margin:5px 10px 5px 10px;	
}
div.feat{
	border-top:2px solid #FFFFFF;
	height:125px;
}
div.feat div.col1{
	background:url(images/spring2.jpg) no-repeat;
	width:220px;
	height:125px;
	float:left;
}
div.feat div.col2{
	background:url(images/res_com.jpg) no-repeat;
	width:231px;
	height:125px;
	float:left;
}
div.feat div.col2 p.phone{
	font:bold 28px "Times New Roman", Times, serif;
	line-height:26px;
	text-decoration:none;
	margin:80px 32px 0 19px;
	padding:0 0 0 3px;
	color:#F6C45E;
	border-bottom:1px solid #F6C45E;
}
div.feat div.col2 p.phone a{
	text-decoration:none;
	color:#F6C45E;
}
div.feat div.col3{
	background:url(images/service.jpg) no-repeat;
	width:298px;
	height:125px;
	float:left;
}
div.feat div.col3 p{
	font:bold 20px "Times New Roman", Times, serif;
	width:180px;
	margin:48px 0 0 15px;
	line-height:20px;
	color:#FFFFFF;
	
}
/******************************/
html>body{height:400px;
}
#logo{float:left; margin-left: 10px; padding: 21px;padding-bottom: 14px; height: 180px; text-align: center; background-color: #E7E7E7; margin-right: 20px
}
#movie{background:#E7E7E7; float:right; margin: 0; padding: 0;width: 467px; height: 221px;
}
#textblock{text-align: left; width: 300px; height: 280px; float:left; margin-top: 6px; background-color:#FFCC66;
padding: 13px; padding-top: 10px; padding-bottom: 10px;
}
html>body #textblock{width: 204px; height: 320px;
}
#block2{background-color: #808080; width: 260px; float:left; height:170px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; padding:10px; float:left; text-align: right;
}
html>body #block2{ width: 240px; height:150px;
}
#block{background-color: #971B1E; width: 260px; float:left; height:170px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; padding:10px; padding-top:20px; padding-bottom:0; text-align:center;
}
html>body #block{ width: 240px; height:150px;
}
#block3{background-color: #cccccc; width: 260px; float:left; height:170px;margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#FFFFFF; padding:0; float:right; text-align: right;
}
#block4{background-color:#FFCC66; width: 260px; float:right; height:170px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#000 ; text-align:center; padding:10px;
}
html>body #block4{ width: 240px; height:150px;
}
#block5{background-color:#cccccc; width: 260px; float:right; height:105px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#000 ; text-align:center; padding:10px;
}
html>body #block5{ width: 240px; height:85px;
}
#spring{ padding:1em; padding-bottom:0;
}
#about{text-align: left; width: 750px; height:340px; float:left; padding-top:20px;
padding: 14px; background-color: #E7E7E7;
}
html>body #about{width: 722px;  height:300px;
}
.service_block{float:right; margin: 0; padding-top: 12px; width:467px; height: 237px;
}
html>body .service_block{height: 225px;
}
#service{text-align: left; width:194px; height:auto; margin:0; float:left;
padding: 9px; clear:both; background-color:#E7E7E7
}
html>body #service{width:185px
}
#foot{text-align: center; width: 750px; clear: both; padding-top:9px; margin:0px; padding-bottom:9px
}
#navfoot{width: 750px; height: 82px; background-color:#808080; text-align:center; margin: 0px auto; padding: 0
}
.mfr{float:left; border: 2px solid #808080; margin: 0 auto; padding:1px; width: auto; height:81px; background-color:#808080;
}
html>body .mfr{height:75px;
}
.mfr2{float:left; border:none; margin: 10px; margin-top:0; margin-left:14px; padding:2px; width: 119px; height:79px;
}
html>body .mfr2{ width: 115px; height:75px;
}
.style2{
	font-size:125%;
	color:#88171B;
	display: block;
	margin: 0px;
	padding: 0px;
}
.contact{ width: 150px; height:85px; float:left; margin: 0; padding: 5px; text-align:center; font-size:115%;
}
html>body .contact{width: 140px; height:75px;
}
#links{width:375px; height:275px; float: left; margin-top: 12px;
}
#links a:link {
	text-decoration: none; color:#808080;
}#links a:hover {
	text-decoration: none; color:#971B1E;
}
#links2{width:375px; height:275px; float: right; margin-top: 12px;
}
#links2 a:link {
	text-decoration: none; color:#808080
}
#links2 a:hover {
	text-decoration: none; color:#971B1E
}
.text2{width:185px; height:75px; margin: 10px; padding: 0; float:right; line-height:16px;
}
#office{width: 740px; height: auto; text-align:center; margin:10px; padding-top:10px;
}
#service_man{float:right
}
/*--------------------------------------------------------------------------------------------*/
#menu_iframes {
	margin: 0px;
	height: 35px;
	width: 750px;
	display: block;
	background: #808080;
	left:50%;
	margin-left:-275px;
	position:relative;
}
div#logo{
	position:relative;
	display: block;
	left:50%;
	width:900px;
	height:50px;
	margin:0;
	padding:0;
}
div#logo img{
	border:none;
	float:left;
	padding-left:12px;

}
div#main{
width:auto;

}
div#dalton{
	position:relative;
	display: block;
	left:50%;
	width: 940px;
	margin:50px 0 0 -470px;
	padding:0;
}

div#liftmaster{
	position:relative;
	display: block;
	left:50%;
	width: 722px;
	margin:50px 0 0 -361px;
	padding:0;
	background:#fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

div#ideal_door{
	position:relative;
	display: block;
	left:50%;
	width: 788px;
	margin:50px 0 0 -394px;
	padding:0;
	background:#fff;
	border-right:1px solid #000;
	border-left:1px solid #000;
}
div#amarr{
	position:relative;
	display: block;
	left:50%;
	width: 846px;
	margin:34px 0 0 -423px;
	padding:0;
	background:#fff;

}
div#nwdusa{
	position:relative;
	display: block;
	left:50%;
	width: 770px;
	margin:50px 0 0 -385px;
	padding:0;
	background:#fff;

}
div#clopaydoor{
	position:relative;
	display: block;
	left:50%;
	width:1080px;
	margin:50px 0 0 -540px;
	padding:0 0 0 20px;
	background:#fff;

}
div#rsdrprod{
	position:relative;
	display: block;
	left:50%;
	width:818px;
	margin:50px 0 0 -409px;
	padding:0;
	background:#fff;

}
div#cooksondoor{
	position:relative;
	display: block;
	left:50%;
	width:754px;
	margin:50px 0 0 -377px;
	padding:0;
	background:#fff;

}

div#clodoor{
	position:relative;
	display: block;
	width:100%;
	background:#fff;
}
table#gallery {
	background-color:#e7e7e7;
}
.gallery {
	width:750px;
	overflow:auto;
}
.gallery p {
	padding: 0 20px 0 20px;
}
.galmid {
	width:750px;
	display:table;
	text-align:center;
}
.galbrowse {
	width:80%;
	margin:0px auto;
	text-align:center;
	margin-bottom:25px;	
}
.galmid a.button {
	display:table-cell;
	vertical-align:middle;
	width:30px;
	padding:10px;
	text-align:none;
}
.img {
	padding:5px;
	background-color:#e7e7e7;
	border:#971B1E 1px solid;
}
.info {
	width:750px;
	text-align:center;
}
.share {
	width:282px;
	padding:10px 234px 0 234px;
	overflow:auto;
}
.fblike {
	padding:0;
	float:left;
}
.tweet {
	padding:0;
	float:left;
}
.plusone {
	padding:0;
	float:left;
}
.thumbnails {
	border:#971B1E 1px solid;
	padding:3px;
	margin:3px;
}
