@import "reset.css";

html{}
body{background:#fff;color:#48484a;font:normal 12px helvetica,arial,sans-serif;line-height:1.4;text-align:center;width:100%;}

h1,h2,h3,h4,h5,h6{}
h1{color:#48484a;font-size:24px;font-weight:bold;line-height:1.2;margin:0 0 20px;}
h2{color:#48484a;font-size:18px;font-weight:bold;line-height:1.2;margin:20px 0 10px;}
h3{color:#48484a;font-size:12px;font-weight:bold;margin:0;}
h4{color:#48484a;font-size:12px;font-weight:bold;margin:0;}
p{margin-bottom:10px;}
b{font-weight:bold;}
strong{font-weight:bold;}
i{font-style:italic;}
em{color:#333;font-style:italic;}
small{font-size:11px;line-height:1.2;}
big{}
blockquote{font-family:georgia;font-style:italic;}
cite{font-style:normal;font-weight:bold;}

/*--------------------------------------
  LINKS
---------------------------------------*/
a{}
a:link{color:#069;}
a:visited{color:#069;}
a:hover{color:#111;}
a:active{}

/*--------------------------------------
  LISTS
---------------------------------------*/
ul{list-style:disc;margin:0 0 10px 30px;}
ol{list-style:decimal;margin:0 0 10px 30px;}
li{margin-bottom:3px;}

ul.products{list-style:none;margin:0;}
ul.products li{background:#f1f1f1;margin:0 0 2px;padding:2px 10px;}
ul.products a{display:block;}

dl{}
dt{}
dd{}

/*--------------------------------------
  TABLES
---------------------------------------*/
table{}
th{}
td{}

table.pretty{border:1px solid #ccc;width:100%;}
.pretty th{background:#ccc;border:1px solid #ccc;padding:5px;}
.pretty td{border:1px solid #ccc;padding:5px;}

/*--------------------------------------
  IMAGES
---------------------------------------*/
img.alignleft{float:left;margin:0 20px 20px 0;}
img.alignright{float:right;margin:0 0 20px 20px;}

/*--------------------------------------
  FORMS
---------------------------------------*/
form{}
fieldset{}
label{font-size:12px;}

.text,.textarea{border:1px solid #866464;font:normal 12px helvetica,arial,sans-serif;padding:3px;}
.submit{}

/*--------------------------------------
  LAYOUT
---------------------------------------*/
#container{margin:0 auto;width:960px;text-align:left;}
#colmask {
    border-top:20px solid #ddd;
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	padding-top:20px;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
	z-index:1;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 30px 0 430px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}
#col2 {
	float:left;
	width:200px;
	position:relative;
	margin-left:-50%;
	left:200px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:200px;
	position:relative;
	left:0;
	overflow:hidden;
}

/*--------------------------------------
  HEADER
---------------------------------------*/
#header{margin-top:10px;}

#logo{background:url(../images/logo.png) no-repeat top left;display:block;height:100px;text-indent:-9999px;top:0;width:400px;}

#navigation{background:#4f7187;border:1px solid #446174;color:#839987;font-size:12px;line-height:24px;margin:10px 0 5px;position:relative;z-index:2;}
#navigation ul{border-right:1px solid #446174;}
#navigation ul ul{border-right:0;}
#navigation a{color:#c9dfed;text-decoration:none;}
#navigation a:hover{color:#fff;}

/*--------------------------------------
  SIDEBARS
---------------------------------------*/
#col2 h3,#col3 h3{background:#638da8;color:#fff;font-size:12px;font-weight:bold;line-height:1;margin:0 0 2px;padding:5px;}
#col2 h3 a,#col3 h3 a{color:#fff;}

.chunk{background:#f1f1f1;margin-bottom:2px;padding:10px;}
.chunk p{color:#666;}
.chunk h4{color:#555;}

/*--------------------------------------
  CONTENT
---------------------------------------*/
.callout{border-bottom:1px solid #ccc;margin-top:20px;padding-bottom:20px;}
.callout h2{margin-top:0;}
.callout img{float:left;margin:0 10px 0 0;}
.callout strong{font-size:14px;}

.date{color:#ccc;font-size:11px;font-weight:bold;margin:20px 0 -20px;}

.call-to-action{border-top:2px solid #ccc;border-bottom:2px solid #ccc;padding:10px;}

.product{float:left;margin-bottom:20px;text-align:center;width:25%;}
.product img{display:block;margin:0 auto;}

#breadcrumb{border-bottom:1px solid #ddd;font-size:12px;margin-bottom:20px;padding-bottom:5px;}

.testimonial{background:#eee;float:right;margin:0 0 20px 20px;padding:10px;width:200px;}
.testimonial blockquote{font-size:14px;}
.testimonial cite{font-family:helvetica,arial,sans-serif;font-size:12px;}

.vid-thumb{float:left;width:124px;}
.vid-thumb img{border:1px solid #ccc;padding:1px;}
.vid-desc{float:right;width:350px;}
.video-embed{margin:0 auto 20px auto;width:425px;}

/*--------------------------------------
  FOOTER
---------------------------------------*/
#footer{border-top:1px solid #ccc;clear:both;color:#aaa;font-size:12px;padding:10px 0;}
#footer a{padding:0 5px;}

/*--------------------------------------
  MISC
---------------------------------------*/
.access{display:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.edit{font-size:14px;font-weight:normal;}
.first{border-left:0 !important;margin-left:0 !important;}
.last{border-right:0 !important;margin-right:0 !important;}
.left{float:left;}
.license{color:#777;font-size:11px;margin-top:30px;}
.right{float:right;}
.notice{background:#f0e6d6;font-size:12px;font-weight:bold;padding:10px;}