body{
 /* positioning */
 border:0;
 height:100%;
 margin:0;
 max-height:100%;
 padding:0;
 
 /* style */
 font-family:arial, verdana, sans-serif;
 overflow: hidden;
 text-align:center;
 }
		
#header{
 /* positioning */
 height:130px;
 left:0;
 overflow:hidden;
 position:absolute;
 top:0;
 width:100%;
 
 /* style */
 background:#ffffff;
 color:#00008b;
 overflow:auto;
 }
 
 
 
 
 
 
 
 
.bar{ 
 /* positioning */
 height:20px;
 left:0;
 position:absolute;
 width:100%;
 
 /* style */
 background:#ffd700;
 text-align:center;
 }

 
#nav{
 /* positioning */
 bottom:0;
 left:0;

 }
 #nav1{
width:205px;
position:absolute;
font-family:arial, verdana, sans-serif;
text-align:center;
color:#00008b;
margin-top:75px;
margin-bottom:10px;
left:0;
padding-left:95px;
height:20px;
font-weight:bold;
  }
 .bar2{ 
 /* positioning */
 height:20px;
 left:0;
 position:absolute;
 width:100%;
 
 /* style */
 background:#ffd700;

 }
 
#footer{
 /* positioning */
 bottom:0;
 height:50px;
 left:-2px;
 overflow:hidden;
 position:absolute;
 width:100%;
 
 /*style*/
 text-align:right;
 background:#ffffff;
 color:#00008b;
 }
 
#footer-bar{
 /* positioning */
 bottom:40px;
 height:10px;
 }

 
/* all non IE browsers work properly */

#content{
 /* positioning */
 bottom:50px;
 left:0;
 overflow:auto;
 position:fixed;
 right:0;
 top:100px;
 margin-top:30px;
 
 /*style*/
 background:#00008b;
 color:#ffffff;
 text-align:center;
 }
 
/* IE however is fucked */

* html body{
  padding:100px 0 50px 0;
  }

* html #content{
  height:100%;
  width:100%;
  }
  
/* the star doors logo */

#branding-logo{
 /* positioning */
 left:0px;
 position:absolute;
 top:0;
 }
 
/* star doors details */
#details{
 /* positioning */
 background:#ffffff;
 position:absolute;
 right:10px;
 
 
 /* styling */
 color:#00008b;
 font-size:12px;
 font-family:helvetica,verdana,arial,sans-serif;
 }
 
/* links at the top */
a.toplink:link,a.toplink:visited{
 /* styling */
 color:#00008b;
 font-family:helvetica,verdana,arial,sans-serif;
 font-size:14px;
 margin-top:0;
 text-align:center;
 text-decoration:none;
 }
 
a.toplink:hover{
 /* styling */
 color:#ffffff;
 font-family:helvetica,verdana,arial,sans-serif;
 text-align:center;
 }
/****** FOOTER ******/

/* w3c validation */

#w3c-validation{
 /* positioning */
 left:10px;
 top:14px;
 position:absolute;
 }
 
 
#w3c-validation img{
 /* styling */
 border-style:none;
 }
 
/* details of site author */
#siteinfo{
 /* positioning */
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 
 /* styling */
 color:#00008b;
 font-family:helvetica,verdana,arial,sans-serif;
 font-size:9px;
 text-align:center;
 }
 
/* sub navigation for designs page only at the moment */
a.sub-nav{
 /* styling */
 color:#ffd700;
 font-family:helvetica,verdana,arial,sans-serif;
 text-align:center;
 text-decoration:none;
 }
 
/* index page styling */

#index-border{
 /* positioning */
 /*bottom:50%;*/
 height:470px;
 left:50%;
 margin-left:-382px;
 margin-top:2%;
 position:absolute;
 right:50%;
 width:765px;
 
 /* styling */
 color:#ffffff;
 text-align:left;
 }
 
#index-border p{
 /* positioning */
 margin:0;
 padding:0;
 }
 
#index-border h1{ 
 /* styling */
 color:#ffd700;
 font-size:35px;
 }

#index-border h2{
  color:#ffd700;
  font-size:27px;
  }

#index-border h3{
  color:#ffffff;
  font-size:18px;
  text-align:center;
  margin-top:-20px;
  }
 
#services{
  margin-top:13px;
  }
#services1{
  margin-top:10px;
 
  }
  #services2{
  
  margin-top:0px;
  padding:0px 0 20px 460px;
  color:#FFFF00;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:14px;
  font-weight:bold;
 
  }
  #services3{
  width:300px;
  margin-top:0px;
  padding:0px 0 20px 530px;
  color:#FFFF00;
  font-family:helvetica,verdana,arial,sans-serif;
  font-size:14px;
  font-weight:bold;
 
  }
 #services4{
 float:0px;
width:400px;
 
 
  }
 


#free-measure{
  margin-top:-5px;
  }
 
#index-border ul{
 /* positioning */
 margin-left:20px;
 margin-top:8px;
 padding:0;
 height:250px;
 }
 
#index-border li{
 /* positioning */
 margin:0;
 padding:0;
 
 /* styling */
 font-size:19px;
 /*height:25px;*/
 }
 
.float-right{
 /* positioning */
 float:right;
 margin:4px 2px 0 2px;
 }

 /* positioning */
.clear-right{
 float:right;
 clear:right;
 margin:4px 2px 0 2px;
 }
 
.float-left{
 float:left;
 }
 
#contact-us{
 /* styling */
 border:none;
 margin:0;
 top:0px;
 }
 
#contact-us-page{
 /* styling */
 background:#00008b;
 color:#ffffff;
 font-size:80%;
} 
 
