/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
dd, dl, dt, li,  ul, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;vertical-align: baseline;*/
	text-align: left;
	
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}



a {
    outline: none; text-decoration:none
}



.clear {clear:both;}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/

/* CSS Document */
html, body {
height: 100%; scrollbar-3d-light-color:#000; scrollbar-arrow-color:#ccc; scrollbar-base-color:#000; scrollbar-dark-shadow-color:#000; scrollbar-face-color:#000; scrollbar-highlight-color:#ccc; scrollbar-shadow-color:#ccc; scrollbar-track-color:#000;}

body{
margin:0; padding:0; color:#fff; background-color:#000; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-style: normal; line-height:20px; font-weight: normal; letter-spacing:inherit;}

html>body #body { 
height: auto;}


#body {
position: relative; width:980px; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit; height: auto;}

.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

/* TOPSECTION 
********************************************************/

#TopSection {
float:left; width:980px; height:153px;}

.so-logo {
float:left; width:349px; height:133px;}
.so-logo-monday {
float:left; width:349px; height:133px; background:url(../images/so-purple.png) no-repeat;}

.so-logo-tuesday {
float:left; width:349px; height:133px; background:url(../images/so-peacock.png) no-repeat;}

.so-logo-wednesday {
float:left; width:349px; height:133px; background:url(../images/so-purple.png) no-repeat;}

.so-logo-thursday {
float:left; width:349px; height:133px; background:url(../images/so-moon.png) no-repeat;}

.so-logo-friday {
float:left; width:349px; height:133px; background:url(../images/so-love.png) no-repeat;}

.so-logo-saturday {
float:left; width:349px; height:133px; background:url(../images/so-chinese.png) no-repeat;}

.so-logo-sunday {
float:left; width:349px; height:133px; background:url(../images/so-purple.png) no-repeat;}
/*
.so-logo-monday {
float:left; width:349px; height:133px; background:url(../images/so-peacock.png) no-repeat;}

.so-logo-tuesday {
float:left; width:349px; height:133px; background:url(../images/so-yellow.png) no-repeat;}

.so-logo-wednesday {
float:left; width:349px; height:133px; background:url(../images/so-moon.png) no-repeat;}

.so-logo-thursday {
float:left; width:349px; height:133px; background:url(../images/so-yellow.png) no-repeat;}

.so-logo-friday {
float:left; width:349px; height:133px; background:url(../images/so-love.png) no-repeat;}

.so-logo-saturday {
float:left; width:349px; height:133px; background:url(../images/so-yellow.png) no-repeat;}

.so-logo-sunday {
float:left; width:349px; height:133px; background:url(../images/so-chinese.png) no-repeat;}
*/


/* MAIN MENU 
********************************************************/
.mainNav {
float:left; width:627px; height:49px; padding:103px 0 0 0; /*padding:38px 0 0 0;*/ background:url(../images/so-contact.gif) right no-repeat;}


a img {border-width:0;}
a#home img {background: url(../images/nav-what.gif) top left no-repeat; width:116px; height:30px;}
a#how img {background: url(../images/nav-how.gif) top left no-repeat; width:134px; height:30px;}
a#work img {background: url(../images/nav-work.gif) top left no-repeat; width:142px; height:30px;}
a#contact img {background: url(../images/nav-contact.gif) top left no-repeat; width:141px; height:30px;}

a#home:hover img {background: url(../images/nav-what-over.gif) top left no-repeat;}
a#how:hover img {background: url(../images/nav-how-over.gif) top left no-repeat;}
a#work:hover img {background: url(../images/nav-work-over.gif) top left no-repeat;}
a#contact:hover img {background: url(../images/nav-contact-over.gif) top left no-repeat;}


/* SOCIAL NETWORKING 
********************************************************/
.socialNetworking {
float:left; width:627px; height:58px; padding:7px 0 0 0;}


.twitter {float:left; width:539px; height:100px; overflow:hidden; top:-55px;}
.twitter_feed {position:absolute;height:100px; overflow:hidden; top:-55px; }

.socialNetworkingLogos {float:left; width:88px; height:65px; }
.socialNetworkingLogos ul li {float:left;}
.socialNetworkingLogos ul li a {display:block; border-width:0; }
.socialNetworkingLogos ul li.sofacebook, .socialNetworkingLogos ul li.sofacebook a {background: url(../images/so-on-facebook-over.png) top left no-repeat; width:25px; height:27px; padding:0 2px 0 0;}
.socialNetworkingLogos ul li.sofacebook a:hover, .socialNetworkingLogos ul li.sofacebook a.on {background: url(../images/so-on-facebook.png) top left no-repeat;}

.socialNetworkingLogos ul li.sotwitter, .socialNetworkingLogos ul li.sotwitter a {background: url(../images/so-on-twitter-over.png) top left no-repeat; width:26px; height:27px; padding:0 2px 0 0;}
.socialNetworkingLogos ul li.sotwitter a:hover, .socialNetworkingLogos ul li.sotwitter a.on {background: url(../images/so-on-twitter.png) top left no-repeat;}

.socialNetworkingLogos ul li.soyoutube, .socialNetworkingLogos ul li.soyoutube a {background: url(../images/so-on-you-tube-over.png) top left no-repeat; width:25px; height:27px; padding:0 0 0 0;}
.socialNetworkingLogos ul li.soyoutube a:hover, .socialNetworkingLogos ul li.soyoutube a.on {background: url(../images/so-on-you-tube.png) top left no-repeat;}


/* FLASH ACROSS THE SCREEN 
********************************************************/

#DisplayArea { 
float:left; width:100%; height:291px; padding:20px 0 0 0;}

#portfolioDisplay {
position:relative; width:100%; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit; }



/* STAPLINE SECTION  
********************************************************/

#strapHomeSection {
float:left; width:915px; height:135px; margin:30px 0 0 0; border-bottom:#303030 solid 1px; background:url(../images/strapline.gif) no-repeat; }

#strapHowSection {
float:left; width:915px; height:135px; margin:30px 0 0 0; border-bottom:#303030 solid 1px; background:url(../images/strapline-how.gif) no-repeat; }

#strapWorkSection {
float:left; width:915px; height:135px; margin:30px 0 0 0; border-bottom:#303030 solid 1px; background:url(../images/strapline-work.gif) no-repeat; }

#strapContactSection {
float:left; width:915px; height:135px; margin:30px 0 0 0; border-bottom:#303030 solid 1px; background:url(../images/strapline-contact.gif) no-repeat;}


/* THREE COLUMS SECTION  
********************************************************/
#mainContent { /*position:relative;*/ width:915px; margin: 0 auto; padding: 0 0 0 65px;  voice-family: "\"}\""; voice-family: inherit; height: auto;}

#columnSection {
float:left; width:915px; padding:30px 0 60px 0; border-bottom:#303030 solid 1px; }

.sowhat {
float:left; width:265px; padding:70px 40px 0 0; background:url(../images/so-what.gif) no-repeat;}

.weInvented {
float:left; width:265px; padding:70px 40px 0 0; background:url(../images/title-reinvented.gif) no-repeat;}

.leftColumn {
float:left; width:265px; padding:0 40px 0 0;}

.middleColumn {
float:left; width:275px; padding:0 30px 0 0;}

.rightColumn {
float:left; width:283px; padding:0 0 0 22px;}

.bigSO {
float:left; width:265px; height:203px; padding:0 40px 0 0; background:url(../images/designs-big-so3.gif) no-repeat;}

.keepSO {
float:left; width:265px; height:203px; padding:0 40px 0 0; background:url(../images/so-keep3.gif) no-repeat;}

.whatSay {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/t-what-our-clients-say.gif) no-repeat;}

.ClientsTestimonials {
float:left; width:915px; z-index:0; height:58px}

.websiteTerms {
float:left; width:915px; background:url(../images/so-terms.gif) no-repeat; padding:35px 0 0 0 }

.termsDiv1 {
float:left; width:150px; padding:7px 0 13px 0}

.termsDiv2 {
float:left; width:765px; padding:7px 0 13px 0}


#columnSection strong { font-size:85%}

.contactDetails {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/t-contact-details.gif) no-repeat}

.kiss {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/so-kiss.gif) no-repeat;}

.titlewhen {
float:left; width:265px; background:url(../images/so-when.gif) no-repeat; padding:18px 0 0 0;}

.sowhen {
float:left; width:275px; padding:38px 30px 0 0; background:url(../images/so-far.gif) no-repeat;}

.sofar {
float:left; width:283px; padding:0px 0 0 22px; color:#ffe05b }

.sowork {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/so-work.gif) no-repeat}



.networkingDisplay {float:left; width:265px; padding:0 40px 0 0; background:url(../images/t-networking.gif) no-repeat; height:24px}

.networkingInfo {float:left; width:576px; height:24px}

