@charset "utf-8";
body,html {
	padding: 0;
	margin: 0;
	font-family: Tahoma;
	font-size: 11px;
	color: #666;
	background-color: #fff;
}
img {border: 0;}
a{color: #fff; text-decoration:none;}
h1 {font-weight: normal;font-size: 20px;}
h2 {font-size: 11px; color: #333;}
button {border: 0; background-color: #4e7689; color: #fff; font-size: 10px; font-weight: bold; padding: 3px 6px 3px 6px;}


#topheader {width: 100%; height: 100px; background-color: #0d1a20; background-image:url(gui/bg_top.gif);}

#nav {background-image:url(gui/bg_nav.gif); background-repeat: repeat-x; font-size: 10px; font-weight: bold;}
#nav_wrapper {float: left; width: 900px;  clear: both; text-transform:uppercase;}
#nav .item1 {float: left; width: 120px; height: 35px; line-height: 35px; text-align: center; color: #fff;}
#nav .item2 {float: left; width: 120px; height: 35px; line-height: 35px; text-align: center; color: #ffe600;}
#nav .item2 a{ color: #fff;}
#nav .item1 a{ color: #ffe600;}

#nav_arrow {float: left; width: 900px; height: 4px; line-height: 4px; font-size: 0px;}
#nav_arrow img {height: 4px; border: 0;}

#welcome h1 {font-size: 15px; font-weight: bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 10px 30px; padding: 0px;}
#welcome p {letter-spacing: 0.5px; line-height: 16px;}
.frontUL {float: left; width: 270px; text-align: justify;}
.frontUL li{margin-bottom: 2px;}

.hdr_sub {float: left; width: 670px; padding: 20px 0px 20px 0px; font-weight: normal;font-size: 20px; letter-spacing: 2px;  color: #4e7689;}
.hdr_sub img{margin-right: 10px; vertical-align: middle;}

.hdr_sub2 {float: left; width: 670px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #4e7689;margin-bottom: 10px;}
.hdr_sub_item1{float: left; padding: 8px 20px 8px 20px; text-align: center; font-size: 10px; font-weight: bold; color: #fff; background-color: #859ea2;}
.hdr_sub_item2{float: left; padding: 8px 20px 8px 20px; text-align: center; font-size: 10px; font-weight: bold; color: #666; background-color: #fff;}
.hdr_sub_item2 a{color: #1b232a;}

#content {float: left; width: 670px;}
#content p{float: left; line-height: 16px; color: #333; }
#content a.pricelist { padding: 2px 6px 2px 6px; background-color:#009900; color: #fff; font-size: 10px; font-weight: bold;}

#content h1{float: left; clear: both; font-size: 14px; color: #C33;}
#content h2{float: left; clear: both;}
#content p{float: left; clear: both; text-align: justify;}
#content .i1_title {float: left; width: 6700px; padding: 10px 0px 5px 0px; font-size: 12px; }
#content .i1_title h1{float: left; margin-left: 10px; font-size: 14px; font-weight: normal; color: #1b232a;}
#content .i1wrap {float: left; width: 670px; border: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px;}
#content .i1 {float: left; width: 650px; margin-left: 10px;border-bottom: 1px dotted #859ea2; padding: 5px 0px 5px 0px; font-size: 11px; color: #4e7689; font-weight: bold;}
#content ul {float: left; color: #333; clear: both;}
#content .price {float: right; color: #fff; background-color:#009900; font-weight: bold; font-size: 10px; padding: 3px 6px 3px 6px;}
#content a.link {color: #000; text-decoration: underline;}

#sidebar {float: left; width: 199px; border-left: 1px dotted #333; margin-top: 20px; margin-bottom: 20px;}

#indata {float: left; width: 670px;}
#indata strong{font-size: 10px;}
#indata input{width: 120px; border: 1px solid #4e7689; padding: 3px; font-size: 11px; margin-bottom: 5px; color: #4e7689; margin: 1px 0px 6px 0px;}
#indata textarea{width: 320px; height: 150px; border: 1px solid #4e7689; padding: 3px; font-size: 11px; margin-bottom: 5px; color: #4e7689;font-family: Tahoma;}

#readymade_sidebar .item{float: left; width: 190px; color: #333; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #999; text-align: left; margin-top: 5px;}
#readymade_sidebar .item a{color: #C33; font-weight: bold; font-size: 11px;}
#readymade_sidebar a{color: #4e7689; font-weight:bold; text-decoration: none; font-size: 11px;}

#companies {float: left; width: 670px;}
#companies .item {float: left; width: 670px; border-bottom: 1px dotted #999; padding: 10px 0px 10px 0px; color: #b03a1a; margin-bottom: 0px;}
#companies .item a{color: #4e7689; font-weight:bold; text-decoration: none; font-size: 10px;}
#companies .res_free {float: right; width: 80px; text-align: center; padding: 3px 0px 3px 0px; background-color:#009900; font-weight: bold; font-size: 10px;}
#companies .res_free a{color: #fff;}
#companies .res_free a:hover{color: #fff; text-decoration: underline;}
#companies .res_out {float: right; width: 80px; text-align: center; padding: 3px 0px 3px 0px; background-color: #F60; color: #fff; font-weight: bold; font-size: 10px;}
#companies .sold_out {float: right; width: 80px; text-align: center; padding: 3px 0px 3px 0px; background-color:#f00; color: #fff; font-weight: bold; font-size: 10px;}

.res_comp {float: left; width: 670px; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #333;}

#footer {float: left; width: 900px; padding: 10px 0px 10px 0px; color: #666; font-size: 10px; border-top: 1px dotted #4e7689;}
#footer a{color: #4e7689; font-weight: bold; text-decoration: none;}

#subinfo {float: left; width: 900px; font-size: 9px; color: #999; padding: 30px 0px 10px 0px;}

#contact {float: left; margin-left: 50px; width: 300px;}
#contact h1{font-size: 12px; padding: 0; margin: 0px 0px 5px 0px; color: #000; font-weight: bold;}
#contact h2{font-size: 11px; padding: 0; margin: 0px 0px 2px 0px; color: #666; font-weight: normal;}
#contact h3{font-size: 10px; padding: 0; margin: 0px 0px 2px 0px; color: #666; font-weight: bold;}
#contact a.contact_link {color: #666; text-decoration: underline;}

input.request_formular {width: 120px; border: 1px solid #4e7689; padding: 3px; font-size: 10px; margin-bottom: 5px; color: #4e7689;}
a.request_formular {color: #4e7689; font-weight:bold; text-decoration: none; font-size: 10px;}

#blog {float: left; width: 670px; color: #333;}
#blog .blog_item {float: left; width: 670px; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #666; }
#blog h1{font-size: 16px; margin: 0px 0px 3px 0px; color: #c33;}
#blog h2{font-size: 11px; margin: 0px 0px 3px 0px; color: #666;}
#blog h3{margin: 5px 0px 5px 0px; font-size: 10px;}
#blog h3 a{color: #111; text-decoration: underline;}
#blog h3 a:hover{color: #c33; text-decoration: none;}
#blog p { text-align: justify; line-height: 16px;}

#docs {float: left; width: 670px; color: #333;}
#docs .docs_item {float: left; width: 670px; padding: 5px 0px 5px 0px; border-bottom: 1px dotted #666; margin-bottom: 10px; }
#docs h1{font-size: 16px; margin: 0px 0px 3px 0px; color: #c33; font-weight: normal;}
#docs h1 img{margin-right: 10px;}
#docs h1 a{font-size: 11px; color: #c00; text-decoration: underline;}
#docs h2{font-size: 11px; margin: 0px 0px 3px 0px; color: #666;}
#docs h3{margin: 5px 0px 5px 0px; font-size: 10px;}
#docs h3 a{color: #111; text-decoration: underline;}
#docs h3 a:hover{color: #c33; text-decoration: none;}
#docs p { text-align: justify; line-height: 16px;}