/* 
CSS Document 


Designers Notes
---------------
colours
grey - #626365
red - #a82a4c

typography
Georgia

*/

*{
margin:0;
padding:0;
}
html{
height:100%;
margin:0 0 1px 0;
}
body{
height:100%;
margin:0 0 1px 0;
font-size:0.9em;
}
/*-- structure -- */
#wrapper{
width:950px;
margin:40px auto 0 auto;
}

#leftcol{
width:690px;
float:left;
margin:0 25px 0 0;
}
#rightcol{
float:left;
width:235px;
}
.head{
height:50px;
padding:0 0 30px;
}
#footer{
width:950px;
float:left;
margin:20px 0 0 0;
border-top:dotted #626365 1px;
padding:5px 0 5px 0;
}
#tel{
    padding-top:10px;
}
#menu, #mail{
border-top:dotted #626365 1px;
border-bottom:dotted #626365 1px;
margin:0 0 20px 0;
height:25px;
}
#mail{
padding:10px 0 10px 0;
}
.border{
margin-top:5px;
border-top:dotted 1px #626365;
}
.right{
    float:left;
}
.right h4{
    padding-top:5px;
}
.left{    
    float:left;
}
.left{
    margin-right:15px;
    width:500px;
}
.right{
    margin:0 10px 0 10px;
	width:320px;
}
.newsarticle{
    float:left;
    border-bottom:dotted black 1px;
    padding:10px 20px 10px 0;
    width:670px;
}
.newstext{
    float:right;
    width:400px;
}
.newsarticle img{
    float:left;
    width:235px;
    height:130px;
}
#abouttext{
    margin-top:10px;
}
#aboutleft{
    margin-top:16px;
}
#pressreleases{
    width:690px;
    float:left;
}
#releaseitems{
    float:left;
    width:450px;
}
.releaseitem{
    float:left;
    width:450px;
}
.download{
    float:right;
}
.date{
    margin-right:20px;
}
#pressreleases img{
    float:right;
    width:200px;
    height:400px;
}
#clients{
    width:500px;
    padding-left:10px;
}
#moredetails, #portfolio{
    margin-top:20px;
    float:left;
    border-top:dotted black 1px;
    border-bottom:dotted black 1px;
    padding:7px 0 7px 0;
}
#moredetails a, #portfolio a{
    color:black;
    text-decoration:none;
}
#moredetails{
    margin-right:20px;
}
#selectedwork{
    float:left;
}
#clientlist{
    float:left;
    width:170px;
    border-top:dotted #626365 1px;
    margin-top:38px;
    padding-top:20px;
}
#clientwork{
    width:500px;
    float:left;
    margin-left:20px;
}
#clientwork img{
    width:500px;
    height:275px;
    margin-bottom:20px;
}
#clientworktext{
    border-top:dotted #626365 1px;
    margin-top:58px;
    padding-top:20px;
}
#contactdetails{
    float:left;
    padding-left:10px;
    width:680px;
}
#contactdetailstext{
    width:160px;
}
.contactbutton{
    float:left;
    width:130px;
    height:15px;
    padding:5px 0 5px 10px;
    background-color:#a82a4c;
    margin-right:40px;
}
#buttons{
    width:680px;
    float:left;
    margin-top:40px;
}
#googlemap{
    float:right;
    width:500px;
    height:300px;
}
#cocreate{
float:right;
}
#copyright{
float:left;
}
#cocreate, #copyright{
    padding-top:4px;
}
#footerlinks{
float:left;
margin:0 0 0 9em;
}
#footerlinks ul{
margin:0;
padding:0;
list-style:none;
}
#footerlinks ul li{
float:left;
padding:0 0.5em 0 0.5em;
margin:0;
}
#enquirytext{
    margin:20px 10px 0 10px;
}
/*-- menu -- */
#menu{
padding:10px 0 10px 0;
}
#menu ul{
    list-style:none;
}
#menu ul li{
    float:left;
    text-align:center;
    margin:0 14px 0 13px;
}
#menu ul li a{
color:#626365;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:0.95em;
text-decoration:none;
}
#menu ul li a:hover{
color:#a82a4c;
}