#contact-us-page label{
 /* positioning */
 float:left;
 margin-left:0px;
 width:130px;
 
 /* styling */
 text-align:left;
 }

#contact-us-page input{
 /* positioning */
 margin-bottom:5px;
 margin-right:80px;
 width:180px;
 }
 
#contact-us-page textarea{
 /* positioning */
 height:150px;
 margin-bottom: 5px;
 margin-right:10px;
 width:250px;
 }
 
#contact-us-page form{
 /* positioning */
 margin: 20px 20px 20px 20px;
 width:420px;
 }
 
#contact-us-page #submitbutton{
 /* positioning */
 margin-left:35px;
 margin-top:5px;
 width:90px;
 }
 
#thankyou-page{
 /* styling */
 background:#00008b;
 color:#ffffff;
 font-size:80%;
}

#thankyou-page p{
 /* positioning */
 margin-top:50%
 }

#thankyou-page a{
 /* positioning */
 height:100%;
 left:0;
 position:absolute;
 width:100%;
 border:none;
 
 /* styling */
 color:#ffffff;
 text-decoration:none;
}

/* about us */

#aboutus-border{
 /* positioning */
 padding:0;
 position:absolute;
 width:765px;
 height:300px;
 left:50%;
 margin-left:-382px;
 margin-top:2%;
 
 /* styling */
 color:#ffffff;
 text-align:left;
 }
 
#aboutus-border h1{
  margin-left:83px;
  font-size:35px;
  color:#ffd700;
  }
 
#aboutus-border p{
 /* positioning */
 margin-left:83px;
 margin-top:10px;
 width:600px;
 
 /* styling */
 }

#aboutus img{
 /* positioning */
 float:right;
 margin-bottom:15px;
 margin-left:10px;
 margin-top:25px;
 }
 
/* invisigard */

#invisigard-border{
  position:absolute;
  width:766px;
  left:50%;
  margin-left:-383px;
  /*margin-top:2%;*/
  /*border:solid;*/
}

#invisigard-border h1{
  text-align:left;
  font-size:35px;
  color:#ffd700;
  }

#invisigard-border p{
  text-align:left;
  }
  
#invisigard-border li{
  text-align:left;
  }
 
/* styling for the various galleries */

/* gallery container */
.gallery {
	text-align: center;    /* centers inline paragraphs */
	margin: 1em 5%;
	background-color:#00008b;
	padding: .5em;
  width:70%;
  margin-left:auto;
  margin-right:auto;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
  border:none;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

.gallery h1{
  margin-left:83px;
  font-size:35px;
  color:#ffd700;
}

.gallery a {
	display: table-cell;   /* default, for gecko & Opera6- */
	margin: .5em;
	padding-left: 2px;
  padding-right:2px;
	vertical-align: top;   /* aligns the img/caption container */
	width: 8em;            /* adjusts with text size */
	min-width: 150px;      /* not always honored, but that's OK */
  color:#ffffff;
  font-size:10px;
  text-decoration:none;
}

/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;        /* fill container width, force a line break */
	height: 205px;         /* a bit larger than highest img */
	line-height: 205px;    /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 7px;         /* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;     /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* individual styling for designs */

#designs-hd a{
  min-width:50px;
  }
#designs-hd span{
}
  
#designs-stan span{
  height:105px;
  line-height:105px;
  }
  
#designs-sl a{
  min-width:40px;
  }
  
#designs-sd a{
  min-width:100px;
  }
  
#colour-gallery span{
  height:85px;
  line-height:85px;
  }
  
#colour-gallery a{
  min-width:40px;
  }
  
#colour-gallery i{
  height:25px;
  }
  
#lock-colours span{
  height:85px;
  line-height:64px;
  }
  
#lock-colours a{
  min-width:40px;
  }
  
#lock-colours i{
  height:15px;
  }
  
#invisi-pics span{
  height:255px;
  line-hieght:255px;
  }
#invisi-pics a{
	min-width:195px;
  }

#wide a{
  mind-width:300px;
	height:260px;
  line-hieght:260px;
	}

  
/* Site Map Links */

/* links at the top */
a.sitemaplink:link,a.sitemaplink:visited{
 /* styling */
 color:#ffffff;
 font-family:helvetica,verdana,arial,sans-serif;
 font-size:14px;
 margin-top:0;
 text-align:left;
 text-decoration:none;
 }
 
a.sitemaplink:hover{
 /* styling */
 color:#ffd700;
 font-family:helvetica,verdana,arial,sans-serif;
 text-align:left;
 }
 
#sitemap{
  position:absolute;
	margin-left:50%;
	margin-right:50%;
	left:-200px;
	width:400px;
	}
#sitemap h1{
  font-size:35px;
  color:#ffd700;
}

#sitemap p{
  text-align:left;
	}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell;   /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */


#w3c-validation1{
 /* positioning */
 left:15px;
 position:absolute;
 padding-top:20px;
 width:400px;
 }








a.toplink1:link,
a.toplink1:visited{
 /* styling */
 color:#00008b;
 font-family:helvetica,verdana,arial,sans-serif;
 font-size:14px;
 margin-top:0;
 text-align:center;
 text-decoration:none;

 }
 
a.toplink1:hover{
 /* styling */
 color:#000000;
 font-family:helvetica,verdana,arial,sans-serif;
 }
 
 a.invis:link,img.invis:hover,img.invis:active,img.invis:visited{
  border:0;
 }
 
 a.temp:link,
 a.temp:visited{
  color:#ffd700;
 font-family:helvetica,verdana,arial,sans-serif;
 margin-top:0;
 text-align:center;
 text-decoration:none;
 }
 
 a.temp:hover{
  color:#ffffff;
  text-decoration:underline;
 }