html, 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,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}

table { border-collapse: collapse;border-spacing: 0; }

/*   end of reset    */







/* testing */

#Bannertest { height:188px; width:942px; margin:0 auto; }

#Logotest { background: url('http://www.360creative.co.uk/images/LogoTest.jpg') top repeat-x; height:181px; width:111px; float: left; }

#Navigationtest {
			display: inline;
			width:712px;
			height:37px;
			margin-top:75px;
			float: right;
			margin-right: 20px; }

#Blogbuttontest { width:130px; height:68px; margin-right: 43px; float: right; margin-top: 23px; }

#Emailbuttontest { width:145px; height:25px; margin-right: 96px; float: right; margin-top: 33px; }

#Emailbuttontest a { width:145px; height:25px; display: block; }

#Twitbuttontest { width:122px; height:68px; margin-right: 22px; float: right; margin-top: 23px; }

#Twitbuttontest a { width:122px; height:68px; display: block; }

#Blogbuttontest a { width:130px; height:68px; display: block; }

#Navigationtest a:link 			{ display: block; height:37px; width:106px; color: #4d4d4f; text-decoration: none; font-weight: bold; }

#Navigationtest a:visited 		{ color: #4d4d4f; text-decoration: none; font-weight: bold; }

#Navigationtest a:hover 		{ color:white; text-decoration: none; font-weight: bold; }

#Navigationtest a:active 		{ color: #4d4d4f; text-decoration: none; font-weight: bold; }

#FeatureBoxBottomtest { height:100px; width:942px; background: url('http://www.360creative.co.uk/images/new-slither.jpg') center no-repeat; margin: 0 auto; }

/* end of testing */



.bold { font-weight: bold; }

.closer { letter-spacing: -4px; }





html, body { text-align: center; color: #4d4d4f; font-family: Verdana, Arial; }

body { background: url('http://www.360creative.co.uk/images/Background-Stripe.jpg') top repeat-x; height: 100%; width: 100%; text-align:center; margin: 0 auto; }



#Banner { height:151px; width:942px; margin:0 auto; }

#Logo { background: url('http://www.360creative.co.uk/images/Logo.jpg') top repeat-x; height:151px; width:111px; float: left; }

#navigation		{
			display: inline;
			width:712px;
			height:37px;
			margin-top:58px;
			float: right;
			}

