@import url('reset.css');

/* File Download Icons */

a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}

a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px; cursor: pointer;}
a.pdf-1 {background: url('../images/core/pdf_1.jpg') 0 0 no-repeat; cursor: pointer; display: block; width: 75px; height: 106px; border: 1px solid #999999; margin-left: 20px; }
a.pdf-2 {background: url('../images/core/pdf_2.jpg') 0 0 no-repeat; cursor: pointer; display: block; width: 75px; height: 106px; border: 1px solid #999999; margin-left: 20px; }

a.pdf-1:hover { border: 1px solid #ab0835; }
a.pdf-2:hover { border: 1px solid #ab0835; }

a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/* main tags */

body { background: url('../images/core/bg_slice.gif') 0 0 repeat; color: #3c3c3c; font-family: Arial, "MS Trebuchet", sans-serif; }


h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; font-weight: 100; padding-left: 17px; margin-bottom: 10px; }
h3 {}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }
.logo { margin-left: 46px; float: left; }

.cta { float: left; margin: 3px 0 0 70px;  }
.cta-r { float: left; margin: 3px 0 0 0px;  }

#slideshow { position: relative; display: block; width: 630px; height: 165px; float: left; margin: 20px 0 0 66px; }

.gall { width: 647px; padding-left: 10px; float: left; }

.gallery-wrapper { float: left; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; width: 622px; }
.gallery-wrapper h2 { margin-left: 0px!important; padding-left: 0px;}
.gallery-wrapper img { float: left; }

.highlight { padding: 10px 0 20px 10px; background-color: #cccccc; border: 1px solid #d78fae; float: left; }

ul.list {  margin-left: 50px; margin-bottom: 10px; }
ul.list li { list-style: disc; font-size: 0.8em; line-height: 1.6em;  }

.rimage { float: right; margin: 5px 30px 20px 20px; border: 2px solid; }

.gall a.thickbox { border: 1px solid #000000; float: left; display: block; width: 150px; height: 113px; margin-right: 2px  }
.gall a.thickbox:hover { border: 1px solid #ab0835; }


/* containers */


#container { width: 100%; float: left; background: url('../images/core/bg_header.gif') top center no-repeat; }

	#main{ width: 1024px; margin: 0 auto 0 auto; }
	#header{ width: 1024px; height: 224px; float: left; background: url('../images/core/bg_head.jpg') 0 0 no-repeat; }
	#main-inner { width: 1024px; background: url('../images/core/bg_main-top.gif') 0 0 no-repeat #ffffff; float: left; }
	
		#mainLeft { width: 310px; float: left; }
		#mainRight{ width: 714px; float: left; padding: 10px 0 0 0; }
	
		.content { width: 663px; background: url('../images/core/content_slice.gif') 0 0 repeat-y; float: right; margin: 10px 20px 0 0; }
				
		.content h1.welcome { width: 663px; height: 33px; float: left; background: url('../images/core/h1-welcome.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.contact { width: 663px; height: 33px; float: left; background: url('../images/core/h1_contact.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.glass { width: 663px; height: 33px; float: left; background: url('../images/core/h1_glass-fencing.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.gallery { width: 663px; height: 33px; float: left; background: url('../images/core/h1_gallery.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.design { width: 663px; height: 33px; float: left; background: url('../images/core/h1_design.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.slat { width: 663px; height: 33px; float: left; background: url('../images/core/h1_slat.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		.content h1.privacy { width: 663px; height: 33px; float: left; background: url('../images/core/h1_privacy.gif') 0 0 no-repeat; text-indent: -9999px; margin: 0 0 10px 0; }
		
		#p-afg h2 { margin-left: 0px; margin-bottom: 5px!important; color: #ab0835; font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.9em; float: left; width: 100%;  }		
		
		.content .footer { width: 663px; height: 17px; background: url('../images/core/content_foot.gif') 0 0 no-repeat; margin: 25px 0 0 0; float: left; clear: both; border:0px solid; }	
		.content .addr-lr { width: 230px; float: left; dislay: block; }
 		
		.content p { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.8em; line-height: 1.6em; margin: 0 20px 10px 25px; }
		.content a { color: #ab0835; }
		.content a:hover { color: #3c3c3c; }
	
		#footer{ height: 100px; }
		#footer p { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 0.7em; line-height: 1.8em; float: left; padding: 10px 0 0 15px; color: #808080; }
		#footer a { color: #808080; }
		#footer a:hover { color: #3c3c3c; }
		#footer img { float: right; margin: 10px 15px 0 0;}
	
	
/* navigation */

ul#nav{ width: 310px; height: 180px; float: left; display: block; margin: 57px 0 0 0; }

	#nav li.home { float: left; width: 304px; height: 33px; }
	#nav li.glas { float: left; width: 304px; height: 27px; }
	#nav li.alfg { float: left; width: 310px; height: 30px; }
	#nav li.alfd { float: left; width: 304px; height: 30px; }
	#nav li.slfe { float: left; width: 304px; height: 27px; }
	#nav li.cont { float: left; width: 304px; height: 33px; }

	#nav li.home a { width: 304px; height: 33px; display: block; background-image: url(../images/core/nav_01.gif); text-indent: -9999px; }
	#nav li.glas a { width: 304px; height: 27px; display: block; background-image: url(../images/core/nav_02.gif); text-indent: -9999px; }
	#nav li.alfg a { width: 310px; height: 30px; display: block; background-image: url(../images/core/nav_03.gif); text-indent: -9999px; }
	#nav li.alfd a { width: 304px; height: 30px; display: block; background-image: url(../images/core/nav_04.gif); text-indent: -9999px; }
	#nav li.slfe a { width: 304px; height: 27px; display: block; background-image: url(../images/core/nav_05.gif); text-indent: -9999px; }
	#nav li.cont a { width: 304px; height: 33px; display: block; background-image: url(../images/core/nav_06.gif); text-indent: -9999px; }

	#nav li.home a:hover { background-position: 0 -33px; }
	#nav li.glas a:hover { background-position: 0 -27px; }
	#nav li.alfg a:hover { background-position: 0 -30px; }
	#nav li.alfd a:hover { background-position: 0 -30px; }
	#nav li.slfe a:hover { background-position: 0 -27px; }
	#nav li.cont a:hover { background-position: 0 -33px; }

	#p-index li.home a { background-position: 0 -33px; }
	#p-glass li.glas a { background-position: 0 -27px; }
	#p-afd li.alfg a { background-position: 0 -30px; }
	#p-slat li.alfd a { background-position: 0 -30px; }
	#p-afg li.slfe a { background-position: 0 -27px; }
	#p-contact li.cont a { background-position: 0 -33px; }

/* form */


.form { margin-top: 10px; float: left; display: block; width: 320px;   }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 80px; vertical-align: top; float: left; font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; margin-left: 20px; }

textarea { width: 200px; font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; padding: 2px 0 0 2px;  }
input { font-size: 0.8em; font-family: Arial, "MS Trebuchet", sans-serif; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error {
  float: none;
  display: block;
  color: #ff0000;
  margin-left: 100px;
  width: auto;
}