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

body {
    height:100%;
    min-height:100%;
    font-family:verdana;
    padding:50px 0 20px 0;
    background:#fff url(images/body_bg.jpg) top center no-repeat;
    background-attachment:fixed;
}

#page {
    width:760px;
    padding-top:45px;
    margin:0 auto;
    background:#fff url(images/body_bg.jpg) -420px -50px no-repeat;;
}

.container {
    width:610px;
    margin:0 auto 20px auto;
    padding-top:25px;
    background:url(images/container_bg.gif) top left no-repeat;
}

a:active, a:focus {
    outline:none;
}

h1 {
    display:block;
    width:560px;
    height:40px;
    margin:0 auto;
    color:#555;
    text-indent:-9999px;
    background:url(images/adrian_crellin.gif) bottom left no-repeat;
}

h2 {
    display:block;
    width:560px;
    height:30px;
    margin:0 auto 0 auto;
    color:#555;
    text-indent:-9999px;
}

p {
    padding:10px;
    font-size:14px;
    color:#444;
    line-height:1.6;
}

br {
    clear:both;
}

.info {
    width:560px;
    margin:15px 15px 0px 15px;
}

.info span {
    color:#699;
}

.bottom {
    clear:both;
    height:25px;
    width:610px;
    background:url(images/bottom_bg.gif) bottom left no-repeat;
}

.scroll {
    font-size:14px;
    color:#690;
    text-decoration:none;
}

.introduction {
    background:url(images/introduction.gif) bottom left no-repeat;
}

.web_design_services {
    background:url(images/web_design_services.gif) bottom left no-repeat;
}

.graphic_design_services {
    background:url(images/graphic_design_services.gif) bottom left no-repeat;
}

.view_my_work {
    background:url(images/view_my_work.gif) bottom left no-repeat;
}

.my_contact_details {
    background:url(images/my_contact_details.gif) bottom left no-repeat;
}

.send_me_a_message {
    background:url(images/send_me_a_message.gif) bottom left no-repeat;
}

#slider {
    position:relative;
    width:560px;
    height:270px;
    margin:30px auto 0 auto;
}

#slideshow {
    width:520px;
    height:270px;
    margin:0 auto;
    overflow:hidden;
    z-index:5;
}

.slide {
    width:520px;
    height:270px;
}

.slide a {
    position:absolute;
    top:200px;
    left:210px;
    display:block;
    width:100px;
    height:30px;
    text-align:center;
    line-height:29px;
    text-decoration:none;
    font-size:14px;
    color:#555;
    background:url(images/slide_a_bg.png) center no-repeat;;
}

.slide a:hover {
    color:#690
}

#nav {
    position:absolute;
    top:0px;
    width:520px;
    padding:0 20px;
    height:160px;
    background:url(images/nav_bg.gif) center no-repeat;
    margin:0 auto;
    z-index:10;
}

#prev, #next {
    display:block;
    width:35px;
    height:70px;
    margin-top:45px;
    text-indent:-9999px;
}

#prev {
    float:left;
    background:url(images/prev.png) top left no-repeat;
}

#next {
    float:right;
    background:url(images/next.png) top left no-repeat;
}

#prev:hover {
    background-position:bottom left;
}

#next:hover {
    background-position:bottom left;
}

.contact_telephone, .contact_email {
    display:block;
    height:49px;
    padding-left:82px;
}

.contact_telephone {
    padding-top:16px;
    background:url(images/contact_telephone_bg.gif) center left no-repeat;
}

.contact_email {
    background:url(images/contact_email_bg.gif) center left no-repeat;
}

/* contact form */

.sent {
    margin:20px 25px;
    min-height:32px;
    line-height:32px;
    padding-left:42px;
    color:#690;
    background:url(images/tick.png) center left no-repeat;
    display:none;    
}

.form {
    font-size:14px;
    line-height:30px;
    width:400px;
    margin:0 auto;
    padding-bottom:10px;
}

form{
    width:400px;
}

fieldset {
    border:none;
}

label {
    display:block;
    color:#699;
    padding-top:20px;
}

input.text {
    padding:6px 5px;
    width:388px;
    border:1px solid #bbb;
    font-size:14px;
    font-family:verdana;
    color:#666;
    background:#f9f9f9 url(images/form_shadow.gif) top left no-repeat;
}

textarea.text {
    padding:6px 5px;
    width:388px;
    height:138px;
    border:1px solid #bbb;
    font-size:14px;
    font-family:verdana;
    color:#666;
    background:#f9f9f9 url(images/form_shadow.gif) top left no-repeat;
}

input.highlight, textarea.highlight {
    border:2px solid #cc3333;
}

#submit {
    float:left;
    height:30px;
    width:100px;
    margin-top:20px;
    border:none;
    color:#555;
    font-size:14px;
    background:url(images/slide_a_bg.png) top left no-repeat;
}

#submit:hover {
    cursor:pointer;
    color:#690;
}

.loading {
    display:block;
    float:left;
    margin-left:15px;
    margin-top:20px;
    height:30px;
    line-height:30px;
    padding:0 0 0 34px;
    font-size:12px;
    font-style:italic;
    color:#690;
    background:url(images/loading.gif) center left no-repeat;
    display:none;
}

#to_top {
    width:560px;
    height:20px;
    padding:0 25px;
    margin:0 auto;
    text-align:center;
}

#to_top p {
    padding:0;
}