/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#8a8a8a;
	min-width:972px;
	background:url(http://www.chriswilliamswebdesign.com/images/header-bg.jpg) center 0 no-repeat #f3f3f3;
}

.bg {width:100%; background:url(http://www.chriswilliamswebdesign.com/images/bottom-bg.gif) 0 bottom repeat-x;}

.main {
	width:972px; 	
	padding:0;
	margin:0 auto;
	font-size:12px;
	line-height:15px;
}

a {color:#8a8a8a; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-1-1, .col-2-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:15px;}
.p1 {margin-bottom:9px;}
.p2 {margin-bottom:18px;}
.p3 {margin-bottom:23px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:11px;}
.p7 {margin-bottom:15px;}
.mar-left {margin-left:-10px;}
.reg {text-transform:uppercase;}
.font-w {font-weight:bold;}
.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}


.pad-bot {padding-bottom:18px;}
.it {font-style:italic;}

.letter {letter-spacing:-1px;}
.text-decor {text-decoration:underline;}
.color-1 {color:#cccccc;}
.color-2 {color:#95d0fa;}
.color-3 {color:#fff; font-weight:bold;}
.color-4 {color:#000;}
.color-5 {color:#fefefe; font-weight:bold;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}

.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}
.top-spacing {margin-top:4px;}
.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:28px;}
.indent-bot3 {margin-bottom:45px;}
.indent-bot4 {margin-bottom:46px;}
.line-h {line-height:16px;}
.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 19px 0px 0;}	
.img-indent2 {float:left; margin:0 28px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}



.margin-right {margin-right:0px;}
.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 17px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:1px solid #e9e9e7;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:514px; width:100%;}

header .row-1 {height:82px;}
header .row-2 .padding {padding:0px 0 0 0px;}

.sub-menu {float:right; height:27px; padding:0px 0px 0 0px; background:#0b0b0b;}
.sub-menu li {float:left; font-size:11px; padding:0 19px; line-height:16px; text-transform:uppercase; background:url(http://www.chriswilliamswebdesign.com/images/spacer-top.gif) right 3px no-repeat;}
.sub-menu li a {color:#666;}
.sub-menu li a:hover {color:#fff;}
.sub-menu .last-item {background:none;}

h1 {padding:74px 0 0 17px; position:relative;}
.logo {display:inline-block; width:296px; height:137px; text-indent:-5000px; background:url(http://www.chriswilliamswebdesign.com/images/logo.png) 0 0 no-repeat;}

.menu {padding:8px 0px 0px 0px; margin-left:9px;}
.menu li {float:left; font-size:24px; width:190px; text-align:center; margin-right:1px; text-transform:uppercase; line-height:1.2em;}
.menu li a {display:inline-block;
	width:190px;
	color:#fff; padding:24px 0px 20px 0px; 
	background:#a0cae7;
	border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;}
.menu li .active, .menu li a:hover {color:#000; background:#fff;} 
.menu .item {padding:0;}

/*********************************content*************************************/
#content {width:100%;  
	border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-radius:20px 20px 0 0;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
	background:#fff;}
.main-box {
	padding:16px 0px 18px 0px;
}
.main-box3 {
	padding:16px 0px 2px 0px;
}
.mail-box2 {padding:16px 0px 36px 0px;}

.col-1 {width:318px; margin-right:0px;}
.col-2 {width:300px;}
.col-1-1 {width:288px; margin-right:21px;}
.col-2-2 {width:288px;}

.box-1-bg {

	background:url(http://www.chriswilliamswebdesign.com/images/box-1-bg.gif) 0 0 repeat;
	padding:26px 35px 32px 39px;
	color:#fefefe;
	margin-bottom:10px;
	border-radius:0px 12px 0 0;
	-moz-border-radius:0px 12px 0 0;
	-webkit-border-radius:0px 12px 0 0;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
}
.box-1-bg img {padding:3px 0 0 3px;}
.box-2-bg {

	background:url(http://www.chriswilliamswebdesign.com/images/box-2-bg.gif) 0 0 repeat;
	padding:26px 35px 32px 39px;
	color:#fefefe;
	border-radius:0px 12px 0 0;
	-moz-border-radius:0px 12px 0 0;
	-webkit-border-radius:0px 12px 0 0;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
}
.box-3-bg {
	background:url(http://www.chriswilliamswebdesign.com/images/box-3-bg.gif) 0 0 repeat-x #fff;
	padding:26px 0px 32px 18px;
	color:#8a8a8a;
}
.padding-b {padding:26px 0px 20px 18px;}
.box-4-bg {
	background:#f5f5f5;
	padding:26px 0px 26px 18px;
	color:#8a8a8a;
}
.box-5-bg {
	background:url(http://www.chriswilliamswebdesign.com/images/box-2-bg.gif);
	padding:22px 25px 10px 39px;
	margin-bottom:14px;
	color:#8a8a8a;
}
.box-6-bg {
	background:url(http://www.chriswilliamswebdesign.com/images/box-1-bg.gif) 0 0 repeat;
	padding:26px 30px 18px 39px;
	color:#fefefe;
	margin-bottom:14px;
	border-radius:0px 0 12px 0;
	-moz-border-radius:0px 0 12px 0;
	-webkit-border-radius:0px 0 12px 0;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
}
.box-6-bg a {color:#fff; text-decoration:none;}
.box-6-bg a:hover {color:#000;}

.box-7-bg {
	background:url(http://www.chriswilliamswebdesign.com/images/box-2-bg.gif) 0 0 repeat;
	padding:26px 30px 18px 39px;
	color:#fefefe;
	margin-bottom:14px;
	position:relative;
}
.box-7-bg a {color:#fff; line-height:1em;}

.box-8-bg {
	background:url(http://www.chriswilliamswebdesign.com/images/box-1-bg.gif) 0 0 repeat;
	padding:26px 30px 18px 39px;
	color:#8a8a8a;
	margin-bottom:14px;
	position:relative;
}

.new { 
	display:inline-block;
	font-weight:bold;
	margin-top:-2px;
	color:#fff; background:#e4182d; padding:1px 5px; 
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;}
.title {font-weight:bold; display:inline-block; text-decoration:none; padding-left:20px; background:url(http://www.chriswilliamswebdesign.com/images/marker-2.gif) 0 2px no-repeat; margin-bottom:10px;}
.title:hover {text-decoration:underline;}
.text-1 {color:#070707; font-size:14px; line-height:1.2em; text-transform:uppercase;}
.text-2 {color:#8a8a8a; font-size:14px; line-height:1.2em; text-transform:uppercase;}
.spacer-1 {width:100%; background:url(http://www.chriswilliamswebdesign.com/images/pic-1.gif) 217px 0 repeat-y;}
.spacer-2 {width:100%; background:url(http://www.chriswilliamswebdesign.com/images/pic-1.gif) 460px 0 repeat-y;}

h2 {font-size:35px; width:96%; line-height:1.2em; border-bottom:1px solid #dbdbdb; padding:0 0 8px 25px; text-transform:uppercase; margin:7px 0 24px 0;  color:#7d7d7d; background:url(http://www.chriswilliamswebdesign.com/images/marker-1.gif) 1px 15px no-repeat;}
h2 span {color:#7dca3d;}
h3 {font-size:30px; width:100%; line-height:1.2em; margin:0px 0 15px;  color:#959595;}
h3 strong {display:block; margin:-10px 0 0 0;}
h4 {font-size:35px; width:100%; line-height:1.2em; border-bottom:1px solid #e9e9e9; padding:0 0 19px 0; text-transform:uppercase; margin:0px 0 28px 0;  color:#7d7d7d;}
h4 span {color:#7bc5fa;}
h5 {font-size:35px; width:100%; line-height:1.2em; margin:0px 0 22px; padding:0 0 10px 0;  color:#fff; border-bottom:1px solid #6c6a6a;}
.hr {background:#6c6a6a; height:1px; margin:8px 0 28px 0;}
.hr2 {background:#6c6a6a; height:1px; margin:10px 0 10px 0;}
.head {padding-bottom:18px; margin-bottom:17px; background:url(http://www.chriswilliamswebdesign.com/images/pic-1.gif) 0 bottom repeat-x;} 

.scroll {overflow:auto; height:180px; position:relative;}
.scroll .padding-right {height:1%; padding-right:50px;}

.border-bot {width:100%; padding-bottom:20px; background:url(http://www.chriswilliamswebdesign.com/images/pic-1.gif) 0 bottom repeat-x;}

.box {width:100%; min-height:295px; height:auto !important; height:295px; background:url(http://www.chriswilliamswebdesign.com/images/bg-box.png) 0 0 repeat;}
.box .padding {padding:50px 65px 30px 68px;}

.button {
	display:inline-block; 
	color:#fff; 
	margin-left:1px;
	background:#212121;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
	padding:4px 13px 4px 17px;
	font-weight:bold;
	text-decoration:none;}
.button:hover {color:#fff; background:#999;}

.button-1 {
	display:inline-block; 
	color:#fff; 
	margin-left:1px;
	background:#767676;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
	padding:6px 14px 5px 14px;
	font-weight:bold;
	text-decoration:none;}
.button-1:hover {color:#fff; background:#999;}
.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(http://www.chriswilliamswebdesign.com/images/button-left.png) 0 0 no-repeat;}
.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(http://www.chriswilliamswebdesign.com/images/button-right.png) right 0 no-repeat;}
.button1 span span {padding:2px 3px 3px; background:url(http://www.chriswilliamswebdesign.com/images/button-tail.png) 0 0 repeat-x;}
.button1 strong {padding:0 0 0 8px; background:url(http://www.chriswilliamswebdesign.com/images/marker-1.gif) 0 6px no-repeat;}
.button1:hover {color:#24a3ce;}

.list-1 li {font-size:14px; line-height:24px; padding:0px; vertical-align:top; background:url(http://www.chriswilliamswebdesign.com/images/pic-1.gif) 0 bottom repeat-x;}
.list-1 li a {display:block; color:#1799cf; padding-left:12px; background:url(http://www.chriswilliamswebdesign.com/images/marker-1.gif) 0 10px no-repeat;}
.list-1 li a:hover {color:#fff;}
.list-1 .last-item {background:none;}

.list-2 {padding:5px 0 0 3px;}
.list-2 li {line-height:12px; width:170px; font-size:11px; padding:0 0 8px 0; margin-bottom:4px; font-family:Tahoma, Geneva, sans-serif; background:url(http://www.chriswilliamswebdesign.com/images/marker-5.gif) 0 bottom repeat-x; }
.list-2 li a {color:#7a7a7a; padding-left:19px; margin-left:10px; background:url(http://www.chriswilliamswebdesign.com/images/marker-2.gif) 0 2px no-repeat;}
.list-2 li a:hover {color:#1799cf;}
.list-2 .last-item {background:none; padding-bottom:3px; margin-bottom:0;}
.margin-right2 {margin-right:25px;}
.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:12px; margin-left:2px; line-height:1.2em; color:#000; text-decoration:none; font-weight:bold;}
.link-1:hover {color:#ccc;} 

.link-2 {color:#858875;}
.link-2:hover {color:#000;}   

#form-1 {padding:3px 0px 0 0;}
#form-1 input {
	width:215px;   
	font-size:12px; 
	line-height:1.2em; 
	color:#000;
	background:#9d9d9d; 
	padding:7px 10px 6px 10px;
	margin:-2px 0px 10px 0;
	height:16px; 
	font-family:Arial, Helvetica, sans-serif; 
	border:0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius:12px;
	behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.htc);
	position:relative;
	overflow:hidden;}
#form-1 a {float:right;}	
#form-main {display:block; width:208px;}
#form-main label {display:block; height:40px;}
#form-main input {width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}
#form-main textarea {height:174px; overflow:auto; width:196px; font-size:1em; color:#666; padding:0px 5px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #7e7e7e; border-left:1px solid #7e7e7e; border-right:1px solid #cad2d5; border-bottom:1px solid #cad2d5; background:#fff;}

.buttons {padding-top:16px; text-align:right;}
.buttons a {margin-left:20px;}

/****************************footer************************/
footer {width:100%; padding:0px 0 35px; color:#9d9d9d}
footer dl span {padding-left:38px; color:#9d9d9d;}
footer span {padding-left:12px; color:#9d9d9d;}
.p-top {margin-top:4px;}
.p-top2 {margin-top:30px;}
.p-top3 {margin-top:11px;}
.footer-contact {background:url(http://www.chriswilliamswebdesign.com/images/marker-3.gif) left 0 no-repeat; margin:18px 114px 0 0; padding:10px 0 15px 0;}

#map_canvas {
    border: 1px solid #DCDCDC;
    border-radius: 10px 10px 10px 10px;
    height: 156px;
    overflow: hidden;
    position: relative;
    width: 220px;
}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 7px 0px;
			}
			#contact-form input[type=text] {
				width:339px;
				padding:11px 15px 10px;
				background:#fff;
				border:1px solid #d5d3d3;
				display:block;
				font-size:12px;
				line-height:1.2em;
				font-family:Arial, Helvetica, sans-serif;
				color:#7d7d7d;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.php);
				position:relative;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form textarea {
				width:550px;
				height:197px;
				background:#fff;
				border:1px solid #d5d3d3;
				padding:11px 15px 10px;
				overflow:auto;
				margin:0 0 0px 0px;
				display:block;
				color:#7d7d7d;
				font-size:12px;
				line-height:1.2em;
				font-family:Arial, Helvetica, sans-serif;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				behavior: url(http://www.chriswilliamswebdesign.com/js/PIE.php);
				position:relative;
				}
				#contact-form a {
					cursor:pointer;
					margin-left:20px;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 2px 5px;
				display:inline-block;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					font-size:9px;
					color:red; 
				}
		.buttons-wrapper {
			padding-top:26px;
			text-align:right;
			}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}

        #contact-form .captcha {
			font-size:16px;
			line-height:2.0em;
	        }
 
        div#top a.anchor {
			margin: 0px 5px 0px 0px;
			width: 35px;
			height: 10px;
			background: url(http://www.chriswilliamswebdesign.com/images/top_anchor.png) 0 0 no-repeat;
			display: block;
			float: right;
			text-decoration: none;
			}
			
		.floatbox { overflow:hidden; }
		
/* --- File Send --- */

.ErrorNotices {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 18px;
	color: #FF0000;
	margin:5px auto 5px auto;
	display:block;
}

.title-1{
	color:#336699;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 18px;
	margin:5px auto 5px auto;
	display:block;
}

.btn{
	margin:5px;
}

#counter{
	color:#009933;
	font-size:18px;
}