a#facebook img {background: url(../images/logo-facebook.gif) top left no-repeat; width:88px; height:33px; padding:0 0 0 40px}
a#linkedin img {background: url(../images/logo-linkedin.gif) top left no-repeat; width:116px; height:33px;}

a#facebook:hover img {background: url(../images/logo-facebook-over.gif) top left no-repeat;}
a#linkedin:hover img {background: url(../images/logo-linkedin-over.gif) top left no-repeat;}


#registeredDetails {float:left; width:610px; height:5px; padding:30px 0 10px 305px; font-size:11px;}

.bulletpoints {
float:left; width:240px; padding:0 0 0 18px; background:url(../images/circle.gif) no-repeat;}

#soFeatured {
float:left; width:915px; height:323px; /*border-bottom:#efefef solid 1px;*/}

.featuredWork{
float:left; width:265px; padding:38px 35px 0 0; background:url(../images/t-featured-work.gif) no-repeat; margin:10px 0 0 0}

.featuredDisplay {
float:left; width:615px; height:323px;}
 
 

/* HOW PAGE 
********************************************************/

#soProcess {
float:left; width:915px; height:323px; background:url(../images/so-design-process-black.jpg) right no-repeat; /*border-bottom:#303030 solid 1px; background-color:#FFF*/}

#soCupcakes {
float:left; width:915px; height:323px; background:url(../images/so-design-cupcakes.jpg) right no-repeat; /*border-bottom:#efefef solid 1px;*/}

#soPaint {
float:left; width:915px; height:323px; background:url(../images/so-design-paint.jpg) right no-repeat; border-bottom:#303030 solid 1px; background-color:#FFF}

#spacer {
float:left; width:915px; height:60px; }


/* WORK PAGE 
********************************************************/
.so-design-WorkExamples {float:left; width:163px; padding:0 25px 40px 0;} 
.so-design-WorkExamplesEnd {float:left; width:163px; padding:0 0 40px 0;} 



a#cypressa img {background: url(../images/logo-cypressa.gif) top left no-repeat; width:163px; height:88px;}
a#damaris img {background: url(../images/logo-damaris.gif) top left no-repeat; width:163px; height:88px;}
a#electricus img {background: url(../images/logo-electricus.gif) top left no-repeat; width:163px; height:88px;}
a#gerrys img {background: url(../images/logo-gerrys.gif) top left no-repeat; width:163px; height:88px;}
a#naxxia img {background: url(../images/logo-naxxia.gif) top left no-repeat; width:163px; height:88px;}
a#harrison img {background: url(../images/logo-harrison.gif) top left no-repeat; width:163px; height:88px;}
a#irp img {background: url(../images/logo-irp.gif) top left no-repeat; width:163px; height:88px;}
a#linkhill img {background: url(../images/logo-linkhill.gif) top left no-repeat; width:163px; height:88px;}
a#mortgage img {background: url(../images/logo-mortgage-monitor.gif) top left no-repeat; width:163px; height:88px;}
a#rld img {background: url(../images/logo-rld.gif) top left no-repeat; width:163px; height:88px;}
a#trust img {background: url(../images/logo-trusteducation.gif) top left no-repeat; width:163px; height:88px;}
a#wedlake img {background: url(../images/logo-wedlake.gif) top left no-repeat; width:163px; height:88px;}
a#nlce img {background: url(../images/logo-nlce.gif) top left no-repeat; width:163px; height:88px;}
a#olympus img {background: url(../images/logo-olympus.gif) top left no-repeat; width:163px; height:88px;}
a#uou img {background: url(../images/logo-uou.gif) top left no-repeat; width:163px; height:88px;}
a#sayprint img {background: url(../images/logo-sayprint.gif) top left no-repeat; width:163px; height:88px;}
a#venus img {background: url(../images/logo-venus.gif) top left no-repeat; width:163px; height:88px;}
a#seventy4 img {background: url(../images/logo-seventy4.gif) top left no-repeat; width:163px; height:88px;}
a#endfuel img {background: url(../images/logo-endfuel.gif) top left no-repeat; width:163px; height:88px;}
a#lct img {background: url(../images/logo-lct.gif) top left no-repeat; width:163px; height:88px;}
a#shandler-homes img {background: url(../images/logo-shandler-homes.gif) top left no-repeat; width:163px; height:88px;}
a#spicer-partner img {background: url(../images/logo-spicer-partner.gif) top left no-repeat; width:163px; height:88px;}
a#timberlake img {background: url(../images/logo-timberlake.gif) top left no-repeat; width:163px; height:88px;}
a#burgeon img {background: url(../images/logo-burgeon.gif) top left no-repeat; width:163px; height:88px;}
a#cheese-film img {background: url(../images/logo-cheese-film.gif) top left no-repeat; width:163px; height:88px;}
a#custom-lofts img {background: url(../images/logo-custom-lofts.gif) top left no-repeat; width:163px; height:88px;}
a#spaghi img {background: url(../images/logo-spaghi.gif) top left no-repeat; width:163px; height:88px;}
a#ima img {background: url(../images/logo-ima.gif) top left no-repeat; width:163px; height:88px;}
a#mydentalcare img {background: url(../images/logo-mydentalcare.gif) top left no-repeat; width:163px; height:88px;}


