/* Start of CMSMS style sheet 'style' */
/*###################################################*/
/*##################  RESET  ########################*/
/*###################################################*/
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;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/*###################################################*/
/*##############  MAIN STRUCTURE  ###################*/
/*###################################################*/
body {
	background-color: #323232;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
}

h1 {
	width: 530px;
	margin: 0 0 35px;
	font-size: 45px;
	line-height: 1;
	text-transform: uppercase;
}

h2 {
	font-size: 35px;
	line-height: 0.9;
	text-transform: uppercase;
}

h3 {
	font-size: 18px;
	line-height: 0.9;
	text-transform: uppercase;
}

p {
	width: 800px;
	margin: 0 0 15px;
	color: #b5b5b5;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase;
}

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

	.content a {
		color: #b5b5b5;
	}

.clearBoth {
	width: 100%;
	height: 0;
	clear: both;
}

#header-cont {
	width: 100%;
	height: 136px;
	position: fixed;
	z-index: 9998;
	background: url('images/header-bg.gif') 0 -181px repeat-x;
}

	#header {
		width: 979px;
		height: 136px;
		margin: 0 auto;
	}
	
		#logo {
			width: 979px;
			height: 100px;
			background: url('images/logo.gif') 0 -281px no-repeat;
		}
		
.buffer {
	height: 600px;
}
	
.section {
	padding: 176px 0 0;
	color: #fff;
}

#home {
	margin: 0 0 0;
}

	.content, .gap-content {
		width: 939px;
		margin: 0 auto;
		padding: 0 20px 50px;
	}
	
	#contact .content {
		min-height: 460px;
	}
	
	.content:after, .gap-content:after {
		content:"";
		display: table;
		clear: both;
	}
	
		a.more-link {
			margin: 20px 0 0;
			padding: 15px 0 0;
			float: left;
			background: url('images/more-arrow.gif') 0 0 no-repeat;
			font-size: 15px;
			font-weight: bold;
		}
		
		a.more-link.what-more:hover {
			background-position: 0 -200px;
		}
		
		a.more-link.clients-gallery:hover {
			background-position: 0 -100px;
		}
	
	.gap {
		height: 600px;
		background-color: #000;
	}
	
	#clients .gap-content {
		padding-bottom: 200px;
	}
	
	#clients .gap {
		height: auto;
	}
	
		.gap-content {
			padding: 176px 0 50px 20px;
		}
		
			.gap-content p {
				width: 100%;
				font-size: 18px;
			}
			
			.gap-col {
				width: 455px;
				float: left;
			}
			
				.gap-col h3 {
					margin: 15px 0 6px;
				}
				
				.gap-col p {
					color: #fff;
					font-size: 12px;
					font-weight: normal;
					text-transform: none;
				}
				
				.gap-col a {
					color: #a3185d;
					font-weight: bold;
				}
			
			.gap-content .gap-col-last {
				margin: 0 0 0 29px;
			}

/*###################################################*/
/*###################  FOOTER  ######################*/
/*###################################################*/
.footer-cont {
	width: 100%;
	padding: 25px 0 0;
	clear: both;
	background-color: #000;
}
	
	.footer {
		width: 979px;
		height: 600px;
		margin: 0 auto;
		font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
		.footer-left {
			width: 550px;
			float: left;
			font-weight: bold;
			line-height: 5.9;
		}
		
		.footer-right {
			width: 400px;
			float: right;
			text-align: right;
			font-size: 18px;
			text-transform: uppercase;
		}
		
			.footer-right img {
				margin: 0 0 0 7px;
				vertical-align: middle;
			}
			
			.footer-right a:first-child img {
				margin: 0 0 0 20px;
			}
			
			div.tooltip {
				padding: 5px;
				background-color: #323232;
				border: 2px solid #666;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
		
/*###################################################*/
/*####################  NAV  ########################*/
/*###################################################*/
#nav {
	width: 980px;
	height: 36px;
	margin: 0;
	padding: 0;
	background-color: #323232;
	list-style-type: none;
}
	
		#nav li, #nav a {
			width: 195px;
			height: 36px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
		}
		
		#nav li {
			margin-right: 1px;
		}
	
			#nav a {
				position: relative;
				background-color: #4f504f;
				font-family: 'HelveticaNeue-CondensedBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				line-height: 38px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#nav li.nav-toggle-header, #nav a#toggle-header {
				width: 20px;
				marign: 0;
			}
			
			#nav li.nav-home a:hover, #nav li.nav-home a.highlight {
				background-color: #96c000;
			}
			
				#nav li.nav-home a:hover:after, #nav li.nav-home a.highlight:after {
					border-color: #96c000 transparent;
				}
			
			#nav li.nav-what a:hover, #nav li.nav-what a.highlight {
				background-color: #9f0350;
			}
			
				#nav li.nav-what a:hover:after, #nav li.nav-what a.highlight:after {
					border-color: #9f0350 transparent;
				}
			
			#nav li.nav-services a:hover, #nav li.nav-services a.highlight {
				background-color: #ff4e00;
			}
			
				#nav li.nav-services a:hover:after, #nav li.nav-services a.highlight:after {
					border-color: #ff4e00 transparent;
				}
			
			#nav li.nav-who a:hover, #nav li.nav-who a.highlight {
				background-color: #1b7284;
			}
			
				#nav li.nav-who a:hover:after, #nav li.nav-who a.highlight:after {
					border-color: #1b7284 transparent;
				}
			
			#nav li.nav-contact a:hover, #nav li.nav-contact a.highlight {
				background-color: #d8bf12;
			}
			
				#nav li.nav-contact a:hover:after, #nav li.nav-contact a.highlight:after {
					border-color: #d8bf12 transparent;
				}
			
			
			#nav li a:hover:after, #nav li a.highlight:after {
				display: block;
				content: "";
				width: 0;
				height: 0;
				position: absolute;
				bottom: -10px;
				left: 87px;
				border: solid;
			    border-width: 10px 10px 0 10px;
			}

