@charset "utf-8";
/* CSS Document */
/*<style type="text/css"></style>*/
body{
z-index: 0;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:18px; 
color:#333333;
background-color:#FFFFFF;
}

@media screen and (min-width: 1200px) {
  div#mobile {
    height:80px;
    width:80px;
    display:none;
  }
}

a:hover{
color:#f55a24;
text-decoration:underline;
}


div#master {
	display: block;
	width: 540px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	height: 80px;

}

div#notice   {
		display:block;
		font-family:Verdana, Geneva, sans-serif;
font-size:large;
		margin-left:40px;
		margin-right:auto;
		color: #ff0000;	
		background: #f1ebe5;
		padding:10px;
		width:900px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		box-shadow: 6px 6px 6px #666666;
}

div#core {
	display: block;
	clear: both;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
}

div#mainsection {
	display: block;
	clear: both;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	max-width: 800px;
}

div#cpicb {
	display: block;
	clear: both;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	max-width: 800px;
}

div#contactswap {background-image:url("http://modulexinc.com/pages/images/shop2a.jpg");
background-repeat:no-repeat; width:321px; height:424px;}
div#contactswap:hover img {visibility:hidden;}

div#glazingswap {background-image:url("http://modulexinc.com/pages/images/CompareGlaze.png");
background-repeat:no-repeat; width:321px; height:424px;}
div#glazingswap:hover img {visibility:hidden;}

div#packageswap {background-image:url("http://modulexinc.com/pages/images/nwu2.jpg");
background-repeat:no-repeat; width:321px; height:513px;}
div#packageswap:hover img {visibility:hidden;}

div#doorswap {background-image:url("http://modulexinc.com/pages/images/bdf3.png");
background-repeat:no-repeat; width:317px; height:513px;}
div#doorswap:hover img {visibility:hidden;}

div#ourstory {background-image:url("http://modulexinc.com/pages/images/bdf7s.jpg");
background-repeat:no-repeat; width:172px; height:316px;}
div#ourstory:hover img {visibility:hidden;}

div#aboutswap {background-image:url("http://modulexinc.com/pages/images/bdf1c.png");
background-repeat:no-repeat; width:320px; height:366px;}
div#aboutswap:hover img {visibility:hidden;}


/* Top */
#wrapper{
width: 980px;
margin-left: auto;
margin-right: auto;
padding: 0;
color:#333333; 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#subwrapper{
z-index: 0;
margin: 0;
padding: 0;
background-image:url(images/subbackground1.gif);
background-repeat:repeat-y;
background-attachment:fixed; 
background-position: center  112px;
height:100%;
background-attachment: inherit;
}
#subwrapper2{
z-index: 0;
margin: 0;
padding: 0;
background-image:url(images/subbackground.gif);
background-repeat:repeat-y;
background-attachment:fixed; 
background-position: center  112px;
height:100%;
background-attachment: inherit;
}

.clear {
clear: both;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
}

#midcol1{
width:205px;
position: relative;
margin-bottom:0px;
float: left;
background-color:#e2e8e8;
padding-left: 15px; padding-right: 15px;
padding-top:22px; padding-bottom:20px;
 height:710px;
}

#leftcolsub{
width:321px;
float: left;
height:inherit;
background-color:#4d4d4d;
position: static;
}



#rightcolsub{
width:614px;
position: relative;
float: right;
padding-left: 30px; padding-right: 15px;
padding-top:22px; padding-bottom:20px;
background-color:#FFFFFF;

}

#rightcolsubn{
background-repeat:repeat-y;
background-position:right top;
width:629px;
position: relative;
float: right;
padding-left: 30px; padding-right: 0px;
padding-bottom:20px;
}


#rightcol2{
width:205px;
position: relative;
float: left;
background-color:#e2e8e8;
padding-left: 15px; padding-right: 15px;
padding-top:22px; padding-bottom:20px;
 height:inherit;
}
#rightcol3{
width:394px;
position: relative;
float: right;
padding-left: 15px; padding-right: 15px;
padding-top:22px; 
}

#contactusdiv{
width:311px;
float: left;
height:inherit;
background-color:#4d4d4d;
bottom:0;
position:inherit;
text-align:right;
padding-right:10px;
padding-bottom:10px;

}


#insubleftcol{
width:422px;
position: inherit;
float: left;
z-index:100%;
}

#insubleftcoln{
width:422px;
margin-top:22px;
position: inherit;
float: left;
z-index:100%;
}

#insubrightcol{
width:157px;
position:inherit;
float: right;
padding-top:37px;
padding-left: 15px;
}
#insubrightcoln{
width:172px;
position:inherit;
float: right;
background-color:#a0a0a0;
height:inherit;
position: static;
}



#downloadpdf{
padding:10px;
background-color:#6e8784;
color:#FFFFFF;
}
#pagelinkD{
padding:10px;
background-color:#8ca09f;
color:#FFFFFF;
}

.productline{
padding-bottom:7px; padding-top:7px;
border-bottom:#6e8784 1px solid;
}

#grayBox01{
background-color:#e2e8e8;
padding:10px;
}

