/*
    site:		www.cladtech.co.uk
	author(s):	johan de silva
	company:	www.dialmediagroup.com
*/

/* global */
body{background:#fff url('../images/bg.jpg') repeat-x center top;margin:0;padding:0;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; color:#999}
a, img{border:0;outline:0;margin:0;padding:0}
h1,h2{margin:0 0 10px 0;padding:0; }
a{color:#4a719d}
a:visited{color:#4a719d}
a:hover{color:#4a719d; text-decoration:none}
p{margin:0 0 1em 0}
.map{margin-left:-20px}
/* template */
#wrap{margin:20px auto; width:965px}
#head{float:left; width:965px; height:412px;  position:relative}
div.home{background:url('../images/top_home.jpg') no-repeat left top;}
div.about{background:url('../images/top_1.jpg') no-repeat left top;}
div.services{background:url('../images/top_2.jpg') no-repeat left top;}
div.projects{background:url('../images/top_3.jpg') no-repeat left top;}
div.contact{background:url('../images/top_4.jpg') no-repeat left top;}
#logo{position:absolute;z-index:3px;top:49px;left:54px}
#phone{position:absolute;z-index:3px;top:45px;left:786px;font-size:large; text-align:right}
#footer{clear:both;float:left; width:935px; padding:0 20px;}
#footer p{float:left;margin:0;padding:0}
#footer address{display:block; float:right;margin:0;padding:0; font-style:normal}
#dmg {clear:both;width:935px;padding:0 20px;text-align:right;margin:10px 0;padding-bottom:10px;clear:both}
#dmg a{color:#999}
/* nav */
#nav{position:absolute;z-index:3px;width:590px;top:115px;left:447px;margin:0;padding:0;list-style:none;} /* left:327px */
#nav li {padding:0;margin:0;width:113px;height:29px;margin-right:5px;list-style:none;float:left}
#nav li a, 
#nav li a:visited {display:block;text-decoration:none;text-indent:-1000em;width:113px;height:29px}

#nav .home a{background:url('../images/menu-home.gif') no-repeat 0 bottom}
#nav .home a#current,
#nav .home a:focus,
#nav .home a:hover {background:url('../images/menu-home.gif') 0 0}

#nav .about a{background:url('../images/menu-about.gif') no-repeat 0 bottom}
#nav .about a#current,
#nav .about a:focus,
#nav .about a:hover{background:url('../images/menu-about.gif') 0 0}

#nav .services a{background:url('../images/menu-services.gif') no-repeat 0 bottom}
#nav .services a#current,
#nav .services a:focus,
#nav .services a:hover{background:url('../images/menu-services.gif') 0 0}

#nav .projects a{background:url('../images/menu-projects.gif') no-repeat 0 bottom}
#nav .projects a#current,
#nav .projects a:focus,
#nav .projects a:hover{background:url('../images/menu-projects.gif') 0 0}

#nav .contact a{background:url('../images/menu-contact.gif') no-repeat 0 bottom}
#nav .contact a#current,
#nav .contact a:focus,
#nav .contact a:hover{background:url('../images/menu-contact.gif') 0 0}

ul#nav li a:hover {background:none}
.#nav li {float:left}
.#nav:after {content:"."; display:block; height:0; clear:both; visibility:hidden}

#content-top{float:left;clear:both;width:965px;background:url('../images/content_2col_top.gif') no-repeat; height:20px}
#content-bottom{float:left;clear:both;width:965px;background:url('../images/content_2col_bottom.gif') no-repeat; height:40px}
#content{float:left;clear:both;width:965px;background:url('../images/content_2col_mid.gif') repeat; position:relative}
#content h1{font-family:Arial, Helvetica, sans-serif; color:#9ebfe0; font-size:64px; font-weight:lighter}
#content h2{font-family:Arial, Helvetica, sans-serif; color:#9ebfe0; font-size:24px; font-weight:lighter}
#content strong {color:#9ebfe0;}

.col-one{float:left;clear:both;width:626px;margin:0 0 0 37px; padding:0 20px 10px 20px; display:inline; background:#fff url('../images/col-one.gif') no-repeat left bottom;}
.col-one .top{float:left; height:9px; width:666px;background:url('../images/col-one-top.gif') no-repeat left top; margin-left:-20px; }
#content .col-one h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}
#content .col-one h2 span {font-weight:lighter}

.col-side{float:right;width:176px;margin:0 30px 0 0; padding:0 20px 10px 20px; display:inline;background:#fff url('../images/col-two.gif') no-repeat left bottom;}
.col-side .top{float:left; padding:0; height:9px; width:216px;background:url('../images/col-two-top.gif') no-repeat left top; margin-left:-20px}
.col-side ul{margin:0;padding:0; list-style:none}
.col-side li{margin:0 0 5px 0;padding:0 0 0 10px; background:url('../images/bullet.gif') no-repeat top left}

.col-max{float:left;clear:both;width:855px;margin:0 0 0 37px; padding:0 20px 10px 20px; display:inline; background:#fff url('../images/col-max.gif') no-repeat left bottom;}
.col-max .top{float:left; height:9px; width:895px;background:url('../images/col-max-top.gif') no-repeat left top;margin-left:-20px;}

.text-float-two-cols {width:290px; padding-right:20px; float:left;}

dl.table-display{width:620px;margin: 2em 0;padding: 0; border-bottom: 1px solid #ddd; clear:both}
.table-display dt{width: 130px;float: left;margin:0;padding: .5em;border-top: 1px solid #ddd;font-weight: bold;}
.table-display dd{float: left;width: 465px;margin:0;padding: .5em;border-top: 1px solid #ddd;}

dl.table-display-contact{width:620px;margin:2em 0;padding: 0; border-bottom: 1px solid #ddd; clear:both}
.table-display-contact dt{width: 190px;float: left;margin:0;padding: .5em;border-top: 1px solid #ddd;font-weight: bold; display:block}
.table-display-contact dd{float: left;width:405px;margin:0;padding: .5em;border-top: 1px solid #ddd;}

.gallery {width:600px;}
.gallery img {display:block;}
.gallery a {display:block; width:150px; border:1px solid #ddd; margin:5px 10px 7px 0; padding:5px; float:left}
.gallery a:hover {background-color:#9ebfe0; border-color:#9ebfe0}

/* form content */
#btn-register-frm {position:absolute;z-index:99;top:450px;left:670px}
#errorMessage{position:absolute;z-index:3;top:300px;left:380px; background-color:#a13110; margin:0 0 0 50px; padding:10px; width:285px; border:5px #a97d05 solid};
#errorMessage ul{margin:0 0 0 20px;padding:0}

form{margin:0;border:0;float:left}
.frm-home{clear:both; float:left}
.frm-home fieldset{border:0;padding:0;margin:0;float:left}
.frm-home div {clear:both; float:left; margin:3px 0; width:285px}
.frm-home label{padding:0;margin:0;display:block;float:left;width:70px; font-weight:bold}
.frm-home .input-box{float:left; width:190px; border:0px #000 solid}
.frm-home .check{float:left;margin:0;padding:0}
.frm-home .drop{float:left; width:153px; margin:0}
.frm-home .date{float:left; margin:0 3px 0 0}

/*  bug fixing */
.clear{clear:both; width:100%; overflow:hidden}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */