/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==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, 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;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* ==End======================================================================================= */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background:#2c2c2c;text-align:center;}

/* Links */
a, a:link, a:visited{color:#bbbbbb;}
a:hover{text-decoration:none;}

a.formbutton, a.formbutton:link, a.formbutton:visited{margin-top:5px;margin-bottom:5px;display:block;width:85px;height:25px;line-height:25px;text-align:center;color:#dddddd;font-size:1em;text-decoration:none;
	background:url(/images/btnSubmit.gif) 0px 0px;}
a.formbutton:hover{background-position:0px 25px;color:white;text-decoration:none;}
		
/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:0px;padding-bottom:10px;margin-left:15px;margin-right:10px;font-size:1em;line-height:1.3em;word-spacing:0.1em;color:#999999;}
img{border:none;}

h1,h2,h3{font-family:arial,sans-serif;font-weight:normal;margin-bottom:8px;margin-left:15px;margin-right:10px;}
	h2{font-size:1.3em;color:#eeeeee;margin-bottom:10px;}
	h3{font-size:1.2em;color:#cccccc;margin-bottom:5px;}

ul{list-style-type:disc;margin-left:15px;color:black;}
	li{line-height:20px;}
	
.required, .warning, .errortext{color:red;}
.left{float:left;}
.right{float:right;}
.strong{font-weight:bold;}
.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#555555;}
.promotiontext{color:red;font-size:2em;}
.pricereduction{text-decoration:line-through;}

/* tables */
table{margin-left:15px;font-size:1em;}
	td{vertical-align:top;}
	td.label{width:60px;color:#999999;}
	td.data{}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}

/* Wrapper */
#canvas{position:relative;margin: 20px auto 0px auto;text-align:left;width:710px;}
	
/* Banner */
#banner{position:relative;text-align:left;width:700px;height:165px;background:url(/images/banner.jpg) top right no-repeat;}
	#banner h1{position:absolute;padding:0px;margin:0px;top:25px;left:27px;text-indent:-9999px;font-size:.1em;width:387px;height:57px;background:url(/images/banner_text.png) top left no-repeat;}
	#banner h2{position:absolute;top:98px;left:29px;width:350px;margin:0px;}
	#banner h3{position:absolute;width:350px;margin:0px;top:25px;left:463px;width:200px;text-align:right;color:#dddddd;line-height:19px;}
	
	#banner #flashanimation{position:absolute;top:16px;left:417px;width:250px;height:130px;}

/* Navigation */
#navigation{position:relative;text-align:left;width:705px;border-top:10px solid #2c2c2c;}
	
	#navigation #tabs{}
		#tabs ul{margin:0px;padding:0px;list-style-type:none;}
		#tabs ul li{margin:0px;padding:0px;display:inline;}
			#tabs ul li a{margin:0px;margin-right:12px;padding:0px;float:left;width:130px;height:37px;line-height:34px;text-align:center;font-size:12px;text-decoration:none;background:url(/images/button.gif) 0px 0px;}
			#tabs ul li a.lastitem{margin-right:0px;}
			#tabs ul li a:hover{background-position:0px 74px;color:white;}
			#tabs ul li a.focus{background-position:0px 37px;color:#999999;}
			#tabs ul li a.focus:hover{background-position:0px 37px;color:#999999;}
		
/* Content #tabs }*/
#content{position:relative;text-align:left;width:700px;border-top:10px solid #2c2c2c;}

	#content #left_col{float:left;width:413px;background:red;padding-bottom:13px;background:#0b0b0b url(/images/left_col_bottom.gif) left bottom no-repeat;}
		#content #left_header{height:13px;background:url(/images/left_col_top.gif) top left no-repeat;}

	#content #right_col{float:left;margin-left:15px;width:271px;padding-bottom:13px;background:#0b0b0b url(/images/right_col_bottom.gif) left bottom no-repeat;}
		#content #right_header{height:13px;background:url(/images/right_col_top.gif) top left no-repeat;}
	
	#content #wide_col{width:700px;padding-bottom:13px;background:#0b0b0b url(/images/wide_bottom.gif) left bottom no-repeat;}
		
	#content img.portrait{float:right;margin:15px;margin-top:0px;margin-bottom:2px;}
	#content img.landscape{margin-left:15px;margin-top:0px;margin-bottom:10px;}
	
	div.quotation {margin-left:15px;background:url(/images/quote_open.gif) top left no-repeat;}
	div.quotation p{background:url(/images/quote_close.gif) bottom right no-repeat;margin-left:20px;margin-right:20px;color:#bbbbbb;}
	div.quotation p.by{background:none;margin-left:20px;margin:0px;padding:0px;margin-left:20px;color:#999999;}

div.testimonial {width:650px;margin-left:20px;margin-top:10px;}

/* Wide header - used both in the content section and footer*/
#wideheader{width:700px;height:14px;background:url(/images/wide_top.gif) top left no-repeat;}

	#left{float:left;width:350px;}
	#right{float:left;width:300px;}
	#montage{text-align:center;margin-top:8px;margin-bottom:5px;}
	

/* footer */
#footer{position:relative;border-top:10px solid #2c2c2c;text-align:left;width:700px;height:30px;background:#0b0b0b url(/images/wide_bottom.gif) left bottom no-repeat;padding-bottom:13px;}
	#wide_header{width:700px;height:14px;background:url(/images/wide_top.gif) top left no-repeat;}
	#footer p{color:#888888;margin:0px;padding:0px;margin-left:15px;margin-right:15px;}
	#footer p.footer{text-align:right;white-space:nowrap;}
	#footer p.footer span{float:left;text-align:left;}
	#footer a, #footer a:link, #footer a:visited{color:#888888;}
	#footer a:hover{text-decoration:none;}
	
/* Inputs */
form{}

input{padding:2px;margin:1px;font-size:.9em;font-family: arial, sans-serif;border:1px solid #555555;background:#2c2c2c;color:#cccccc;}
textarea{padding:2px;margin:1px;font-size:.9em;font-family: arial, sans-serif;border:1px solid #555555;background:#2c2c2c;color:#cccccc;scrollbar-3d-light-color:#999999;scrollbar-arrow-color:#000077;scrollbar-base-color:#aaaaaa;scrollbar-dark-shadow-color:#333333;scrollbar-face-color:#555555;scrollbar-highlight-color:#777777;scrollbar-shadow-color:black}