.NavigationButton	{
			display: inline;
			float: right;
			font-size: 12px;
			border: 1px solid #000; }
.NavigationButton a	{
			margin: 0px;
			padding: 0px;
			}


/* New styles from Leila */

div.navigationArea	{
			display: inline;
			float: left;
			width: 790px;
			text-align: left;
			margin-top: 75px;
line-height: 115%;
			}

div.navigationArea ul	{
			display: inline;
			float: left;
			width: 790px;
			list-style-type: none;
			}
div.navigationArea li	{
			display: inline;
			float: right;
			text-align: right;
			font-size: 12px;
			padding: 0px 0px 0px 30px;
			}
div.navigationArea li a	{
			color: #4d4d4f;
			font-weight: bold;
			text-decoration: none;
			}
div.navigationArea li a:hover	{
			color: #fff;
			}

/* End of new styles from Leila */



/* .NavigationButton {display: inline;
height:37px;
float: right; font-weight: bold; font-size: 12px;} */

/* #Button6 { width:122px; top no-repeat; overflow:hidden; }

#Button4 { width:123px; top no-repeat; overflow:hidden; }

#Button3 { width:116px; top no-repeat; overflow:hidden; }

#Button2 { width:106px; top no-repeat; overflow:hidden; }

#Button1 { width:108px; top no-repeat; overflow:hidden; }

#Button1:hover { background-position: 0px -37px; }

#Button2:hover { background-position: 0px -37px; }

#Button3:hover { background-position: 0px -37px; }

#Button4:hover { background-position: 0px -37px; }

#Button5:hover { background-position: 0px -37px; }

#Button6:hover { background-position: 0px -37px; } */

#Chair { background: url('http://www.360creative.co.uk/images/Logo.jpg') top repeat-x; height:151px; width:111px; float: left; margin-left: 745px; }

#FeatureBoxFiller { height:135px; width:798px; padding-top:135px; padding-left:30px; background: url('http://www.360creative.co.uk/images/Blog-Image-top.jpg') right no-repeat; margin: 0 auto; }

#FeatureBoxTop {display: block; height:37px; width:942px; background: url('http://www.360creative.co.uk/images/Top-Box-Slither.jpg') no-repeat; margin: 0 auto; }

#FeatureBoxMiddle {display: block; height:292px; width:942px; background: url('http://www.360creative.co.uk/images/White_Slither.jpg') center no-repeat; margin: 0 auto; }

#FeatureBoxBottom {display: block; height:100px; width:942px; background: url('http://www.360creative.co.uk/images/new-slither.jpg') center no-repeat; margin: 0 auto; }



#FeatureBoxMiddle { font-family:Georgia; text-align: left; }

#FeatureBoxMiddle .size1 { font-size: 35px; }

#FeatureBoxMiddle .size2 { font-size: 43px; }

#FeatureBoxMiddle .size3 { font-size: 52px; }

#FeatureBoxMiddle .size4 { font-size: 80px; }

#FeatureBoxMiddle .size5 { font-size: 103px; }

#FeatureBoxMiddle .size6 { font-size: 110px; }

#FeatureBoxMiddle .size7 { font-size: 12px; line-height: 19px; margin-left: 23px; }

#FeatureBoxMiddle .size8 { font-size: 26px; line-height: 22px; font-weight: bold; letter-spacing: -2px; }

#FeatureBoxMiddle .size9 { font-size: 13px; line-height: 24px; }

#FeatureBoxMiddle .size10 { font-size: 35px; }

#FeatureBoxMiddle .size11 { font-size: 60px; line-height: 22px; font-weight: bold; letter-spacing: -2px; }

#FeatureBoxMiddle .size12 { font-size: 35px; line-height: 34px; letter-spacing: -2px; }

#FeatureBoxMiddle .size13 { font-size: 43px; line-height: 34px; font-weight: bold; }

#FeatureBoxMiddle .size14 { font-size: 80px; line-height: 22px; font-weight: bold; letter-spacing: -2px; }

#FeatureBoxMiddle .size15 { font-size: 20px; margin-left: 47px; }

#FeatureBoxMiddle .size16 { font-size: 20px; margin-left: 47px; }



#Navigation a:link 			{ display: block; height:37px; width:106px; color: #4d4d4f; text-decoration: none; font-weight: bold; }

#Navigation a:visited 		{ color: #4d4d4f; text-decoration: none; font-weight: bold; }

#Navigation a:hover 		{ color:white; text-decoration: none; font-weight: bold; }

#Navigation a:active 		{ color: #4d4d4f; text-decoration: none; font-weight: bold; }



a.external:link 			{ display: block; font-size: 12px; color: #4d4d4f; text-decoration: underline; font-family: Verdana;  }

a.external:visited 			{ font-size: 12px; color: #4d4d4f; text-decoration: none; font-family: Verdana; }

a.external:hover 			{ font-size: 12px; color: grey; font-family: Verdana; }

a.external:active 			{ font-size: 12px; color: #4d4d4f; font-family:Verdana;  }



a.email:link 				{ font-size: 20px; line-height: 22px; color: #4d4d4f; font-family: Georgia, Times; }

a.email:visited 			{ font-size: 20px; color: #4d4d4f; text-decoration: none; font-family: Georgia, Times; }

a.email:hover 				{ font-size: 20px; color: grey; font-family: Georgia;  }

a.email:active 				{ font-size: 20px; color: #4d4d4f; font-family: Georgia;  }


/* Leila:  comment out the .terms styles */
/* a.terms:link 			{ display: block; font-family:Verdana, color: #4d4d4f; text-align: centre; font-size: 10px; margin-bottom: 5px;  }

a.terms:visited 		{ font-size: 10px; color: #4d4d4f; text-decoration: none; font-family: Verdana; }

a.terms:hover 			{ font-size: 10px; color: grey; font-family: Verdana; }

a.terms:active 			{ font-size: 10px; color: #4d4d4f; font-family:Verdana; } */



#wrapper { font-family:Verdana, Arial; text-align: left; }

#wrapper h1 { font-size: 20px; margin-bottom: 10px; font-family:Georgia;  }

#wrapper p { font-size: 12px; line-height: 19px; }

#wrapper h3 { font-size: 12px; font-weight: bold; line-height: 19px; margin-top: 10px; }

#wrapper { width:942px; margin:0 auto; }

img.floatLeft { float: left; margin: 0px 7px 7px 0px; }



#leftColumn {  padding-left: 14px; padding-right: 30px; width:280px; }

#middleColumn {  padding-left: 14px; padding-right: 30px; width:280px; }

#rightColumn { padding-left: 14px; width:280px; }

#rightColumn, #middleColumn, #leftColumn { float: left; padding-top: 18px; }



#ContactPanel p { font-family:Verdana, Arial; text-align: centre; font-size: 10px; margin-bottom: 5px; }

#ContactPanel { width:942px; margin:0 auto; padding-left: 14px; margin-top: 50px; }



/* New styles from Leila */

div.ContactPanel 	{
			display: block;
			font-family:Verdana, Arial;
			font-size: 10px;		
			color: #4d4d4f;
			margin: 50px 0px 20px 0px;
			}
div.ContactPanel p 	{
			padding: 0px 0px 5px 0px;
			margin: 0px;
			}
div.ContactPanel ul	{
			display: block;
			padding: 0px;
			margin: 0px;
			list-style-type: none;
			}
div.ContactPanel li	{
			display: inline;
			padding: 0px;
			margin: 0px;
			}
div.ContactPanel a	{
			color: #4d4d4f;
			}
div.ContactPanel a:visited	{
			color: #4d4d4f;
			}

/* End of new styles from Leila */



#FetaureBoxleftColumn { float:left; height:100px; width:280px; }

#FetaureBoxmiddleColumn { float:left; height:100px; padding-top: 18px; padding-left: 14px; padding-right: 30px; width:280px; }

#FetaureBoxrightColumn { float:left; height:100px; padding-top: 18px; padding-left: 14px; width:280px; }



#FeatureColumn1 { margin: 20px 10px 0 20px; width: 218px; }

#FeatureColumn2 { margin-top: 20px; margin-right: 10px; width: 218px; }

#FeatureColumn3 { margin-top: 20px; margin-right: 10px; width: 218px; }

#FeatureColumn4 { margin: 20px 20px 0 0; margin-right: 20px; width: 218px; }

#FeatureColumn1, #FeatureColumn2, #FeatureColumn3, #FeatureColumn4 {display: inline; float: left;}



#FeatureColumn1 h1, #FeatureColumn2 h1, #FeatureColumn3 h1, #FeatureColumn4 h1 { font-size: 22px; margin-bottom: 10px; }

#FeatureColumn1 p, #FeatureColumn2 p, #FeatureColumn3 p, #FeatureColumn4 p { font-size: 13px; line-height: 23px; }





#leftColumn1 {  padding-left: 14px; padding-right: 30px; width:280px; }

#middleColumn1 {  padding-left: 14px; width:280px; }

#rightColumn1 { width:300px; }

#rightColumn1, #middleColumn1, #leftColumn1 { float: left; padding-top: 18px; }







.ClearFix { clear: both; }





#jFlowSlide{ font-family: Georgia; }

#myController { height: 30px; font-family: Georgia;/* padding:2px 0;*/  width:532px; }

#myController span.jFlowSelected { margin-right:0px; }





.slide-wrapper img { width: 168px; height: 113px; float: left; margin-bottom: 8px; }

.slide-wrapper img.Middle { margin-left: 14px; margin-right: 14px; }



.jFlowControl, .jFlowPrev, .jFlowNext { height: 30px; color:#FFF; cursor:pointer; /* padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; */}


/* New styles from Leila */
.jFlowPrev		{
			display: inline;
			float: left;
			}
.jFlowNext		{
			display: inline;
			float: right;
			}

div.controllerArea		{
			margin-top: -7px;
			}

/* hide it from IE */
html>/**/body div.controllerArea
			{
			margin-top: 0px;
			}

/* End of new styles from Leila */


/* .jFlowNext { float: right; } */