/*--------------------------------------

dales.css

(c) 2006 Marchant IT Solutions (Mitsol) Ltd.  www.mitsol.co.uk

author: Kevin Marchant
date:   04 sep 2006

--------------------------------------*/

* {
margin:0;
padding:0;
border:0;
}

body {
color:#ffffff;
font: 10px Verdana, Arial, Helvetica, sans-serif;
border-top: 4px #cccccc;
}

body#home #menu strong {width:62px;}
body#projects #menu strong {width:131px;}
body#profile #menu strong {width:269px;}
body#clients #menu strong {width:370px;}
body#contact #menu strong {width:218px;}

a {color:#ffffff;text-decoration:none;}
hr {display:none;}
#container {width:800px;margin:0 auto;}

form {
margin:0 0 0 10px;
padding:14px 0 0;
text-align: right;
}

#logo {
background:#00adef url(../images/dales.gif) left no-repeat;
height:80px;
margin:100px 0 0;
}

#logo img {float:right;}
#menu {background:#caf1ff url(../images/menu-left.gif) top left no-repeat;height:40px;}

#menu strong {
display:block;
font-size:1px;
text-indent:-4000px;
height:7px;
background:url(../images/pagemarker.gif) top right no-repeat;
}

ul#menulist {
background:url(../images/menu.gif) 0 8px no-repeat;
list-style:none;
width:449px;
height:33px;
margin:0 0 0 40px;
}

ul#menulist li {float:left;}

ul#menulist a {
text-indent:-4000px;
display:block;
height:33px;
}

ul#menulist a#btn1{width:36px;}
ul#menulist a#btn2{width:64px;margin:0 0 0 18px;}
ul#menulist a#btn3{display:none;}
ul#menulist a#btn4{display:none;}
ul#menulist a#btn5{width:76px;margin:0 0 0 18px;}
ul#menulist a:hover {background:url(../images/menu-over.gif) bottom center no-repeat;}

#content {background:#232323 url(../images/content-left.gif) left no-repeat;height:200px;}
body#home #content  {background:#232323 url(../images/home.jpg) left no-repeat;}

body#home #content p {
margin:25px 0 0 400px;
float: right;
padding: 0 25px 0 0;
}

body#projects #content ul, body#projects-2 #content ul {list-style:none;padding: 20px 0 0 20px;}
body#projects #content li {float:left;margin: 0 18px 0 0;}
body#projects-2 #content li {float:left;margin: 0 14px 0 0;}

body#projects #content li a, body#projects-2 #content li a {
display:block;
width:107px;
height:30px;
padding:120px 0 0 0;
line-height: 180%;
}

#thumb1 {background:url(../images/thumb1.jpg) no-repeat top;}
#thumb2 {background:url(../images/thumb2.jpg) no-repeat top;}
#thumb3 {background:url(../images/thumb3.jpg) no-repeat top;}
#thumb4 {background:url(../images/thumb4.jpg) no-repeat top;}
#thumb5 {background:url(../images/thumb5.jpg) no-repeat top;}
#thumb6 {background:url(../images/thumb6.jpg) no-repeat top;}
#thumb7 {background:url(../images/thumb7.jpg) no-repeat top;}
#thumb8 {background:url(../images/thumb8.jpg) no-repeat top;}
#thumb9 {background:url(../images/thumb9.jpg) no-repeat top;}
#thumb10 {background:url(../images/thumb10.jpg) no-repeat top;}
#thumb11 {background:url(../images/thumb11.jpg) no-repeat top;}
#thumb12 {background:url(../images/thumb12.jpg) no-repeat top;}
#thumb14 {background:url(../images/thumb14.jpg) no-repeat top;}
#thumb15 {background:url(../images/thumb15.jpg) no-repeat top;}
#thumb16 {background:url(../images/thumb16.jpg) no-repeat top;}

#nextbtn {
width:9px!important;
margin:0!important;
text-indent:-4000px!important;
background:url(../images/next.gif) no-repeat center center;
}

#backbtn {
width:9px!important;
margin:0!important;
text-indent:-4000px!important;
background:url(../images/back.gif) no-repeat center center;
}

body#projects #content p {padding:15px 20px 0 20px;}
body#projects #content img {float:right;margin: 11px 11px 11px 20px;}
body#profile #content p, body#contact #content p {padding:15px 20px 0 20px;}
body#contact #content img {float:right;margin: 0 0 0 150px;}

#footer h3 {
height:73px;
text-indent:-4000px;
background:url(../images/footer.gif) bottom right no-repeat;
}

.textbox {
border:2px solid #CCCCCC;
font: 10px Verdana, Arial, Helvetica, sans-serif;
width:200px;
padding:2px;
vertical-align:middle;
}

.send {
width:90px;
height:30px;
border:0;
}