
body
{
		background: #161C25 url(http://s3.amazonaws.com/smallmedialarge/shine.png) top center no-repeat;
	color: #F4F4F4;
	font-size: 13px;
	padding: 20px 0 40px;
	
}

a
{
	color: #fff;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
		padding-top: 17px;
	padding-bottom:17px;
	padding-right: 340px;
	font: normal 38px helvetica, arial, verdana, sans-serif;
}

h1 a{
			width: 270px;
			height: 48px;
			display: block;
			
	text-decoration: none;
					border-bottom: 1px solid #a4c8e9;
									margin: 0 auto 0;
						text-align: center;
	}

	h1 a:hover{

	text-decoration: none;
	font: italic 38px helvetica, arial, verdana, sans-serif;
	}

h2
{
	padding: 20px 0 0 20px;
		color: silver; word-spacing:-1px;
	font: normal 18px helvetica, arial, verdana, sans-serif;
	text-align: left;
}

h3 {

		color: #F4F4F4; word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	text-align: left;
}

h3 a{

		color: #F4F4F4; word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	text-align: left;
}
h3 a:hover{

		color: #a4c8e9;
	text-decoration: none;
}

p
{
	overflow: hidden;
	padding: 10px 10px;
	text-align: left;
}

p strong{
		color:#a4c8e9;
}
a, a:hover, a:active, a:visited{
	outline: none;
}

#wrapper{
background: #161C25
}


#header {
		background: #101319;
}

#header ul{
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

#header li{ 
	float: left;
	margin-right: 0px;
	
}

#header a{
	display: block;
	width: 100px;
	height: 37px;
	background: transparent;
	text-align: center;
	text-decoration: none;
	color: #f4f4f4;
	font-size: 11px !important;
}

#header a.current, #header a.currentAncestor{
	text-decoration: none;
	font-size: 11px !important;

}

#header ul li a span{
	display: block;
	padding-top: 11px;
	font-size: 1.2em;
	color: #F4F4F4;
}


#slideshow {
	height: 110px;
background: #101319;
}
#content{width: 940px;
	background: #161C25;
	display:inline;
	overflow:hidden;
	
}
#main-content{
	width: 700px;
	float: left;
		background: #161C25;
margin:0;
padding:0;
display:inline;
overflow:hidden;

}

/* @group sidebar */
#sidebar {
	width: 220px;
		background: #161C25;
	color: #F4F4F4;
float:left;
margin:0;
padding:0;
padding-left: 20px;
display:inline;
overflow:hidden;
	border-top: 5px solid #25303f;
}
#sidebar p{
padding:0;
}

#testimonial{
	width: 200px;
	padding-top: 9px;
}

#testimonial h4{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}


#benefits{
	width: 200px;
	padding-top: 9px;
	border-top: 5px solid #25303f;
}
#benefits h4{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}

#benefits ul{margin-left: 0; padding-left: 0;list-style: none;}



#benefits ul li{
	margin-left: 0; padding-left: 0;
	
}
#phone-number{
	width: 200px;
	padding-top: 9px;
	border-top: 5px solid #25303f;
}

#phone-number h4{	color:#a4c8e9;
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}
#video{
	width: 200px;
	padding-top: 9px;
	border-top: 5px solid #25303f;
}

#video h4{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}
#video a{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 13px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}

#meet-the-team{
	width: 200px;
	padding-top: 9px;
	border-top: 5px solid #25303f;
}

#meet-the-team h4{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding-top: 3px;
}
#meet-the-team p a{	text-decoration: underline;
outline: none;
}

/* @end */
#footer{width: 940px;
	background: #161C25;
}
#footer p{
padding-top: 30px;
padding-left: 250px;
}

/* @group intro and explanation */

#intro {background: #1b232f url(images/shadow.png) top left no-repeat;
	border-top: 5px solid #25303f;
}


#intro h3{padding: 30px 100px 30px 20px;
	color:#F4F4F4; word-spacing:-1px;
	font: normal 24px/160% helvetica, arial, verdana, sans-serif;
	text-align: left;
	border: 1px solid #0d1117;}
	
#intro h3 span {
word-spacing:-1px;
	font: italic 24px/160% helvetica, arial, verdana, sans-serif;
	color:#a4c8e9;
}

#explanation {background: #161C25;
}
#explanation h4{padding: 0px 100px 10px 20px;
	color:#F4F4F4; word-spacing:-1px;
	font: normal 18px/160% helvetica, arial, verdana, sans-serif;
	text-align: left;
	}
	
#explanation h4 span {
	font-style: italic;
	font-weight: normal;
	color:#a4c8e9;
}

/* @end */

/* kwick and tabs */
#tabBox{
	color: #F4F4F4;
	width: 600px;
}

#tabBox .panelSet{
	
}

