/*CSS - RESET*/
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, sub, /*sup, */tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*---------------CLEARFIX------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%;}
/*---------------END CLEARFIX------------------*/

body { margin:0; padding:0; font-size:75%; 
       font-family:Arial, Helvetica, Sans-Serif; color:#383838; 
       background: url('../img/css/bg.png') repeat-x #d2d1d2; 
}
	
.hide{display: none;}

p { margin: 0 0 1em 0; line-height:18px;}
/* Content area typography */
h1 { margin:0 0 0.5em 0 ; color:#333; font-weight:normal ; font-size:210%; font-family: arial; }
h2 { margin:0 0 0.8em 0 ; color:#999; font-weight:normal ; font-size:155% ; }
h3 { margin:0 0 15px 0 ; color:#333; font-weight:normal ; font-size:150% ; }
h4 { color:#888 ; font-weight:normal; font-size:140% ; }

a:link, a:visited {color:#630132; text-decoration:underline;}
a:hover {color:#630132;text-decoration:none;}

.left { float:left;}
.right { float:right;}	
.bold {font-weight:bold;}
.clear {clear:both;}
.no_margin {margin:0}
.red {color:#ec3025;}
	
#wrapper {width:900px; margin:20px auto;}

sup {font-size:9px;}
ol li {margin: 0 0 1em;}
	
#maincontent {  float: left; background:#fff; width: 100%; padding:0; min-height:560px; height:auto !important; height:560px;}
#maincontent .mainContentWrapper{ float: left; padding: 20px;}
#maincontent .mainContentWrapper .leftPanel { width:120px; margin: 0 20px 0 0; float: left; min-height:560px; height:auto !important; }
#maincontent .mainContentWrapper .centerContent { float: left; width:449px; margin: 0 20px 0 0;  min-height:560px; height:auto !important;}
#maincontent .mainContentWrapper .centerContent.wide { width:559px;}
#maincontent .mainContentWrapper .rightPanel { float: left; width:280px; min-height:560px; height:auto !important;}
#maincontent .centerContent ul {margin-left: 15px;}

.nav.secondary { margin-right:16px ; width:150px ; min-height:10px ; font-size:110% ; display:inline;}
.nav.secondary ul { margin-left:0 ; list-style-type:none ; }
.nav.secondary a { color:#999; text-decoration: none; }
.nav.secondary a.parent { color:#555 ; }
.nav.secondary a.selected  { color:#555 ; }
.nav.secondary li { margin:0 ; padding:0 0 2px 0 ; }
.nav.secondary ul ul { margin-top:2px ; }
.nav.secondary ul ul li { padding-left:15px ; background:url(../img/css/arrow-nav.jpg) no-repeat 0 3px ; font-weight:normal ; }
.nav.secondary ul ul li a { color:#999; }

.header {float: left; padding: 10px 20px 30px 20px; position: relative;}
.header img {float: left; margin: 0; padding: 0;}

#nav {width:100%; float: left; margin: 0; background: url('../img/css/bgNav.gif'); padding: 0;}
#nav ul li{list-style:none; display:block; float:left; height: 50px;}
#nav ul li.selected {border-top: 10px solid #999; margin: -10px 0 0 0;}
#nav ul li a { display:block; float:left; color: #333; text-decoration: none; background: url('../img/css/bgNav.gif');}
#nav ul li a:hover{ text-decoration: underline; background: url(../img/css/default_container_back.gif) repeat-x;}
#nav ul li a span{display:block;padding: 17px;}
#nav ul li.selected a {color: #999}

#maincontent .centerContent #gallery ul {  margin-left: 0;}
#gallery{ float: left; margin:0;padding:0; width: 549;}
#gallery ul {float:left; list-style:none; margin: 0; padding: 15px 0 0 16px;  background: url(../img/css/default_container_back.gif) repeat-x #fafafa; }
#gallery ul li {float: left; list-style:none; margin: 0 5px 5px 0; padding: 0;}
#gallery ul li a {float: left;  border: 5px #bbb solid;}
#gallery ul li a:hover { border: 5px #333 solid;}
#gallery ul li img {float: left; padding: 0; margin:0;}
#gallery .filter { margin: 0 0 0 0; background: url('../img/css/footer.png') repeat-x #2B2B2B; padding: 15px; }
#gallery label { color: #fff; margin: 0 10px 0 0;}

.modGallery ul { margin: 0 -6px -5px 0; overflow:hidden; list-style: none; }
.modGallery ul li { float: left; padding: 0 6px 5px 1px; list-style: none;}
.modGallery ul li a {float: left;  border: 5px #ddd solid; }
.modGallery ul li a:hover { border: 5px #333 solid;}
.modGallery ul li img { float: left; padding: 0; margin: 0;}

.leftCol { float: left; width: 459px;}
.rightCol { float: left; width: 380px; margin: 0 0 0 20px; }

.module { background: url('../img/css/back.png') repeat-x #949292; padding: 20px; border-bottom: 4px solid #ccc; margin: 0 0 20px 0; }
.module h3 { font-size: 150%; color: #333; padding: 0 0 10px 0; }
.module h3 a { color: #333; }
.module p.seemore {margin: 10px 0 0 0;}

.module .product {clear: both; float: left; width: 320px; margin: 0 0 10px 0;}
.module .product a img.thumb {float: left; margin: 0 10px 0 0;}
.module .product a img {float: left;  border: 5px #ddd solid; }
.module .product a:hover img { border: 5px #333 solid;}
.module .product h4 { font-size: 14px; display: block; float: none; }

.module.relatedLinks { margin-bottom:16px ; padding:15px; background: url(../img/css/default_container_back.gif) repeat-x top left #fff;}
.module.relatedLinks h3 { margin:0 0 0.3em 0 ; padding-bottom:0.3em ; color:#333 ; font-size:150% ; }
.module.relatedLinks ul { margin:0 ; list-style-type:none ; font-size:110% ; }
.module.relatedLinks li { margin:0 ; padding-top:1px ; }
.module.relatedLinks li.active {  background:url(../img/css/link_icon_download.gif) no-repeat top left ; padding: 0 0 0 15px;}
.module.relatedLinks li a { display:block ; padding-top:0.1em ; padding-bottom:0.1em ; color:#4B4B4B ; }

.listItems { border:0;border-bottom:1px solid #ccc ;}
.listItems .listItem { float: left; border-bottom:1px solid #ccc ; padding:1em 0 ; clear: both; width: 549px;}
.listItems .listItem.last { border:0; }
.listItems .listItem a img { float:right ; margin-left:16px ; display:inline; border: 4px solid #ccc; }
.listItems .listItem a:hover img { border: 4px solid #888; }
.listItems .listItem h3 { margin-bottom:0.3em ; }
.listItems .listItem h3 a { color:#444; font-size: 90%;}
.listItems .listItem h3 a:hover { border-bottom:1px solid #ccc ; text-decoration:none ; }
.listItems .listItem p { margin:0 ; }

.form {margin-bottom:16px ; padding:15px;  background: url(../img/css/default_container_back.gif) repeat-x top left #FAFAFA;}
.form table { position: relative; margin: 0; padding: 3px 0 3px 0; width: 100%; }
.form table tr th { padding: 4px 0 5px 0; text-align: left; font-size: 130%; font-weight: normal;}
.form .row { vertical-align: mIddle; padding: 0 0 5px 0; color: #666;} 
.form .row label { width: 120px; float: left;} 
.form .row.wrap label { width: 120px; float: none;} 
.form .row.legal label { width: 250px;} 
.form .row.title { padding: 4px 0 5px 0; width: 150px;  vertical-align: top;}
.form .row.label { margin: 10px 0 0 0; width: 150px;  vertical-align: top;}
.form .row .textBox{ width: 200px;}
.form .row.button{ margin: 0; padding: 10px 20px 0 0;}

div.error {margin:20px 0 20px 0; padding:15px ; border: 1px solId #ccc; color:#A52222; background:#F8E9D9}
div.loading {margin:20px 0 20px 0; padding:15px; border: 1px solId #ccc; color:#999; background:#eee;}

div.error ul {margin: 10px 0 0 10px;color:#A52222;}
div.error ul li {color:#A52222;}
.error-asterix {color: #A52222; padding:0 15px;}

input.button { background: url('../img/css/button_back.gif') #2B2B2B; border: 1px solid #ccc; color: #eee; font-size: 90%; padding: 5px 10px; cursor: pointer;}

.vcard {background: url('../img/css/back_2.png') #E0E0E0; color: #eee;}
.vcard p.fn.n {font-size: 140%; margin: 0 0 10px 0;}
.vcard ul { list-style: none;}
.vcard a { color: #eee;}
.vcard .tel {  font-size: 150%; letter-spacing: 0; color: #eee;}
.vcard .email { margin: 0 0 10px 0;letter-spacing: 0; color: #eee; }
.vcard .adr { margin: 0 0 10px 0;color: #ccc; font-style:italic; font-weight: bold;}

.contactus-info { float: left; margin: 0 0 10px 0;}
.contactus-map { float: left; margin: 0 20px 10px 0;}
.contactus-form{ margin: 30px 0 0 0; }


#footer { float: left; margin:0 auto; width:900px; background:url('../img/css/footer.png') repeat-x; position:relative;}
#footer .wrapper {float: left;  padding: 20px;}
#footer ul { float:left; list-style-type:none; padding: 0 10px; margin: 0;}
#footer li { float:left ; padding:0 8px 0 12px ; background:url(../img/css/list_dot_grey_large.gif) no-repeat left center ; }
#footer li.first { padding-left:0 ; background-image:none ; }
#footer li { background: transparent url(../img/css/list_dot_grey_small.gif) no-repeat scroll left center; float:left; }
#footer li a { color:#eee; float:left;}
#footer span.copyright {clear:left;float:left; color: #eee; padding-left: 10px; padding-top: 10px;}

.introTextBlock h2 { font-size: 200%; font-style: italic; color: #660034; text-align: center; padding:5px;}

.successMessage { background:url('../img/css/footer.png') repeat-x; clear:left; float:left; padding: 20px; color: #eee;}
.successMessage h1,.successMessage h2,.successMessage h3 { color: #eee;}

.intro{ margin: 15px 0 0 0;}

.servicePics { margin:0 0 16px 0 ; padding:16px; background: url('../img/css/footer.png') repeat-x #959595 ; color: #fff; position: relative; height: 145px;}
.servicePics h4 { position: absolute; left: 10px; top: 5px; color: #fff;}
.servicePics .imgContainer {position:absolute; top:0; left:0; float:left; font-family: Verdana;  background: #eee;}
.servicePics #items_container { width: 200px; height: 175px; top: 0; left: 15px;}
.servicePics #items_container .slide_item {position:absolute; left: 15px; top: 40px;}

.header .slogan {position:absolute; left: 230px; top:25px;}

.homeHero {float: left; border-bottom: 4px solid #ccc; clear:both; height: 300px;}