/*-- forms -- */
#mail form input{
width:160px;
height:18px;
background-color:#E3E3E3;
color:#000000;
float:left;
margin:0 10px 0 0;
border:none;
padding:1px 5px 1px 5px
}
#mail form a{
width:45px;
height:18px;
display:block;
color:#FFFFFF;
background-color:#a82a4c;
padding:2px 0 0 10px;
float:left;
text-decoration:none;
overflow:hidden;
font-size:0.8em;
}
#mail form{
padding:0;
margin:0;
height:20px;
}
/*--table--*/
#enquirytable td{
    padding-bottom:20px;
}
.leftcell{
    width:180px;
    padding-left:10px;
}
.rightcell{
    width:480px;
}
.input,select,textarea{
    width:375px;
    padding:5px;
    color:#000000;
    background-color:#E3E3E3;
    border:none;
}
textarea{
    height:175px;
    font-family: sans-serif;
    font-size:0.8em;
}
.required{
    font-size:0.7em;
}
#submit{
    margin-right:110px;
    width:150px;
    float:right;
}
/*-- typography -- */
h1, #rightcol h2{
font-family:Georgia, "Times New Roman", Times, serif;
border-bottom:dotted #626365 1px;
color:#000000;
font-weight:normal;
}
#leftcol h2, #leftcol h4{
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
font-weight:lighter;
margin-top:10px;
}
h1{
padding:0 0 5px 10px;
height:33px;
margin-bottom:20px;
font-size:1.8em;
}
#rightcol h2{
height:23px;
margin-top:5px;
font-size:1.2em;
padding:10px 0 5px 0;
margin-bottom:20px;
}
.red, .large{
color:#a82a4c;
}
#leftcol p, #rightcol p, .releaseitem, #enquirytext p{
font-size:0.9em;
line-height:1.8em;
margin:0;
padding:0;
color:#626365;
}
.releaseitem{
    padding-left:10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:0.75em;
}
#leftcol p{
    margin-bottom:20px;
}
p a, .download a{
color:#000000;
text-decoration:none;
}
.download a{
    font-weight:600;
}
#right a, #left a{
    text-decoration:none;
}
#right a h2:hover, #left a h2:hover{
    color:#a82a4c;
}
.left, .right, #leftcol p, #rightcol p, .email{
    font-family:Verdana,Arial,Helvetica,sans-serif;    
}
#leftcol p, #rightcol p{
    font-size:0.75em;
}
.email{
    font-size:0.85em;
}
#clients p a{
    line-height:1.7;
    text-decoration:none;
    font-size:2em;
    color:black;
    font-family: Georgia,'Times New Roman',times,serif;
}
.left p, .right p{
    margin-bottom:20px;
}
.left a h2, .right a h2, h2{
    font-weight:100;
    padding-left:10px;
    margin-bottom:8px;
    text-decoration:none;
    color:black;
}
h3{
    font-weight:lighter;
}
newstext h3{
margin:0 0 5px 0;
}
p a:hover, #moredetails a:hover, #portfolio a:hover, .download a:hover, .left a h2:hover, .right a h2:hover, #clients p a:hover, #clientlist ul li a:hover, #contactdetailstext a:hover, .selected, #footerlinks ul li a:hover{
color:#a82a4c;
}
#clients h2{
    margin:10px 0 25px 0;
    font-weight:500;
}
#clients h2 a{
    font-family:Georgia,'Times New Roman',times,serif;    
    text-decoration:none;    
    color:black;
}
.head p{
height:50px;
display:block;
overflow:hidden;
color:#a82a4c;
}
.large{
font-size:1.4em;
font-family:Georgia,'Times New Roman',times,serif;
}
#clientlist ul, #clientworktext ul{
    list-style:none;
}
#clientlist ul li a, #clientworktext ul li{
    text-decoration:none;
    color:#626365;
    font-size:1em;
}
ul{
    line-height:1.6;
}
#clientworktext ul li{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#626365;
    font-size:0.75em;
}
#clientworktext p{
    margin-bottom:20px;
    line-height:2;
}
#clientworktext h5{
    font-family:Georgia,'Times New Roman',times,serif;
    margin-top:20px;
}
#contactdetailstext a{
    text-decoration:none;
    color:#626365;
    font-size:0.9em;
}
.contactbutton a{
    text-decoration:none;
    color:#FFFFFF;
    font-size:0.8em;
}
.contactbutton a:hover{
    text-decoration:underline;
}
#moredetails a, #portfolio a{
font-family:Georgia,'Times New Roman',times,serif;
text-decoration:none;
font-size:0.75em;
}
#portfolio a{
    color:black;
}
#enquirytable td{
    color:#626365;
    vertical-align:top;
}
#footer p{
font-family:Arial,Helvetica,sans-serif;
font-size:0.6em;
color:#626365;
}
#footerlinks ul li a{
font-family:Arial,Helvetica,sans-serif;
text-decoration:none;
font-size:0.6em;
color:#626365;
}