/*
-----------------------------------------------
SD Design 
Author:www.sarahdefriend.co.uk
Version:14 April 2010 
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   color:#fe0075;
   text-decoration:none;
   font-weight:bold;
}
a:hover {
   color:#00ff54;
   text-decoration:underline;
}
a img {
   border:0;
}
p {
   font-size:12px;
   margin:5px 30px 1em 30px;
   line-height:1.7em;
}
ul {
   list-style-type:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#F00;
}


/* Page Structure
----------------------------------------------- */

html body {
   background:#121212;
   color:#7d7d7d;
   text-align:center;
   font:81.25% Georgia, Verdana, Sans-serif;
   margin:0;
}
#masthead {
   width:940px;
   height:255px;
   margin:0 auto;
}
#main {
   width:940px;
   text-align:left;
   margin:0 auto;
}
#main .col {
   padding:0px 70px 5px 70px;
}


/* Top Nav
----------------------------------------------- */

#topnav {
   font-size:1.3em;
   font-weight:bold;
   width:940px;
   text-align:left;
   margin:0 auto;
}  
#topnav .col {
   padding:10px 0px 0px 85px;   

}
#topnav a {
   color:#fff;
}
#topnav .active a {
   color:#fe0075;
   text-decoration:none;
}
#topnav a:hover {
   color:#00ff54;
   text-decoration:none;
}
#topnav ul {
   list-style:none;
}
#topnav ul li {
   display:inline;
   margin:0 0 0 15px;
}



/* Left home
----------------------------------------------- */

#leftcol {
   width:395px;
   float:left;
   margin:0 auto;
   padding:0px;

}
#image02 {
   margin:0px 0 10px 0;
}
a.image02 {
   display:block; 
   width:395px; 
   height:160px; 
   background-image:url("graphics/web_design_r.jpg"); 
   background-repeat:no-repeat;
 
} 
#image03 {
   margin:10px 0 0px 0;
}
a.image03 {
   display:block; 
   width:395px; 
   height:160px; 
   background-image:url("graphics/artwork_r.jpg"); 
   background-repeat:no-repeat;

} 


/* Right home
----------------------------------------------- */

#rightcol {
   width:395px;
   float:right;
   margin:0 auto;
   padding:0px;
}
#image04 {
   margin:0px 0 10px 0;
}
a.image04 {
   display:block; 
   width:395px; 
   height:160px; 
   background-image:url("graphics/illustration_r.jpg"); 
   background-repeat:no-repeat;
}

#image05 {
   margin:10px 0 10px 0;
}
a.image05 {
   display:block; 
   width:395px; 
   height:160px; 
   background-image:url("graphics/branding_r.jpg"); 
   background-repeat:no-repeat;
 
} 


/* Services
----------------------------------------------- */

#services {
   width:800px;
   text-align:left;
   background-color:#252525;
   margin:0 auto;
   padding: 0 0 10px 0;
}

#services h1 {
   color:#fe0075;
   font-size:1.2em;
   font-weight:bold;
   line-height:1.3em;
   padding:0;
   margin:20px 30px 15px 30px;  

}
#services-box1 {
   float:left;
   width:270px;
   text-align:left;
   margin:0 auto;

}
#services-box2 {
   float:left;
   width:250px;
   text-align:left;
   margin:0 auto;

}
#services-box3 {
   float:left;
   width:280px;
   text-align:left;
   margin:0 auto;

}

/* Footer
----------------------------------------------- */

#footer {
   width:940px;
   background-repeat:no-repeat;
   text-align:left;
   margin:0 auto;
}
#footer .col {
	padding:0px 0 20px 45px;
}
#footer a {
   color:#fe0075;
}
#footer h1 {
   color:#646464;
   font-size:0.9em;
   line-height:1.9em;
}
#footer h2 {
   color:#242424;
   font-size:0.7em;
   line-height:1.5em;
   
}
#footer h2 a {
   color:#474848;
}
#footer-bg {
   width:940px;
   background-image: url("graphics/footer-bg.jpg");
   background-repeat:no-repeat;
   margin:0 auto;
}




/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   padding:0;
   margin:5px 20px 5px 30px;
}
img.right1, img.right2 {
   float:right;
   padding:0;
   margin:5px 20px 5px 30px;
}
img.left1, img.right1 {
    border:none;
}
img.left3, img.right3 {
   float:none;
   border:none;
}


/* Content
----------------------------------------------- */

hr {
   border-color:#333;
   border-width:1px 0 0 0;
   padding:0;
   margin:10px 0px 15px 0px;  
}
h1 {
   color:#fff;
   font-size:1.2em;
   font-weight:bold;
   line-height:1.7em;
   padding:0;
   margin:25px 30px 10px 30px;  
}
h2 {
   color:#fe0075;
   font-size:1.1em;
   font-weight:bold;
   line-height:1.4em;
   padding:0;
   margin:5px 30px 10px 30px;
}
h3 {
   color:#fe0075;
   font-size:1.0em;
   font-weight:bold;
   line-height:1.4em;
   padding:0;
   margin:5px 30px 10px 30px;
}
h4 {
   color:#fe0075;
   font-size:0.9em;
   padding:0;
   margin:5px 30px 10px 30px;
}   
#main ul {
   padding:0px 0px 5px 45px;
   margin:0;
}
#main ul li {
   background:url("graphics/green_bullet.gif") no-repeat 0px 4px;
   padding:0px 0px 10px 25px;
   margin:0;  
}

h5 {
   color:#fff;
   font-size:0.9em;
   margin:5px 30px 1em 30px;
   line-height:1.7em;
 
}

/* Latest Work
----------------------------------------------- */

#latest {
   margin:0px 0 10px 0;
} 



/* Page split
----------------------------------------------- */

#leftsplit {
   width:398px;
   float:left;
   margin:0 auto;
   padding:0px;
}
#rightsplit {
   width:398px;
   float:right;
   margin:0 auto;
   padding:0px;
}






ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1.0em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}