a#cypressa:hover img {background: url(../images/logo-cypressa-over.gif) top left no-repeat;}
a#damaris:hover img {background: url(../images/logo-damaris-over.gif) top left no-repeat;}
a#gerrys:hover img {background: url(../images/logo-gerrys-over.gif) top left no-repeat;}
a#electricus:hover img {background: url(../images/logo-electricus-over.gif) top left no-repeat;}
a#naxxia:hover img {background: url(../images/logo-naxxia-over.gif) top left no-repeat;}
a#harrison:hover img {background: url(../images/logo-harrison-over.gif) top left no-repeat;}
a#irp:hover img {background: url(../images/logo-irp-over.gif) top left no-repeat;}
a#linkhill:hover img {background: url(../images/logo-linkhill-over.gif) top left no-repeat;}
a#mortgage:hover img {background: url(../images/logo-mortgage-monitor-over.gif) top left no-repeat;}
a#rld:hover img {background: url(../images/logo-rld-over.gif) top left no-repeat;}
a#trust:hover img {background: url(../images/logo-trusteducation-over.gif) top left no-repeat;}
a#wedlake:hover img {background: url(../images/logo-wedlake-over.gif) top left no-repeat;}
a#nlce:hover img {background: url(../images/logo-nlce-over.gif) top left no-repeat;}
a#olympus:hover img {background: url(../images/logo-olympus-over.gif) top left no-repeat;}
a#uou:hover img{background: url(../images/logo-uou-over.gif) top left no-repeat;}
a#sayprint:hover img {background: url(../images/logo-sayprint-over.gif) top left no-repeat;}
a#venus:hover img {background: url(../images/logo-venus-over.gif) top left no-repeat;}
a#seventy4:hover img {background: url(../images/logo-seventy4-over.gif) top left no-repeat;}
a#endfuel:hover img {background: url(../images/logo-endfuel-over.gif) top left no-repeat;}
a#lct:hover img {background: url(../images/logo-lct-over.gif) top left no-repeat;}
a#shandler-homes:hover img {background: url(../images/logo-shandler-homes-over.gif) top left no-repeat;}
a#spicer-partner:hover img {background: url(../images/logo-spicer-partner-over.gif) top left no-repeat;}
a#timberlake:hover img {background: url(../images/logo-timberlake-over.gif) top left no-repeat;}
a#burgeon:hover img {background: url(../images/logo-burgeon-over.gif) top left no-repeat;}
a#cheese-film:hover img {background: url(../images/logo-cheese-film-over.gif) top left no-repeat;}
a#custom-lofts:hover img {background: url(../images/logo-custom-lofts-over.gif) top left no-repeat;}
a#spaghi:hover img {background: url(../images/logo-spaghi-over.gif) top left no-repeat;}
a#ima:hover img {background: url(../images/logo-ima-over.gif) top left no-repeat;}
a#mydentalcare:hover img {background: url(../images/logo-mydentalcare-over.gif) top left no-repeat;}


/* FORM 
*******************************************************/
.feedbackform{padding: 5px;}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 265px; /*width of form rows*/overflow: hidden; padding: 5px 0;}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left; width: 110px; font-size:12px;  /*width of label (left column)*/ margin-right: 0; /*spacing with right column*/}


div.fieldwrapper label.styled2{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 250px; /*width of label (left column)*/
margin-right: 0; font-size:12px; /*spacing with right column*/
}


div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 100px; background:#191919; border:none; 
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 100px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}


