html *{
	margin:0;
	padding-top: 0;
	padding-right: o;
	padding-bottom: 0;
	padding-left: 0;
}

html{ background: url(../images/main_bg.gif) repeat-x 0 0;}

html, body{ height: 100%;}

body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #202020; }

img{ border: none; padding:0 18px 0 0}

p{
	line-height: 18px;
	padding-bottom: 15px;
}


h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	color: #97b511;
	letter-spacing: -1px;
	padding-bottom: 7px;
	margin-bottom: 12px;
	background: url(../images/dots.gif) bottom left repeat-x;
	text-align: Left;
}
h3{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 14px; color: #97b511; text-transform: uppercase; margin-bottom: 12px; }

/*///////////////// LINKS ///////////////////////*/
a{outline: none;}
	
a:link, a:visited{ color: #97b511; text-decoration: none;}

a:hover { text-decoration: underline; }


/*///////////////// END LINKS ///////////////////////*/



/*///////////////// Clearing floats without extra markup ///////////////////////*/

.wrapper { display: inline-block; }

.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .wrapper { height: 1%; }

.wrapper { display: block; }

/*/////////////////  End Clearing floats without extra markup  ///////////////////////*/

/*///////////////// LAYOUT HOMEPAGE ///////////////////////*/

#page-wrapper{ width: 960px; margin: 0 auto -55px; min-height: 100%; height: auto !important; height: 100%;}
#header{ height: 123px; background: url(../images/header_bg.jpg) no-repeat 0 0;}
#content{ width: 960px; margin: 40px 0;}
#contentportfolio{ width: 960px; margin: 20px 0;}
#content-top{ width: 960px; margin-bottom: 30px;}
#about{ width: 346px; float: left;}
#push{ height: 55px;}
#footer{ height: 55px; background: url(../images/footer_bg.gif) repeat-x 0 0;}
#news, #services{ float: left; width: 262px; margin-right: 28px; overflow: hidden;}
#testimonials{float: left; width: 346px;}
#footer-wrapper{ width: 960px; margin: 0 auto; padding-top: 20px;}
#footer-wrapper p{color: #5e5d5d; float: left; padding-bottom: 0;}
/*/////////////////END LAYOUT HOMEPAGE ///////////////////////*/

/*///////////////// BEGIN SLIDER ///////////////////////*/

#slider {
	float: left;
	width: 545px;
	margin-right	: 28px;  /* important to be same as image width */
	height: 306px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */	
	border: 0px solid #202020;
} 

#sliderContent {  width: 535px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0;}
.sliderImage { float: left; position: relative;	display: none; }
.sliderImage span { position: absolute;	font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 535px; background-color: #181818; filter: alpha(opacity=70); opacity: 0.7; color: #fff;  display: none;}
.clear {	clear: both;}
.sliderImage span strong {  font-size: 14px;}
.top { top: 0; left: 0;
}
.bottom {bottom: 0; left: 0; }

/*///////////////// END SLIDER ///////////////////////*/

/*///////////////// HOMEPAGE NEWS ///////////////////////*/
.news-item{ width: 250px;}
.date{ font-family: Georgia, "Times New Roman", Times, serif; color: #6c6b6b; padding-bottom: 5px;}
.news-item img{ float: left; width: 70px; display: inline; border: 5px solid #202020; margin-right: 12px;}
.news-item div{
	float: left;
	width: 350px;
}
/*///////////////// END HOMEPAGE NEWS ///////////////////////*/

/*///////////////// HOMEPAGE SERVICES ///////////////////////*/

#services ul{list-style: none; margin-bottom: 45px; }
#services ul li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; }
p.more{ background: url(../images/double_dots.gif) top left repeat-x; width: 99%; font-size: 14px; padding: 4px;}
p.more a{ background: url(../images/more-arrow.gif) no-repeat 0 50%; padding-left: 20px; display: block}

/*///////////////// END HOMEPAGE SERVICES //////////////////*/


blockquote p.text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 20px; color:#6c6b6b; width: 99%; background: url(../images/quotes.gif) top left no-repeat; padding-top: 10px; padding-bottom: 5px; text-indent: 15px;}
blockquote p.text:first-letter{ font-size: 19px; font-weight: bold; padding-right: 1px; font-style: italic;}
blockquote p.name{text-align: right; font-weight: bold; color:#6c6b6b;}

/*///////////////// LOGO AND SEARCH ///////////////////////*/
#logo-container{ float: left; width: 266px; }
#logo-container small{ padding: 0; margin: 0;}
h1#logo { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoWeb { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-web.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoDesign { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-design.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoMarketing { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-marketing.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoPhotography { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-photography.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoVideo { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-video.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoCopywriting { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-copywriting.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoPR { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-pr.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1#logoPublishing { width: 270px; height: 73px; text-indent:-9000px; background: url(../images/logo-publishing.png) no-repeat 0 0; margin-top:35px; padding:0;}
h1 a { height:50px; display:block; text-decoration:none;}
h1 a:hover { text-decoration:none; background:transparent;}
#search{ float: right; margin-top: 42px; margin-right: 10px; display: inline;}
#search input{ width: 210px; padding: 3px 4px; background: #131313; border: 1px solid #444444; color: #716f6f;}
#search .btn{ width: 38px;  height: 23px; background: url(../images/search_btn.gif) no-repeat 0 0; border: none; cursor: pointer;}

/*///////////////// END LOGO AND SEARCH ///////////////////////*/


/*///////////////// NAVIGATION ///////////////////////*/

#navigation{ height: 39px; background: url(../images/divider.gif) no-repeat top left; padding-left: 2px;}
#navigation ul{ }	
#navigation ul li{ display: inline; height: 39px; font-size: 12px; text-transform: uppercase; }
#navigation ul li a{ float: left; padding: 0 45px; display: block; line-height: 39px; background: url(../images/divider.gif) no-repeat top right; color: #d2eb5b;}
#navigation ul li a:hover{ background-color: #607f04; text-decoration: none;}


#navigation li:hover ul { display:block; }
#navigation li li { list-style:none; display:list-item; }
#navigation li ul { margin:0px; padding:0px; border-left:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA; border-right:1px solid #AAAAAA; position:absolute; display:none; left:-1px; top:39px; z-index:1000000; }
#navigation ul li { background:url(http://www.studiowide.co.uk/images/main_bg.gif) repeat-x 0 -123px; display:inline; height:39px; float:left; list-style:none; margin-left:0px; position:relative; text-align:center; }
#navigation ul li ul li{background-image:none;background-color:#fff;height:28px;}
#navigation ul li ul li a{color:#000;font:11px Verdana;text-align:left;width:200px;display:block;background:none;padding:4px 10px;line-height:20px;}
#navigation ul li ul li a:hover{color:#fff;}
/*///////////////// END NAVIGATION ///////////////////////*/

#about p.more-button{ height: 24px; padding: 0; }
#about p.more-button a{  background: url(../images/read_more.gif) no-repeat top left; padding: 5px 35px 4px 35px; line-height: 24px; color: #d2eb5b;}


/*///////////////// FOOTER NAVIGATION ///////////////////////*/

#footer-nav{ float: right;}
#footer-nav li{list-style: none;font-size: 12px; float: left; padding-left: 12px; padding-right: 12px;	background: transparent url(../images/divider_nav_bottom.gif) no-repeat 0 50%;}
#footer-nav li.first{ background: none;}
#footer-nav a:link, #footer-nav a:visited{  text-decoration: none; font-weight: normal; }
#footer-nav a:hover{text-decoration: underline;}

/*///////////////// ABOUT PAGE ///////////////////////*/

#content-left{ float: left; width: 620px; margin-right	: 28px; display: inline;}
#content-right{ width: 300px; float: left;}
.about-single{ width: 99%; border: none ; margin-bottom: 15px;}
.photo img{ float: left; width: 70px; display: inline; border: 5px solid #202020; margin-right: 20px;}
.description{float: left; width: 80%;}
.role{ font-family: Georgia, "Times New Roman", Times, serif; color: #6c6b6b; padding-bottom: 5px;}
.role em{ color: #939292;}

/*///////////////// END ABOUT PAGE ///////////////////////*/


/*///////////////// SERVICES PAGE ///////////////////////*/

ul.service-client{list-style: none; margin-bottom: 25px; margin-left: 20px; }
ul.service-client li{ padding-left: 27px; background: url(../images/services_arrow.gif) top left no-repeat; margin-bottom: 15px; color:#black; }

/*///////////////// END SERVICES PAGE ///////////////////////*/

/*///////////////// CONTACTS PAGE ///////////////////////*/

/*contact form */
fieldset{ border: none; width: 550px; margin-top: 10px; }

fieldset legend { display: none}


form p{ padding-bottom: 0;}
/* Label */
label
{ width: 140px; margin: 5px; text-align: left;} 


.required{ color: #97b511; float:left; margin-right:5px;}

/* Input, Textarea */
input, textarea
{ border: 1px solid #dddddd; background: #eeeded; width: 300px; margin: 5px; padding: 3px;}
textarea{width: 400px; height: 150px; margin-bottom: 10px;}
input:focus, textarea:focus{ border: 1px solid #97b511;}

#contact-form label{
color:#666666;
display:inline-block;
float:left;
font-size:1.25em;
-x-system-font:none;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
height:26px;
line-height:26px;
width:155px;
}


#contact-form input[type="text"], #contact-form textarea, #contact-form select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-x-system-font:none;
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #CCCCCC;
color:#666666;
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
font-size:1.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0;
padding:5px;
}

#contact-form textarea{
	width:300px;
}

#contact-form select{
	width:310px;
}

#contact-form input:focus, #contact-form textarea:focus, #contact-form select:focus {
background-color:#FFFFFF;
border:1px solid #999999;
color:#333333;
}

#main-contact-form legend{
display:block;
font: 1.3em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px;
}

#main-contact-form fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#main-contact-form hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#main-contact-form input#verify{
	width:50px;
}
#main-contact-form p.full{
float:left;clear:both;width:100%;
}

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../images/assets/success.gif') left no-repeat; padding-left:22px; }

#succsess_page {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #EEEEEE;
padding:20px;
}

input.button{ 
	background: url(../images/read_more.gif) no-repeat; 
	width: 125px; 
	height: 24px; 
	margin:0;
	padding:0;
	border: none; 
	color: #d2eb5b; 
	cursor: pointer;
	/*margin-top:20px; 
	padding-bottom: 15px;*/
}
input.button:hover{ border: none;}
.notification_error{ padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #a5041e;}

.notification_ok{padding: 5px; border: 1px solid #dddddd;
background: #eeeded; color: #a5041e; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 24px; }
/* end contact form */

/*contact details*/
.contact-details p{ color: #6C6B6B;}

/*end contact details*/
/*///////////////// END CONTACTS PAGE ///////////////////////*/

/*///////////////// NEWS PAGE ///////////////////////*/
.news-single{ margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.news-single h3{ margin-bottom: 5px;}
.news-single img{ float: right; width: 70px; display: inline; border: 5px solid #202020; margin-right: 12px; margin-left: 12px}

/*///////////////// END NEWS PAGE ///////////////////////*/


/*///////////////// HOW TO DO PAGE ///////////////////////*/
.how-single{ margin-bottom: 15px; border-bottom: 1px solid #d1d1d1;}
.how-single h3{ margin-bottom: 5px;}
.how-single img{ float: right; width: 70px; display: inline; border: 5px solid #202020; margin-right: 12px; margin-left: 12px}
.how-item div{ float: left; width: 350px;}

/*///////////////// HOW TO DO PAGE ///////////////////////*/

/*///////////////// SUBSCRIBE FORM ///////////////////////*/
div.gsom-optin-form label{
float:left;
width:70px;
}
div.gsom-optin-form input[type="text"]{
width:170px;
float:left;
}
div.gsom-optin-form input[type="submit"]{
margin-left:85px;
width:178px;
}

/* //////////////// MARKETING PLAN GENERATOR  ///////////////////////// */
div.section{margin-bottom:20px;float:left;clear:both;}

table#mp tr{margin-bottom:20px;}

.item_name {
font-weight:bold;
text-align:right;
width:125px;
padding-top:5px;
}

.item {
width:250px;
}

.item_desc {
display:inline-block;
line-height:1.25em;
margin-bottom:5px;
margin-left:5px;
width:340px;
font:10px Verdana;
padding-top:5px;
}

.wide_item, .tall_wide_item, .short_wide_item {
width:600px;
}

.tall_wide_item {
height:150px;
}

.wide_desc {
line-height:1.25em;
font:10px Verdana;
padding:3px;
}

td {
vertical-align:top;
}

.centred{text-align:center;}

#PR_form input.required, #PR_form textarea.required{color:#000;} 

input.error, textarea.error{border:1px solid #FF0000;}
label.error{font:10px Verdana;color:#FF0000;}

div.pr h1{font-size:24px;margin:12px 0 20px 0;}
div.pr h2{color:#000;margin-bottom:20px;letter-spacing:0px;background-image:none;font-size:32px;font-weight:bold;line-height:38px;}
div.pr h3{color:#000;margin-bottom:20px;text-transform:none;font-size:24px;font-weight:bold;line-height:28px;}
div.pr p{font-size:16px;line-height:1.5em;}
div.pr span.timing{text-transform:uppercase;font-size:16px;}
div.pr small{font-size:13px;margin-bottom:20px;display:block;}
form#wire{width:600px;}
form#wire input[type="checkbox"]{width:20px;float:left;}
form#wire label{float:left;width:250px;}
form#wire fieldset{margin:0 0 30px 0;width:600px;}
ul.pr_list{list-style:disc outside none;margin-bottom:20px;}
ul.pr_list li{margin-left:15px;}
input.more{background: url(../images/read_more_big.gif) transparent no-repeat top left;cursor:pointer; padding: 0;text-align:center;line-height: 24px; color: #d2eb5b;border:none;margin:0;width:200px;height:24px;}