/* Guntner UK CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background:url(../images/diagonal.gif);
	/*background-color:#F5F5F5;*/
	padding:0;
	margin:0;
	min-width: 800px;	
	width:expression(documentElement.clientWidth < 800? "800px": "100%" );
}

form{padding:0; margin:0;}

/*Text attributes*/

p{margin:0; padding:0;}

h1{
	font-size:1.5em;
	font-weight:bold;
	color:#00599B;
	padding:0;
	margin:0 0 15px 0;
	/*text-transform:uppercase;*/
}

h2{
	font-size:1.2em;
	font-weight:bold;
	color:#00599B;
	padding:0;
	margin:0;
	/*text-transform:uppercase;*/
}

h3{
	font-size:1em;
	font-weight:bold;
	color:#000;
	padding:0;
	margin:0;
}

.mainleft ul li{
	list-style-image:url(../images/bluearrow.gif);
}

#rightcol ul li{
	list-style-image:url(../images/bluearrow.gif);
}

.ht{
	font-weight:bold;
	padding:0;
	margin:0;
}

.ln{
	color:#EE1C2E;
	font-weight:bold;
	margin:0;
	padding:0 10px 0 0;
}

.ln a:visited{
	color:#00599B;
	font-weight:bold;
	margin:0;
	padding:0;
}

.telno{
	font-size:1.6em;
	color:#00599B;
	font-weight:bold;
	margin:0;
	padding:0;
}

.gallery{
	color:#00599B;
	font-weight:bold;
	text-align:center;
}

a{	
	color: #007EDC;
	text-decoration:underline;
}

a:hover{
	background-color:#00599B;
	color:#FFFFFF;
}

a:active{
	background-color:#00599B;
	color:#FFFFFF;
}

a:visited a:hover{
	color:#00599B;
	text-decoration:underline;
	font-weight:none;
}


/*Layout attributes*/

#container{
	width:100%;
	text-align:center;
}

.topbackground{
	background-color:#CCCCCC;
	background-image:url(../images/topbackground.jpg);
	height:177px;
	margin:0;
	padding:0;
}

.container2{
	width:800px;
	margin:auto;
	/*float:left;*/
}

.maincontainer{
	width: 800px;
	margin:auto;
	padding:0;
	float:left;
	border-right:dashed 1px #DEDEDE;
	border-left:dashed 1px #DEDEDE;
	text-align:left;
}

#tagline{
	height:24px;
	padding:3px 0;
	background-color:#A3A3A3;
	background-image:url(../images/mainnav.jpg);
	border-bottom:1px solid #999999;
}

#taglinecontent{
	width:800px;
	color:#FFFFFF;
	text-align:left;
}

#tagleft{
	float:left;
	width:390px;
	padding:0 0 0 10px;
	margin:0;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
}

#tagright{
	float:left;
	padding:0;
	margin:0;
	width:399px;
	text-align:right;
}

#header{
	padding:0;
	margin:0;
	height:217px;
	background-image:url(../images/guntnerbackground.gif);
}

#mainbanner{
	width:800px;
	height:100px;
	clear:both;
	float:left;
	background-color:#FFFFFF;
	background-image:url(../images/guntnerlogobanner.gif);
}

#mainbannerback{
	height:100px;
	background-color:#FFFFFF;
}

#mainbannerleft{
	width:110px;
	height:100px;
	float:left;
}

#mainbannerright{
	width:678px;
	float:left;
	text-align:right;
	padding:10px 10px 0 0;
	height:90px;
}

#bluemenu{
	width:780px;
	height:47px;
	background-image:url(../images/bluemenu.jpg);
	color:#FFFFFF;
	padding:0;/*took away 20px right to fit in new menu*/
	margin:0;	
	clear:both;
	float:left;
	/*border-top:3px solid #EE1C2E;*/
}

#bluemenuback{
	height:47px;
	background-image:url(../images/bluemenu.jpg);
}

#bluemenu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#bluemenu li{
	display:inline;
}

.bluemenu li span{	
	background-image:url(../images/bluemenuredsq.jpg) 100% 0 no-repeat;
	padding: 3px 10px 3px 0;
	display:block;
}

#bluemenu a{
	height:47px;
	color:#FFFFFF;
	text-decoration:none;
	border-right:1px solid #02509A;
	padding: 0 10px;
	text-align:center;
	line-height:3.9em;
	display:block;
	float:left;
}

#bluemenu a:hover{
	height:42px;
	border-top:5px solid #EE1C2E;
	color:#FFFFFF;
	line-height:3.1em;
	/*text-decoration:underline;*/
	/*background-color:#EE1C2E;*/
	/*background-image:url(../images/bluemenuhoverred.jpg); does not work in ie6*/
}

#mainnav{
	width:800px;
	height:30px;
	background-image:url(../images/mainnav.jpg);
	clear:both;
	line-height:1.5em;
	float:left;
	font-size:1.1em;
	/*border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;*/
}

#mainnavleft{
	width:50%;
	float:left;
}

#mainnavright{
	width:49%;
	float:left;
}

#mainnav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#mainnav li{
	display:inline;
	padding:0;
}

#mainnav a{
	margin:0;
	padding:0 8px;
	text-align:left;
	border-right:1px solid #D3D3D3;
	height:30px;
	display:block;
	float:left;
	line-height:2.6em;
	text-decoration:none;
	font-size:0.8em;
	color:#000000;
}

#mainnav a:hover{
	background-color:#EE1C2E;
	color:#FFFFFF;
}

#banner{
	width:800px;
	margin:0;
	padding:0;
	height:180px;
	background-color:#005A9D;
	background-image:url(../images/guntnerbanner.jpg);
	/*border-bottom:8px #DEDEDE solid;*/
	clear:both;
	float:left;
}

