/* SB Style
	All designs and images on this site are	Copyrighted Solid Block Design LLP */

/* Colours: Black #000000; White #000000; Pink: #ff0099  */

body { font-family: Arial, Helvetica, sans-serif; background-color: #666666; background-image: url(../images/backgrounds/sb-bg-2.jpg); background-attachment: fixed; }	

/* Global */
#container { width: 880px; margin: 0px auto; }
.imagebox { margin: 20px 0px 0px 0px; padding: 0px; border: none; float: left; }
.right { float: right; }
.pinkbox { padding: 10px; margin: 10px 0px 0px 10px; background-image: url(../images/pinkbox-bg.png); color: #FFFFFF; font-size: 80%; float: left; clear: both; }
.pinkboxright { padding: 10px; margin: 10px 10px 0px 0px; background-image: url(../images/pinkbox-bg.png); color: #FFFFFF; font-size: 80%; float: right; }
.pinkbox a, .pinkboxright a  {font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #ffffff; text-decoration: none; }
.pinkbox a:hover, .pinkboxright a:hover  { color: #000000; }
.text-box { padding: 20px; width: 840px; float: left; background-color: #ffffff; margin: 20px 0px 0px 0px; float: left; }
.text-box h1 { padding: 0px; width: 880px; margin: 0px 0px 10px 0px; float: left; }
.text-box p.overview { font-size: 120%; float: left; clear: both; width: 840px; }
.smallimagebox { float: left; margin: 20px 20px 0px 0px; padding: 0px; width: 280px; height: 280px; }
.websiteimagebox { float: left; margin: 20px 20px 0px 0px; padding: 0px; width: 880px; height: 450px; }
.bigwebsiteimagebox { float: left; margin: 20px 20px 0px 0px; padding: 0px; width: 880px; height: 500px; }
.smallwebsiteimagebox { float: left; margin: 20px 20px 0px 0px; padding: 0px; width: 880px; height: 300px; }
.topwebsiteimagebox { float: left; margin: 20px 20px 0px 0px; padding: 0px; width: 880px; height: 250px; }
.text-box-col { width: 266px; margin-right: 21px; float: left; }

/* Menus */
#menu { background-color:#000000; padding: 10px; width: 860px; float: left; margin-top: 20px; }
.menucol { margin-right: 20px; float: left; }
.menucoltitle { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #FFFFFF;  font-size: 14px;  }
.menucol ul { list-style: none; margin: 0px; padding: 0px; font: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; text-decoration: none; color: #FFFFFF; }
.menucol ul li a, .menucol ul li a:visited { font-style: normal; text-decoration: none; color: #FFFFFF; }
.menucol ul li a:hover { font: Arial, Helvetica, sans-serif; font-style: normal; color: #ff0099; }
.menucol ul li.menuitemon { font-weight: bold; }
#footermenu { width: 860px; padding: 10px; background-color: #000000; float: left; margin-top: 20px; font-size: 12px; }
#footermenu a, #footermenu a:visited { color: #ffffff; text-decoration: none; }
#footermenu a:hover { color: #ff0099; }
#footermenu #previousbutton { width: 200px; float: left; }
#footermenu #nextbutton {  width: 200px; float: right; text-align: right; }
#footermenu #topbutton { width: 460px; float: left; text-align: center; }

/* Header */
#header { width: 880px; float: left; margin-top: 10px; }
#logo { border: none; float: left; margin-bottom: 5px; }
#strapline { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 30px; color: #ff0099; float: right; padding: 0px; margin-top: 18px; }

/* Footer */
#footer { font-size: 70%; color: #FFFFFF; font-weight: bold; float: left; margin-top: 20px; padding-bottom: 20px; }

/* Home Page */
#home-textsection { width: 880px;  float: left; margin-top: 20px;  }
#home-text { padding: 10px 20px 20px 20px; width: 540px; float: left; background-color: #ffffff; }
#home-textsection h1 { padding: 0px; width: 520px; margin: 10px 0px 20px 0px; }
#home-textsection p { padding: 0px; width: 520px; margin: 0px 0px 10px 0px; }
#home-textsection p.finalhomepara { margin: 0px; }
#home-textsection .capabilities { width: 280px; padding: 00px 0px 0px 0px; float: right; }
#home-textsection .capabilities h2 a { color: #ffffff; margin: 0px; padding: 0px; text-decoration: none; }
#home-textsection .capabilities h2 a:hover { color: #ff0099; margin: 0px; padding: 0px; }
#home-capabilities { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; font-size: 200%; margin: 0px; }

#twitterbox { width: 860px; padding: 10px; background-color: #ffffff; float: left; margin-top: 20px; }
.twtr-hd {display: none;}
.twtr-ft {display: none;}
.twtr-tweet-wrap { padding: 0px;}

/* Client Pages */
.pinkclientbox { padding: 10px; margin: 10px 0px 0px 10px; width: 250px; background-image: url(../images/pinkbox-bg.png); color: #ffffff; font-size: 80%; float: left;  }
.pinkclientbox span { font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: bold; color: #000000; }
.clientmainimagebox { float: left; margin: 20px 0px 0px 0px; padding: 0px; width: 880px; height: 500px; }

/* Blog */
.double-text-box-col {  width: 540px; margin-right: 20px; float: left; }
.blog-image { width: 280px; float: right; border: none; }
.entry-title { margin-top: 0px; }
.entry-info { color: #999999; }
.double-text-box-col p, .blog-entry-text-box-col p { margin-bottom: 10px; }
.blog-entry-image { width: 580px; float: right; border: none; }
.blog-entry-text-box-col { width: 240px; float: left; }

/* Fonts */
p { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; font-size: 90%; color: #666666; }
p a { color: #666666; }
p a:hover { color: #ff0099; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #ff0099; }
h2 { color: #ff0099; font-weight:normal; font-size: 110%; margin: 20px 0px 10px 0px; padding: 0px; }
h2 a { color: #ff0099; text-decoration: none; }
h2 a:hover { color: #000000;}