/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
html > body * {
	outline:none;
}
body {
	margin:0;
	padding:0;
	background:#373737 url(../images/body-bg.jpg) left top repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555;
	line-height:18px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border: 0;
	outline: 0;
}
h1 {
	margin:0px;
	padding:0px 0 8px 0;
	color:#258ce5;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/dashed-bg.gif) left bottom repeat-x;
	margin-bottom:12px;
}
h2 {
	margin:0px;
	padding:0px 0 8px 11px;
	color:#258ce5;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/dashed-bg.gif) left bottom repeat-x;
	margin-bottom:12px;
}
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	margin:0px;
	padding:0px 0 5px 0;
	font-size:14px;
	font-weight:bold;
}
img {
	border:none;
	margin: 0px;
	padding: 0px;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.padnone {
	padding-bottom:0px;
}
.imgalign {
	vertical-align:middle
}
.fontsize {
	font-size:11px;
}
a.link {
	color:#248ce5;
	text-decoration:underline;
}
a:hover.link {
	color:#8bc53f;
	text-decoration:none;
}
/***********************************************************************
	2 - Structure/Layout
************************************************************************/
#body-wrapper {
	width:100%;
	background:url(../images/top-repeater.jpg) left top repeat-x;
	padding:35px 0 0 0;
	float:left;
}
#page-wrapper {
	width:950px;
	margin:0px auto;
	position:relative;
}
/***********************************************************************
	2 - Header
************************************************************************/
#header {
	width:894px;
	float:left;
	height:116px;
	background:url(../images/header-bg.jpg) left top no-repeat;
	padding:0 28px 0 28px;
}
#logo {
	float:left;
	padding:21px 0 0 0;
}
#web {
	float:right;
	text-align:right;
	padding:38px 0 0 0;
}
.gray {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#a9a8a8;
}
a.web {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#23459e;
	text-decoration:underline;
}
a:hover.web {
	color:#8bc53f;
	text-decoration:underline;
}
/***********************************************************************
	4 - Main Body
************************************************************************/
#main-body {
	width:920px;
	float:left;
	padding:15px 15px 0 15px;
	background:url(../images/bg-repeater.jpg) left top repeat-y;
}
#leftcolumn {
	width:600px;
	float:left;
}
#left-content {
	width:600px;
	float:left;
	padding-top:20px;
}
#gallery {
	width:592px;
	float:left;
	background:url(../images/gallery-bg.jpg) left top no-repeat;
	height:276px;
	padding:4px 4px 0 4px;
}
#leftcolumn p {
	padding-bottom:18px;
}
#rightcolumn {
	width:305px;
	float:right;
}
#right-content {
	width:305px;
	float:right;
	padding-top:20px;
}
#locationbox {
	width:305px;
	float:left;
	height:280px;
}
#locationmap {
	width:280px;
	float:left;
	height:29px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	padding:11px 14px 0 11px;
	background:#8bc53f;
	margin-bottom:10px;
}
#googlemap {
	width:299px;
	border:3px solid #cecece;
	float:left;
	height:224px;
}
.valign {
	vertical-align:middle;
	padding-left:140px;
}
#left-text {
	width:294px;
	padding:0 0 0px 11px;
	float:left;
}
.left-box {
	width:294px;
	float:left;
	border-bottom:1px solid #dedede;
	padding-bottom:9px;
}
.padtop {
	padding-top:10px;
}
.pic {
	width:118px;
	float:left;
}
.text {
	width:176px;
	float:right;
}
#two-box {
	width:294px;
	float:left;
	padding-top:10px;
	color:#3691df;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	font-weight:bold;
}
#two-box a {
	color:#3691df;
	text-decoration:none;
}
#two-box a:hover {
	color:#8bc53f;
	text-decoration:none;
}
#companyprofile {
	width:277px;
	float:left;
	background:url(../images/company-profile-bg.jpg) left top no-repeat;
	padding:15px 6px 0 11px;
	height:24px;
}
#productrange {
	width:277px;
	float:left;
	background:url(../images/product-range-bg.jpg) left top no-repeat;
	padding:15px 6px 0 11px;
	height:24px;
}
.list {
	margin:0px;
	padding:0px 0 0 10px;
	list-style-type:none;
	color:#187ed5;
}
.list li {
	margin:0;
	padding:0px 0 2px 15px;
	line-height:18px;
	background:url(../images/orrange-arrow.gif) left 6px no-repeat;
}
.list li a {
	color:#187ed5;
	text-decoration:none;
}
.list li a:hover {
	color:#f6921e;
	text-decoration:none;
}
.list li a.current {
	color:#f6921e;
	text-decoration:none;
}

/*-------------------------------Another Way---------------------------*/
/*
.list {
	margin:0px;
	padding:0px 0 0 10px;
	list-style-type:none;
	color:#187ed5;
}
.list li {
	dispaly:block;
	margin:0;
	padding:0px 0 2px 15px;
	line-height:18px;
	background:url(../images/orrange-arrow.gif) left 6px no-repeat;
}
.list a {
	color:#187ed5;
	text-decoration:none;
}
.list a:hover {
	color:#f6921e;
	text-decoration:none;
}
*/
/*-------------------------------Another Way---------------------------*/


#bottom {
	width:950px;
	float:left;
	background:url(../images/bottom-bg.jpg) left top no-repeat;
	height:43px;
}
/***********************************************************************
	5 - Footer
************************************************************************/
#footer {
	width:910px;
	float:left;
	background:#1f1f1f;
	padding:20px;
	font-size:11px;
	color:#868686;
}
#footer a {
	color:#868686;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:none;
}
