/*-------------------------------------------------------------------- 
Welcome To www.mandyfloss.co.uk - CSS
Author: Amanda Carey
-------------------------------------------------------------------- */

body {
background-color:#fff;
font-family:"Georgia", Arial, serif;
font-size:13px;
color:#7d7d7d;
margin:0px;
padding:0px;
}

h3 {
text-transform:uppercase;
font-size:12px;
color:#fff;
font-weight:normal;
margin:0 0 15px 0; 
padding:0px;
}

span {
font-style:italic;
}

#headerwrapper {
background-color:#fafafa;
width:100%;
height:60px;
margin:auto auto;
padding:0px;
}

#header { 
width:870px;
height:60px;
margin:auto auto;
}

#mandylogo {
width:300px;
float:left;
margin:5px 0 0 0;
padding:0px;
}

#social {
width:250px;
float:left;
margin:10px 0 0 320px;
padding:0px;
}

#social ul {
margin:0px;
padding:0px;
}

#social li {
list-style:none;
display:inline;
margin:0 0 0 20px;
padding:0px;
}

#bannerwrapper {
width:100%;
height:294px;
margin:auto auto;
padding:0px;
}

#banner {
background:url(images/banner.jpg) no-repeat;
width:870px;
height:294px;
margin:auto auto;
padding:0px;
}

#navwrapper {
width:100%;
height:52px;
margin:auto auto;
padding:0px;
}

#navigation { 
width:870px;
height:52px;
margin:auto auto;
padding:0px;
}

#navleft {
background:url(images/navleft.jpg) no-repeat;
width:5px;
height:52px;
float:left;
}

#navbg {
background:url(images/navbg.jpg) repeat-x;
width:860px;
height:52px;
float:left;
}

#navbg ul {
margin:19px 0 0 0;
padding:0px;
}

#navbg li {
list-style:none;
display:inline;
text-transform:uppercase;
font-size:11px;
margin:0 0 0 80px;
}

#navright { 
background:url(images/navright.jpg) no-repeat;
width:5px;
height:52px;
float:left;
}

#workwrapper {
width:100%;
height:auto;
margin:auto auto;
margin-top:20px;
padding:0px;
}

#workcontainer {
width:870px;
height:auto;
margin:auto auto;
padding:0px;
}

#workcontainer p {
font-size:12px;
margin:0 5px 0 6px;
line-height:16px;
padding:0px;
text-align:justify;
font-style:italic;
}

#photos {
margin:10px 0 20px 50px;
padding:0px;
}

#latest {
background:url(images/projects.jpg) no-repeat;
width:870px;
height:10px;
margin:auto auto;
padding-bottom:20px;
}

#webdesign {
background:url(images/websites.jpg) no-repeat;
width:870px;
height:10px;
margin:auto auto;
padding-bottom:20px;
}

#logodesign {
background:url(images/logodesign.jpg) no-repeat;
width:870px;
height:10px;
margin:auto auto;
padding-bottom:20px;
}

#misc {
background:url(images/misc.jpg) no-repeat;
width:870px;
height:10px;
margin:auto auto;
padding-bottom:20px;
}

#workfloat, #workfloat2, #workfloat3  {
width:277px;
height:auto;
float:left;
margin:0 0 20px 0;
padding:0px;
}

#workfloat2 {
margin:0 0 0 19px;
}

#workfloat3 {
margin:0 0 0 19px;
}

.workbg {
background:url(images/workbg.jpg) no-repeat;
width:277px;
height:118px;
float:left;
padding:6px 0 6px 7px;
}

.imgfloat {
float:left;
margin:20px 20px 20px 5px;
}

#aboutme { 
width:870px;
margin:0 0 20px 0;
}

#footerwrapper {
background-color:#271f34;
position: absolute;
clear:both;
width:100%;
height:230px;
margin:auto auto;
padding:0px;
}

#footer {
width:870px;
height:230px;
margin:auto auto; 
padding:20px 0 0 0;
}

#footer p {
color:#fff;
letter-spacing:1px;
font-style:italic;
font-size:11px;
text-align:justify;
line-height:16px;
}

#about {
width:260px;
height:200px;
float:left;
margin:0px;
padding:0px;
}

#abouttitle {
background:url(images/about.jpg) no-repeat;
width:74px;
height:11px;
margin:0px;
padding:0px;
}

a#read {
color:#fff;
text-decoration:none;
float:right;
padding:0 4px 0 0;
}

#twitter {
width:280px;
height:200px;
float:left;
margin:0 0 0 25px; 
padding:0px;
}

#twittertitle {
background:url(images/twitter.jpg) no-repeat;
width:177px;
height:11px;
margin:0px;
padding:0px;
}

#twitterfeed {
padding:0px;
margin:10px 0 0 0;
}

#twitter_update_list {
list-style:none;
font-size:11px;
letter-spacing:1px;
margin:4px 0 0 0;
color:#fff;
padding:0px;
}

#twitter_update_list ul, li {
margin:13px 0 10px 0; 
padding:0px;
}

#twitter_update_list li { 
width:280px;
}

#twitter_update_list li a {
color:#fff;
}

#contact {
width:280px;
height:200px;
margin:0 0 0 25px;
padding:0px;
float:left;
}

#contacttitle {
background:url(images/contact.jpg) no-repeat;
width:86px;
height:11px;
margin:0px;
padding:0px;
}

.clear {
clear:both;
height:0px;
}

.fclear {
clear:both;
height:100px;
}

#footer a {
color:#fff;
}

p#copy {
text-align:right;
margin:20px 0 0 0;
}

a {
color:#717171;
text-decoration:none;
}

a:hover {
color:#6c6c6c;
text-decoration:none;
}

a:visited {
color:#717171;
text-decoration:none;
}

a:active {
color:#717171;
text-decoration:none;
}