div.panel {background: #1b232f;
border: 1px solid #0d1117;
width: 700px;
padding-left: 10px;
			
}
div.panel p{
	font-size: 14px;
	width: 600px;
}

#tabBox div.panelSet div.panel p {
		
}

#tabBox ul.tabSet {
	
}

#kwick				{ width:690px; }
#kwick h2{width: 580px;
	border-bottom: 1px solid #a4c8e9;
		color:#F4F4F4; word-spacing:-1px;
	font: normal 22px helvetica, arial, verdana, sans-serif;
	padding: 20px 0 0 20px;
}
#kwick .kwicks 			{ height:123px; list-style-type:none; margin:0; padding:0; }
#kwick li 			{ float:left; }
#kwick .kwick 			{ display:block; cursor:pointer; overflow:hidden; height:90px; width:110px;  }
#kwick .kwick span 		{ display:none; }

#kwick .media 			{ background: #161C25 url(http://www.smallmedialarge.co.uk/images/press.png)
 no-repeat; }
#kwick .newmedia 			{ background: #161C25 url(http://www.smallmedialarge.co.uk/images/newmedia.png)
 no-repeat; }
#kwick .multimedia 			{ background: #161C25 url(http://www.smallmedialarge.co.uk/images/multimedia.png)
 no-repeat; }
#kwick .guest 			{ background: #161C25 url(http://www.smallmedialarge.co.uk/images/guest.png)
 no-repeat; }



/* @end */

/* @accordion */


#accordion h3.toggler a{background:#161C25; color:#F4F4F4;  
	
}
.toggler:hover	 {background: url(http://www.smallmedialarge.co.uk/services_files/titlesHighlightImage_1.png) no-repeat 5px 5px; color:#F4F4F4; cursor: pointer;}


h3.toggler {
	color:#F4F4F4; word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding:5px 5px 4px 25px;
	background: url(http://www.smallmedialarge.co.uk/services_files/titlesBackgroundImage_1.png) no-repeat 5px 5px;
}
.element	 { padding:0 5px;color:#F4F4F4; }



/* @end */
/* @group services */
#services h2{width: 580px;
	border-bottom: 1px solid #a4c8e9;
		color:#F4F4F4; word-spacing:-1px;
	font: normal 22px helvetica, arial, verdana, sans-serif;
	padding: 20px 0 0 10px;
}


/* @end */

/* @group columns */

#columns{
	background: #1b232f;
border: 1px solid #0d1117;
width: 700px
}

#columns ul{
margin-top: 10px;
font-size: 14px;

}
#columns p{

font-size: 14px;
}


#columns ul li{
	list-style-image: url(http://www.smallmedialarge.co.uk/images/bullet.png);
		padding-left: 7px;
}

.column{ padding-bottom:10px;
}	



/*gutter styles here.gutter{
	background: url(moocolumns/examples/images/divider.gif) repeat-y center top; height: 30px;}
	*/


.multiColumn, .multiColumn-screen{
	/*multiColumn area containing div styles here*/
}

@media screen{
	.multiColumn, .multiColumn-screen{ 
		display:block; 
		position:relative;
	}
	.multiColumn-print{ display:none; 	}
}

@media print{
	.multiColumn, .multiColumn-print{ 
		display:block; 
		position:relative;
	}
	.multiColumn-screen{ display:none; } 
}


/* @end */

/* @group mediabox */
/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(images/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #000;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #000;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(http://www.smallmedialarge.co.uk/images/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(http://www.smallmedialarge.co.uk/images/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(http://www.smallmedialarge.co.uk/images/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(http://www.smallmedialarge.co.uk/images/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}


/* @end */

/* @group Blog styles */

#featured {background: #1b232f;
border: 1px solid #0d1117;
width:690px;
padding-left: 0px;

			
}
#featured  p{
	font-size: 13px;
	width: 620px;
}


#featured h4 a{	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding: 10px;
	}


#featured ul{
	width: 100%;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

#featured ul.features {
	padding: 0;
	
}
#featured li{ 
	float: left;
	margin-right: 0px;
	
}
#featured ul.featureSet {
	background-color: #1c2532;
	height: 40px;

}

#featured a{
	display: block;
	width: 100px;
	text-align: left;
	text-decoration: none;
}

#featured a.current, #header a.currentAncestor{
	text-decoration: none;


}
#featured ul.features {
	padding: 1px;
	margin: 1px;
	
}
.feature_image{float:left;margin:0px 10px -2px 0;padding:8px;border: 1px solid #101319;background: #101319;background: #101319;display:inline}

#asides h4 {	color:#a4c8e9; 
	word-spacing:-1px;
	font: normal 16px helvetica, arial, verdana, sans-serif;
	padding: 10px;
	}

/* @end */


	