/*
    site:		www.cladtech.co.uk
	author:		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:#666}
a, img{border:0;outline:0;margin:0;padding:0}
h1,h2{margin:0 0 0.75em 0;padding:0; }
a{color:#4a719d}
a:visited{color:#4a719d}
a:hover{color:#4a719d; text-decoration:none}
p{margin:0 0 1.3em 0; line-height:1.3em}

/* template */
#wrap{margin:20px auto; width:916px}
#head{float:left; width:916px; height:358px; position:relative; background-image:url('../images/header_bg.png'); position:relative}
#logo-motif{position:absolute; z-index:1; top:38px;	left:31px}


#footer{clear:both;float:left; width:916px; height:90px; background:url('../images/footer_bg.png'); color:#fff; position:relative; font-size:9px}
#footer a {color:#fff}
#footer p{margin:0;padding:0; position:absolute; top:67px; left:57px; z-index:1}

#dmg{position:absolute;text-indent:-2000em}

/* nav */
#nav{position:absolute;z-index:3px;width:590px;top:115px;left:327px;margin:0;padding:0;list-style:none; background-color:#fff}
#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:-1000px;  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{float:left;clear:both;width:916px;background:url('../images/content_bg.png') repeat-y; position:relative}

.col-middle{float:left; width:470px;margin:15px 0 0 25px;}

#content h1{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal}
#content h1 strong{color:#113359}
#content h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:lighter}


.col-one{float:left;clear:both;width:185px; height:266px; margin:15px 0 0 31px; display:inline; }

.col-side{float:right;width:160px;margin:10px 30px 0 0; display:inline}
.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}

img.awards{float:right}


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 */