/*###################################################*/
/*###############  OTHER STYLES  ####################*/
/*###################################################*/

#who {
	background: url('images/who-section-bg.gif') center bottom no-repeat;
}

	#who p {
		width: 560px;
	}
	
	#who p + p {
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		text-transform: none;
	}

#clients .content-cont {
	height: 599px;
	background: url('images/clients-section-bg.gif') center bottom no-repeat;
}

#what .content-cont {
	background: url('images/what-section-bg.gif') center bottom no-repeat;
}

#contact .content-cont {
	background: url('images/contact-section-bg.gif') center bottom no-repeat;
}

	#contact h3 {
		color: #f3d508;
	}

	#contact p {
		margin: 10px 0 30px;
		font-size: 25px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#contact a:hover {
		border-bottom: 3px solid #f3d508;
	}
	

/*###################################################*/
/*##################  HOME PAGE  ####################*/
/*###################################################*/
#home-left {
	width: 500px;
	float: left;
	margin: 0 0 50px 0;
}

#home-right {
	width: 270px;
	height: 155px;
	margin: 0 50px 50px 0;
	padding: 67px 33px 43px 51px;
	float: right;
	background: url('images/tv.gif') 0 0 no-repeat;
}

#ticker-cont {
	width: 939px;
	margin: 200px 0 0;
	clear: both;
	position: relative;
	overflow: hidden;
}

	a#ticker-prev, a#ticker-next {
		width: 12px;
		height: 18px;
		position: absolute;
		top: 4px;
		background-image:url('images/marquee-arrows.gif');
		background-repeat: no-repeat;
	}
	
	a#ticker-prev {
		left: -30px;
		background-position: 0 0;
	}
	
	a#ticker-next {
		right: -30px;
		background-position: -12px 0;
	}

		/*#ticker-cont ul {
			width: 2886px;
		}
		
			#ticker-cont ul li {
				margin: 0 15px 0 0;
				float: left;
				font-size: 24px;
				font-weight: bold;
				text-transform: uppercase;
			}*/
			
		#scrollingText div.scrollableArea p
		{
			width: auto;
			display: block;
			float: left;
			margin: 0 15px 0 0;
			font-size: 24px;
			font-weight: bold;
			text-transform: uppercase;
			white-space: nowrap;
		}


/*###################################################*/
/*###############  CLIENTS GALLERY  #################*/
/*###################################################*/
#clients-gallery {
	overflow: hidden;
}

#clients-gallery img {
	width: 157px;
	float: left;
	margin: 0 10px 10px 0;
	border: 10px solid #cecece;
}

#clients-gallery a:hover img {
	border: 10px solid #ff4e00;
}


/*###################################################*/
/*################  MEDIA QUERIES  ##################*/
/*###################################################*/

@media only screen and (min-width: 1024px) and (min-height: 768px) {
	
	#header-cont {
		height: 317px;
		background: url('images/header-bg.gif') 0 0 repeat-x;
	}
	
		#header {
			width: 979px;
			height: 317px;
		}
		
			#logo {
				height: 281px;
				background-position: 0 0;
			}
			
	.section, .gap-content {
		padding: 377px 0 0;
	}
	
		#what .gap {
			height: 700px;
		}
	
}
/* End of 'style' */