/* FORM STYLES 
*********************************************************************/
	/*** FORM STYLES ***/

	#content_center #form_builder {
	clear:both;
	width:274px !important;
	margin:0;
	padding:0 0 0 0;
	}

	#form_builder {
	margin-top:0px;
	}


	#form_builder input.input_text {
		width: 146px !important;
		border: 1px solid #dddddd;
		margin-bottom: 3px !important;
		padding-left:4px;
		background-color:#dddddd !important;
		padding:1px 2px 1px 5px;
		*padding:0px 2px 2px 5px;
		position:relative;
		width:146px;
		color:#191919;
		font-size:10px;
		font-size:11px#;
		height:1.5em;
		*height:1.4em !important;
		*height:1.5em;
		font-family: arial, verdana, sans-serif;
		font-size: 11px;
		}




	#form_builder input.input_text {
		background-color:#dddddd !important#;
		*background-color:#dddddd !important;
		color:#000 !important#;
		*color:#191919 !important;
	}

	#form_builder .input:hover,#form_builder .input:focus,
	#form_builder select:hover,#form_builder select:focus,
	#form_builder textarea:hover,#form_builder textarea:focus,
	#form_builder .input_text:hover, #form_builder .input_text:focus {
		border:1px solid #191919; }
	textarea {
		padding-top:3px;
		background-color:#FBFBFB;
		float:left; 
		}

	

	#form_builder input,
	#form_builder select,
	#form_builder textarea  {
	margin-right:0;
	float:LEFT;
	}

	#form_builder textarea  { width:151px !important; margin-bottom:10px; 
	
		border: 1px solid #dddddd;
		margin-bottom: 3px !important;
		padding-left:4px;
		background-color:#dddddd !important;
		padding:1px 2px 1px 0px;
		*padding:0px 2px 2px 0px;
		position:relative;
		width:151px;
		color:#191919;
		font-size:10px;
		font-size:11px#;
		height:3.5em;
		*height:3.4em !important;
		*height:3.5em;
		font-family: arial, verdana, sans-serif;
		font-size: 11px;
	
	
	
	 }

	#form_builder .label_checkbox {
	width:310px;
	}

	.input_radio {
	float:left !important;
	margin-left:22px!important;
	margin-left:38px;
	}

	.input_file {
	 float:right !important;
	 width:218px !important;
	 width:204px;
	}

	.label_file {}

	#form_builder .input_checkbox {
	margin-bottom: 10px;
	margin-top:3px;
	*margin-top:0px;
	}

	#form_builder select {
	width:196px !important#;
	*width:217px !important;
	*width:203px;
	}

	#form_builder .form_button,
	#email_friend .form_button	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#191919;
	background-color:#dddddd !important;
	margin:0; width:68px; border:none; height:19px; float:right; margin:0 18px 0 0;
	}

	#email_friend .form_button {
	margin-left:236px;
	}

	#form_builder .form_button:hover,
	#email_friend .form_button:hover {
	color:#000;
	background-color:#474747 !important;
	cursor:pointer;
	cursor:hand;
	}

	#form_builder textarea {
	height:100px;
	}
	
	


	fieldset {
	margin: 0px 0px 0px 0px;
	border: NONE;
	}

	fieldset legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 0 0px 10px 0px;
	}

















/* BOTTOM MAIN MENU 
********************************************************/


#navBottom {
float:left; width:915px; padding:18px 0 1px 0;}

.bottomso-logo {
float:left; width:284px; height:30px; background:url(../images/t-so-design.gif) no-repeat;}

.bottommainNav {
float:left; width:627px; height:30px; padding:0 0 0 0; background:url(../images/so-contact-over.gif) right no-repeat; }






/*
#BottomNavSection {
float:left; width:915px; height:48px; padding:28px 0 0 0; }

.so-design-bottom {
float:left; width:288px; height:41px; background:url(../images/t-so-design.gif) no-repeat;}

.bottommainNav {
float:left; width:627px; height:41px; background:url(../images/so-contact-over.gif) right no-repeat; }

*/

a img {border-width:0;}
a#home-bot img {background: url(../images/nav-what-over.gif) top left no-repeat; width:116px; height:30px;}
a#how-bot img {background: url(../images/nav-how-over.gif) top left no-repeat; width:134px; height:30px;}
a#work-bot img {background: url(../images/nav-work-over.gif) top left no-repeat; width:142px; height:30px;}
a#contact-bot img {background: url(../images/nav-contact-over.gif) top left no-repeat; width:141px; height:30px;}