ul.dotlist12{
list-style-image:url('images/graydot12.gif');
list-style-type:square;
font-size:12px;
margin-top:0px;
margin-bottom:0px;
}

li.list12{
margin-left:-30px;
color:#333333;
font-size:12px;
line-height:20px;
}


ul.dotlist{
list-style-image:url('images/graydot.gif');
list-style-type:square;
font-size:11px;
line-height:16px;
margin-top:0px;
margin-bottom:0px;
}

li.list{
margin-left:-30px;
color:#333333;
font-size:11px;
line-height:16px;
}

ul.pdflinks{
list-style-image:url('images/orangearrow2.gif');
list-style-type:square;
font-size:11px;color:#FFFFFF;
line-height:16px;
margin-top:10px;
margin-bottom:0px;
}

li.pdflist{
margin-left:-25px;
color:#FFFFFF;
font-size:11px;
line-height:16px;
}


.textWarmgrayPoint{
background-color:#8ca09f;
color:#FFFFFF;
font-size:11px;
padding:5px;
}



/* Footers */

#Footers{
width: 980px;
position:relative;
bottom:0; 
border-top:#4d4d4d 1px solid;

margin-left: auto;
margin-right: auto; 

padding-top: 20px; 
padding-bottom:20px;
text-align:center;
background-color:#FFFFFF;
color:#666666; font-size:11px;
}

a.textfooter{
color:#666666;
font-size:11px;
text-decoration:none;
}

a.textfooter:hover{
color:#f55a24;
font-size:11px;
text-decoration:underline;
}


/* TEXTS */
.textGeneral12{
color:#333333;
font-size:12px;
line-height:18px;
}

.textGeneral11{
color:#333333;
font-size:11px;
line-height:16px;letter-spacing:0.2px;
}

.textGreen12{
color:#8CC641;
font-size:12px;
}
.textGreen11{
color:#8CC641;
font-size:11px;
}

.textOrange12{
color:#F15A24;
font-size:12px;
}

.textOrange11{
color:#F15A24;
font-size:11px;
}
.textWarmgray12bold{
color:#6E8785;
font-weight:bold;
font-size:12px;
}
.textWarmgray12{
color:#6E8785;
font-size:12px;
text-transform:uppercase;
}
.textWarmgray11{
color:#6E8785;
font-size:11px;
}
.textBluegray12bold{
color:#393E4D;
font-size:12px;
font-weight:bold;
}
.textBluegray12{
color:#393E4D;
font-size:12px;
}
.textBluegray11{
color:#393E4D;
font-size:11px;
}
.textWhite12bold{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}
.textWhite12{
color:#FFFFFF;
font-size:12px;
}
.textWhite11{
color:#FFFFFF;
font-size:11px;
}

/* TEXTS link */

a.textGeneral11{
color:#333333;
font-size:11px;
text-decoration:none;
}
a.textGeneral11:hover{
color:#f55a24;
font-size:11px;
text-decoration:underline;
}

a.textWhitelightP11{
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

a.textWhitelightP11:hover{
color:#f55a24;
font-size:11px;
text-decoration:underline;
}
a.textWhitelight11{
color:#dbe0e1;
font-size:11px;
text-decoration:none;
}

a.textWhitelight11:hover{
color:#f55a24;
font-size:11px;
text-decoration:underline;
}


a.textWhite12{
color:#FFFFFF;
font-size:12px;
text-decoration:none;
}

a.textWhite12:hover{
color:#f55a24;
font-size:12px;
text-decoration:underline;
}

a.textWhite11{
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}

a.textWhite11:hover{
color:#f55a24;
font-size:11px;
text-decoration:underline;
}

.heading2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#A5DC6D;
font-weight:bold;
text-decoration:none;
}
.normaltext {color:#333333; text-decoration:none;}
.normaltext a{color: #333333; text-decoration:none;}
.normaltext a:hover{color:#333333; text-decoration:none;}

nav {
	list-style:none;
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right:auto;
	font-weight: 600;
	padding-left:10px;
	font-size: 16px;
}


nav ul {
	text-align:center;	
	color:#333333;
}
nav ul li {
	display: inline;
	float:left;
}
nav ul li a {
	display: block;	
	padding: 5px 10px;
	color:#555555;
	text-decoration: none;
	
}
nav ul li a:hover {
	background:#eaeaea;
	color:#3333ff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	padding: 3px 6px;
	margin: 0;
	text-decoration: none;
	
}

nav ul li ul {
		position:absolute;
		width:150px;
		font-weight:600;
		 background-color: rgba(220, 220, 220, 0.6);

		
	color:#ffa500;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 5px;
	padding: 3px 6px;
	margin: 0;
	text-decoration: none;
}

nav ul li ul li a 	{display:block;float:left;}

nav ul li ul li:hover a {background:#eaeaea;color:ffa500;}

nav ul li ul.fallback {display:none}
nav ul li:hover ul.fallback {display:block}

a.textpager{
color:#8cc641;
font-size:14px;
text-decoration:none;
font-weight:600;
text-align:left;
border:none;
}
a.textpager:hover{
color:#f55a24;
font-size:14px;
text-decoration:none;

}