#main{
	width:800px;
	padding:0;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
	float:left;
}

.mainleft{
	width:506px;
	float:left;
	padding:0 10px;
	margin:0;
	clear:left;
	border-right:solid 1px #DEDEDE;
}

.mainright{
	width:253px;
	float:left;
	padding:0 10px;
	margin:0;
	clear:right;
}

/*.mainright ul{
	margin:0;
	padding:0;
}

.mainright li{
	margin:0;
	padding:3px 0;
	list-style:none;
	border-bottom:1px solid #CCCCCC;
}

.mainright a{
	text-decoration:none;
	color:#00599B;
	font-weight:bold;
}*/

.homecontain{
	margin:0;
	padding:10px;
}

.homecol{
	margin:0 5px 20px 5px;
	padding:5px;
	float:left;
	width:240px;
	/*border-right:1px dashed #333333;*/
}

.homecol ul{
	padding:0;
	margin:0;
}

.homecol li{
	padding:0 10px;
	margin:0;
	list-style:none;
}

.maincol{
	width:243px;
	float:left;
	padding:5px;
	margin:0;
	text-align:left;
	border-bottom:1px solid #DEDEDE;
}

.maincoltext{
	width:243px;
	margin:0;
	padding:10px 0;
}

.maincoltext ul{
	margin:0 0 0 10px;
	padding:0;
}

.maincoltext li{
	list-style-image:url(../images/lightbluearrow.gif);
	margin:0;
	padding:0;
}

.maincoltext li a:hover{
	list-style-image:url(../images/redarrow.gif);
}

.products{
	margin:0;
	padding:0;
}

.latestnews li{
	margin:0 5px 0 0;
	padding:7px 0;
	border-bottom:dashed 1px #CCCCCC;
	list-style:none;
}

#leftcol{
	width:195px;
	float:left;
	margin:0;
	padding:10px 0 10px 5px;
}

.leftcolcontent{
	width:175px;
	padding:5px 10px;
	margin:10px 0;
}

.leftcolcontent img{
	background-color:#FFFFFF;
}

.leftcolcontent a:hover{
	background-color:#FFFFFF;
}

#leftcol ul{
	list-style:none;
	margin:0;
	padding:0;
	width:165px;
}

#leftcol li{
	display:block;
	background-color:#FFFFFF;
	width:165px;
	margin:0;
	padding:0;
}

#leftcol li a{
	display:block;
	width:165px;
	margin:0;
	padding:3px 10px;
	text-decoration:none;
	border-bottom:dashed 1px #CCCCCC;
	color:#00599B;	
}

#leftcol li a:hover{
	background-color:#00599B;
	color:#FFFFFF;
	width:162px;
	border-right:solid 3px #EE1C2E;
}

#leftcol li a:visited a:hover{
	background-color:#00599B;
	color:#FFFFFF;
}

#rightcol{
	width:579px; /*minus 10px padding either side*/
	float:left;
	margin:0;
	padding:10px;
}

#rightcol img{
	background-color:#FFFFFF;
}

#rightcol img a:hover{
	background-color:#FFFFFF;
}

#rightcol ul{
	margin:10px 20px;
	padding:0;
}

#rightcol li{
	margin:0;
	padding:0;
	list-style:square;
}

#rightcol img{
	padding:10px;
	margin:0;
}

.blue{
	width:800px;
	background-image:url(../images/bluemenu.jpg);
	background-repeat:repeat-x;
	background-color:#0066B1;
	clear:both;
}

#gallerymain{
	width:780px;
	padding:10px;
	margin:0;
}

.imageGallery{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;
}

.imageGallery li{
	float:left;
}

#gallerytable{
	text-align:left;
	/*font-size:1em;*/
	/*font-weight:bold;*/
	color:#000000;
}

#gallerytable td{
	padding:3px;
	vertical-align:top;
	font-size:0.95em;
}

#gallerytable a img{
	border:3px solid #DEDEDE;
}

#gallerytable a:hover img{
	border:3px solid #EE1C2E;
}

#lowernav{
	background-color:#F3F3F3;
	height:21px;
	/*background-image:url(../images/silver.jpg);*/
	border-top: solid 1px #D3D3D3;
	border-bottom: solid 1px #D3D3D3;
	color:#000000;
	width:800px;
	padding:0;
	margin:0;
	clear:both;
	float:left;
}

#lowernav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#lowernav li{
	display:inline;
	padding:0 5px;
	border-right:1px solid #FFFFFF;
}

#lowernav a{
	color:#000000;
	text-decoration:none;
}

#lowernav a:hover{
	text-decoration:underline;
}

#footer{
	width:780px;
	padding:10px;
	margin:0;
	clear:both;
	background-color:#FFFFFF;
	float:left;
	text-align:center;
}

/*#footer a{
	color:#000000;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}*/

#footerleft{
	width:60%;
	text-align:left;
	float:left;
}

#footerright{
	width:39%;
	text-align:right;
	float:left;
}

.sitemap{
	margin:0;
	padding:10px;
	width:180px;
	float:left;
}

.silver{
	width:163px;
	background-image:url(../images/silver.jpg);
	height:15px;
	border: solid 1px #C8C8C8;
	margin:0;
	padding: 3px 10px;
}

.silver2{/*used for the home page*/
	width:221px;
	background-image:url(../images/silver.jpg);
	height:15px;
	border: solid 1px #C8C8C8;
	margin:0;
	padding: 3px 10px;
}

.silver3{/*used for the home page*/
	width:485px;
	background-image:url(../images/silver.jpg);
	height:15px;
	border: solid 1px #C8C8C8;
	margin:0;
	padding: 3px 10px;
}

.clear{
	width:800px;
	height:1px;
	clear:both;
	margin:0;
	padding:0;
}