a#home-bot:hover img {background: url(../images/nav-what.gif) top left no-repeat;}
a#how-bot:hover img {background: url(../images/nav-how.gif) top left no-repeat;}
a#work-bot:hover img {background: url(../images/nav-work.gif) top left no-repeat;} 
a#contact-bot:hover img {background: url(../images/nav-contact.gif) top left no-repeat;}


/*FOOTER  - position:absolute; bottom:0; instead of float:left}
********************************************************/
#footer { 
float:left; width:100%; height:50px; background:#191919; padding:5px 0 0 0 }

#footerContent {
position:relative; width:97%; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit;}

.copyright {
float:left; width:676px; padding:0 0 0 0; background:url(../images/so-design-consultancy-ltd.gif) no-repeat;}

a#sofacebook img {background: url(../images/so-facebook.gif) top left no-repeat; width:19px; height:19px; padding:0 0 3px 0}
a#sofacebook:hover img {background: url(../images/so-facebook-over.gif) top left no-repeat;}

#colourwayDisplay {
float:right; width:145px;}

.colourway {
float:left; width:145px; padding:0 0 0 0; background:url(../images/sodesign-web-hosting.gif) no-repeat left; vertical-align:top}

.colourway-panel {
float:left; width:19px; height:18px; padding:0 5px 0 0} 

#footer2 {
bottom:0; width:100%; height:50px; }



/* LINKS 
********************************************************/

a, a:visited {
text-decoration: none; color:#ccc; outline:none}

a:hover {
color:#242424; text-decoration: none;  outline:none}


/* XMAS 09 
********************************************************/

#TopSectionXmas {
float:left; width:980px; height:318px;}

#Xmas1 {
float:left; width:610px; height:318px; }

.so-logoXmas {
float:left; width:610px; height:133px; margin:0 0 50px 0;}

.personalisedXmas{
float:left; width:545px; background:url(../images/t-personalised-xmas-cards-blk.gif) top left no-repeat; height:135px; margin:0 0 0 65px;}

#Xmas2 {
float:left; width:370px; height:318px; }

.ImgXmas {
float:left; width:370px; height:318px; background:url(../images/xmas-display-blk.gif) top right no-repeat;}

.printedDetails {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/t-printed-cards-blk.gif) no-repeat}

.emailDetails {
float:left; width:265px; padding:38px 40px 0 0; background:url(../images/t-email-cards-blk.gif) no-repeat}

.FullColumnEmail {
float:left; width:610px;}


.FullColumn {
float:left; width:610px; padding:27px 0 0 0; margin:0 0 0 305px;}

.cardView {
float:left; width:148px; height:104px; border:#fff solid 1px; margin:0 3px 0 0; }

.cardViewLast {
float:left; width:148px; height:104px; border:#fff solid 1px; margin:0 0 0 0; }

.cardViewTxt {
float:left; width:150px; height:43px; padding:7px 0 0 0; margin:0 1px 0 0; text-align:center; font-weight:bold; font-size:11px; line-height:14px;}

.cardViewTxt2 {
float:left; width:302px; height:43px; padding:7px 0 0 0; margin:0 1px 0 0; text-align:center; font-weight:bold; font-size:11px; line-height:14px;}


#CardTableTitle {
float:left; width:203px; background:#fff; padding:5px 0 5px 0; font-weight:bold; text-align:center; color:#535353;}

#CardTableContent {
float:left; width:202px; border-bottom:#fff solid 1px; border-left:#fff solid 1px; text-align:center; padding:7px 0 7px 0;}

#CardTableContentEnd {
float:left; width:201px; border-bottom:#fff solid 1px; border-left:#fff solid 1px; border-right:#d5d5d5 solid 1px; text-align:center; padding:7px 0 7px 0;}

.OrderHere {
float:left; width:265px; height:203px; padding:0 40px 0 0; background:url(../images/order-here-7.gif) no-repeat;}

#CardOptions {
float:left; width:915px; padding:31px 0 31px 0; border-bottom:#303030 solid 1px; text-align:center;}

a#CardOptionsEmail img {background: url(../images/so-design-email-blk.gif) top left no-repeat; width:337px; height:209px;}
a#CardOptionsPrinted img {background: url(../images/so-design-printed-blk.gif) top left no-repeat; width:337px; height:209px;}

a#CardOptionsEmail:hover img {background: url(../images/so-design-email-blk-over.gif) top left no-repeat;}
a#CardOptionsPrinted:hover img {background: url(../images/so-design-printed-blk-over.gif) top left no-repeat;}



.willywonker {
float:left; width:915px; z-index:0; height:238px; margin:0 0 0 0; background:#543019;}