img {border:none}

html,body, #wrap {
	height:100%;
	margin:0;
	padding:0;
}

#wrap {background: url(../images/top_banner_inner.gif) top repeat-x}

body {
	background-color:#0a1720;
	text-align:center;
	color:#fff;
	font-family:Arial,"Trebuchet MS", Helvetica, sans-serif;
	font-size:15px;
}

.planning {background:#0a1720 url(../images/backgrounds/computers2.jpg) no-repeat center center fixed}
.commercial {background:#0a1720 url(../images/backgrounds/camera1.jpg) no-repeat center center fixed}
.delivery {background:#0a1720 url(../images/backgrounds/camera1.jpg) no-repeat center center fixed}
.corporate {background:#0a1720 url(../images/backgrounds/business1.jpg) no-repeat center center fixed}
.zoom {background:#0a1720 url(../images/backgrounds/camera1.jpg) no-repeat center center fixed}
.case {background:#0a1720 url(../images/backgrounds/camera8.jpg) no-repeat center center fixed}
.production {background:#0a1720 url(../images/backgrounds/camera6.jpg) no-repeat center center fixed}
.fiftyways {background:#0a1720 url(../images/backgrounds/business2.jpg) no-repeat center center fixed}
.delivery {background:#0a1720 url(../images/backgrounds/monitors.jpg) no-repeat center center fixed}
.corporateProduction {background:#0a1720 url(../images/backgrounds/camera5.jpg) no-repeat center center fixed}
.broadcast {background:#0a1720 url(../images/backgrounds/camera3.jpg) no-repeat center center fixed}
.branded {background:#0a1720 url(../images/backgrounds/cans.jpg) no-repeat center center fixed}
.why {background:#0a1720 url(../images/backgrounds/tv1.jpg) no-repeat center center fixed}
.marketing {background:#0a1720 url(../images/backgrounds/camera4.jpg) no-repeat center center fixed}
.investor {background:#0a1720 url(../images/backgrounds/business4.jpg) no-repeat center center fixed}
.whyzoom {background:#0a1720 url(../images/backgrounds/zoom1.jpg) no-repeat center center fixed}
.team {background:#0a1720 url(../images/backgrounds/zoom1.jpg) no-repeat center center fixed}
.wvitest {background:#0a1720 url(../images/backgrounds/computers3.jpg) no-repeat center center fixed}
.values {background:#0a1720 url(../images/backgrounds/camera6.jpg) no-repeat center center fixed}
.awards {background:#0a1720 url(../images/backgrounds/awards.jpg) no-repeat center center fixed}
.humanResource {background:#0a1720 url(../images/backgrounds/business3.jpg) no-repeat center center fixed}
.fun {background:#0a1720 url(../images/backgrounds/zoom2.jpg) no-repeat center center fixed}
.contact {background:#0a1720 url(../images/backgrounds/zoom3.jpg) no-repeat center center fixed}
.notfound {background:#0a1720 url(../images/backgrounds/404_bg.jpg) no-repeat center 100px fixed}

body {
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.index {
	background:#062537 url(../images/index_bg.jpg) no-repeat center 170px;
    -webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
}
}

img {border:none;}

/*-----Text Styling-----*/

h1, .title {
	color: #469cc2;
	font-family: 'TradeGothicRoman', Arial,"Trebuchet MS", Helvetica, sans-serif;
	float:left;
	font-weight: normal;
	font-size: 26px;
	margin:0 0 15px 0;
	line-height:37px;
	text-shadow:2px 2px 2px #0a1720;
	text-transform:uppercase;
	width:600px;
}

h1 {
	color: #fff;
	display:block;
	font-size:40px;
	line-height:45px;
	text-transform:none;
}

.title {margin:35px 0 0 0}

h2 {
	color: #FFB612;
	font-family: 'TradeGothicRoman', Arial,"Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
	font-size: 26px;
	margin:20px 0 0 0;
}
#header h2 {margin:0}

h3 {
	color:#FFB612;
	font-size:16px;
	font-weight: normal;
}
a {
	color: #469cc2;
	text-decoration: none;
}
a:hover {color: #a6ce39;}
a:focus,a:active {outline:none}
td {vertical-align:top;}
td p {margin-top:0;}

/*-----Layout-----*/

.index #container {width:auto}

.contentSide {
	float:left;
	width:600px;
}

.side_bar img {
	border:1px solid #061e26;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 #111d29;
}

.side_bar img:hover {
	box-shadow:0 0 6px #0D526C;
	border:1px solid #0D526C;
}

#container {
	width:945px;
	text-align:left;
	height:auto !important;
	height: 100%;
	min-height:100%;
	margin:0 auto -60px;
	background-image: url(../images/top_glow.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.content, .contentSide {padding-bottom:100px}
.content p, .contentSide p {margin-top:5px}

.inner {
	margin:0 auto;
	width:960px;
}

#header {
	background:url(../images/top_banner.gif) repeat-x;
	position:relative;
	height:100px;
}

.index #header .inner {
	background:url(../images/intro.gif);
	height:167px;
	width:945px;
}

.index #header {height:170px}

#header #logo {
	position:relative;
	margin:22px 0 0 20px;
	float:left;
	font-size:.6em;
	height:50px;
	width:152px;
}
#header #logo a {
	background:url(../images/zoom_web_video_integration.gif);
	position:absolute;
	height:100%;
	width:100%;
}
#logo, #logo a, #logo img {border:none}

/*-----Main Nav-----*/

#nav_wrap {
	position: relative;
	height: 48px;
	width: 750px;
	float: right;
	color:#FFFFFF;
	right: 0px;
	top: 35px;
}

ul.dropdown .navIcons a {
	background:url(../images/icons/icons_bg.gif);
	float:left;
	padding:0;
	margin:4px 3px 0 0;
	text-indent:-9999px;
	height:24px;
	width:24px;
}

ul.dropdown .third {
	background:url(../images/third_arrow_bg.gif) 96% 50% no-repeat;
	cursor:default;
}

ul.dropdown .navIcons .zoomu {background-position:-24px}
ul.dropdown .navIcons .fb {background-position:-48px}
ul.dropdown .navIcons .ledin {background-position:-96px}
ul.dropdown .navIcons .tw {background-position:-192px}


/*-----index banner-----*/

.slides_container {
	display:none;
	width:833px;
	width:700px;
}
html* .slides_container {width:815px}
.slides_container div {
	padding-top:7px;
	width:700px;
	height:560px;
	display:block;
}
.pagination {
	list-style:none;
	margin:0;
	padding:0;
}

#banner {
	clear:both; 
	margin:0 auto; 
	padding:33px 0 0 120px;
	position:relative;
	outline:none;
	text-align:center;
	width:820px;
}

#banner img {margin-bottom:30px}

#banner .next , #banner .prev {
	background:url(../images/banner_next.gif) no-repeat;
	position:absolute;
	text-indent:-9999px;
	height:60px;
	width:40px;
	right:93px;
	top:235px;
	z-index:50;
}

#banner .prev {
	background:url(../images/banner_prev.gif) no-repeat;
	left:104px;	
}

#banner p {
	color:#fff;
	float:left;
	font-size:1.6em;
	margin-top:18px;
	margin-left:10px;
	*padding-top:20px;
}
* html #banner p {_margin:0 0 0 5px}

#banner .pageLink {
	background:#0098db;
	border:1px solid #2987b0;
	color:#fff;
	float:right;
	font-weight:bold;
	padding:8px 10px;
	margin:15px 10px 15px 0;
	text-shadow:1px 1px 0 #066d9b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	-moz-box-shadow:inset 0px 1px 0 #66c1e9;
    -webkit-box-shadow:inset 0px 1px 0 #66c1e9;
    box-shadow:inset 0px 1px 0 #66c1e9;
}

#banner .pagination {display:none}

.container {overflow:hidden; position:relative;}
.slides {position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li {position:absolute; top:0; width:962px; display:none; padding:0; margin:0;}
#loopedSlider {position:relative; padding-bottom:50px; height:467px}

/*-----Main Content-----*/

.contentSide ul {
	padding-left:10px;
	list-style-type:none;
}

.contentSide ul li {
	background:url(../images/bullet_blue.gif) left center no-repeat;
	padding:4px 0 4px 20px;
}

#notfound {
	background:url(/images/404_bg.jpg) top center no-repeat;
	clear: both; 
	float: left;
	min-height: 424px;
	margin-bottom:40px;
	padding-top:43px;
	outline:none;
	text-align:center;
	width:945px;
}
#flash_portfolio {
	clear: both; 
	float: left;
	min-height: 360px;
	margin-bottom:20px;
	outline:none;
}
#main_content {
	width:945px;
	min-height: 500px;
	font-size:110%;
}

.clearfloat {clear:both}

.content ul {margin-bottom:40px}

#text_content ol li {list-style-image:none}

#container ol {margin:20px 0 30px 0}

#container ol li {margin:10px}

.content ul li, .content ol li {margin:10px}

/*-----Side Ads-----*/

.side_bar {
	float:right;
	width:280px;
	padding:0 0 70px 0;
}

.side_bar h2 {margin:38px 0 0 0}

.side_bar h3 {
	color:#fff;
	font-size:1.2em;
	margin:0 0 15px 0;
}

.side_bar ul {
	margin:0;
	padding-left:10px;
}

.side_bar li {
	background:url(../images/bullet_2.gif) left center no-repeat;
	color:#666;
	list-style:none;
	line-height:1.8em;
	padding-left:10px;
	font-size:.9em;
}

.side_bar a {
	display:block;
	margin-bottom:10px;
}

.side_ad1 {
	float:right;
	right: 0px;
	width: 225px;
	height: 106px;
	margin-top: 75px;
	padding-top: 5px;
	background-repeat:no-repeat;
	background-position: 100% 81%;
}

.side_ad1 img {padding-bottom:20px;}

.side_ad1 p {
	margin-top: 5px;
}
.green_small {
	color: #a6ce39;
	font-weight: bold;
	font-size: 14px;
}
.green_big {
	color: #a6ce39;
	font-weight: bold;
	font-size: 22px;
}

.side_ad2 {
	float:right;
	right: 0px;
	width: 225px;
	height: 95px;
	margin-top: 75px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-repeat:no-repeat;
	background-position: 100% 82%;
}


.side_ad2 p {
	margin-top: 5px;
}
.yellow_small {
	color: #febd11;
	font-weight: bold;
	font-size: 14px;
}
.yellow_big {
	color: #febd11;
	font-weight: bold;
	font-size: 22px;
}

/*-----Footer-----*/

#footer {
	clear:both;
	height:60px;
	width:100%;
	bottom:0;
	left:0;
	position: relative;
	font-size:11.45px;
	color:#999999;
	text-align:center;
	background-color:#010c11;
	background-image: url(../images/bottom_bar.gif);
	background-repeat:repeat-x;	
}

#footer h3 {
	display:inline;
	font-size:11px;
}

#footer a {
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer_wrap {
	width:945px;
	height: 38px;
	margin:0 auto;
	text-align: left;
	padding-top: 12px;
	background-image: url(../images/bottom_bar.gif);
	background-repeat:repeat-x;	
} 

#footer_contact {
	position:absolute;
	text-align:left;
}

#footer_contact a {
	background:url(../images/bullet.jpg) center right no-repeat;
	padding-right:13px;
}
#footer_contact .last {
	background:none;
	padding:0;
}

#footer .icons a {
	float:left;
	background:#000;
	display:block;
	margin:0 3px;
	height:16px;
	width:16px;
}

#footer_copy {
	float: right;
	text-align:right;
}

#footer #mail_icon {
	padding-left:24px;
	background-image:url(../images/mail_icon.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.phone_icon {
	padding-left:22px;
	background-image:url(../images/phone_icon.jpg);
	background-position: left;
	background-repeat:no-repeat;
}

img.team {border: 1px solid #586367}

.ourTeam p {margin:2px 0 20px 0}

.boxpricing {
	border: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	text-align:left;
}

.pricing_top {
	background-color: #F5F5F5;
	color: #666666;
}

hr {
	color: #0b3047;
	background-color:#0b3047;
	border:none;
	border-top: 1px solid #0b3047;
}

.zoomtv {
	background:url(../images/zoomtv_btn.gif) no-repeat;
	clear:both;
	display:block;
	float:right;
	margin:34px 20px 0 0;
	text-indent:-9999px;
	height:52px;
	width:111px;
}
* html #zoomtv {margin-top:58px}
.zoomtv:hover, #zoom911:hover {background-position:bottom}

.contactSub {
	background:#0b3147;
	border:1px solid #003f62;
	color:#fff;
	padding:5px 15px;
	position:absolute;
	line-height:1.3em;
	text-align:left;
	width:330px;
	left:520px;
	top:520px;
	border-radius:4px;
}

#zoom911 {
	background:url(../images/zoom_911.gif) no-repeat;
	display:block;
	margin:10px 90px;
	text-indent:-9999px;
	height:37px;
	width:138px;
}


/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
}

ul.dropdown li ul li {
 padding:0 20px 0 0;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {float: none}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {visibility: visible}

/*----- default css -----*/

ul.dropdown {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif}

	ul.dropdown li {
	 padding: 5px 0;
	 color: #fff;
	 line-height: normal;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #fff; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

	ul.dropdown ul {
	 /*width: 120px;*/
	 background-color: #1c4556;
	 color: #fff;
	 font-size: 11px;
	 text-transform: none;
	 filter: alpha(opacity=95);
	 -moz-opacity: .95;
	 KhtmlOpacity: .95;
	 opacity: .95;
	 padding-bottom: 10px;
	 padding-left: 13px;
	}
	/*
	ul.dropdown ul.work {
	 width: 100px;
	 }
*/
		ul.dropdown ul li {
		 background-color: transparent;
		 background-image:none;
		 color: #ffffff;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #9dc7d8; }
		ul.dropdown ul a:hover { color: #febd11; text-decoration: none; }
		ul.dropdown ul a:active { color: #febd11; }


ul.dropdown *.dir {
	padding:7px 15px 7px 15px;
	background: url(images/arrow_norm.gif) 8% 52% no-repeat;
}

ul.dropdown li a {
 display: block;
 width: 90px;
}

.logos {width:230px}

.logos td {
	background:url(/images/logos/bg.gif) center no-repeat;
	padding:10px 3px;	
}

/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}

	ul.dropdown a.nodrop {
	padding-left: 25px;
	padding-right: 18px;
	margin-right: 5px;
	
	background-image: url(images/arrow_norm.gif);
 	background-position: 8% 52%;
 	background-repeat: no-repeat;
	}
	
	ul.dropdown a.nodrop:hover {
	color: #ffffff;
	background-image: url(images/arrow_side.gif); 
	background-color: #1c4556;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */
	 
	ul.dropdown ul a {
	 padding: 4px 5px 4px 14px;
	 width: 92px;
	}

	ul.dropdown ul a:hover {
	 background-color: #1c4556;
	}

	ul.dropdown a.open {
	 background-color: #1c4556;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #1c4556;
	 color: #fff;
	}


/* CSS 2.1 */

ul.dropdown li:hover > .dir {
	color: #ffffff;
	background-color: #1c4556;
	background-image: url(images/arrow_active.gif);
	background-position: 8% 50%;
	background-repeat: no-repeat;
}

ul.dropdown ul li:hover > .dir {
	color: #ffffff;
	background-color: #1c4556;
	background-image: url(images/arrow_active.gif);
	background-position: 8% 50%;
	background-repeat: no-repeat;
}

/* ------ Contact ------*/

.contact .form td p {
	padding-top:5px;
	text-align:right;
}

.contact .side_bar {
    margin-top: 80px;
    padding: 0 0 60px;
    width: 250px;
}

.contact input, .contact textarea {
	background:#1d313f;
	border:1px solid #000;
	border-bottom:1px solid #3b454d;
    border-radius: 4px 4px 4px 4px;
    box-shadow:inset 0 1px 1px #1b2226;
	color:#fff;
    display: block;
    margin: 3px 0 10px;
    padding: 6px;
    width: 330px;
}
.contact input:focus {
	border:1px solid #0098DB;
	box-shadow:0 0 4px #5fccf4;
}

.contact .form_btn {
    border: medium none;
	float:left;
	margin-right:10px;
    height: 33px;
    padding: 0;
    width: 64px;
}

.readyToRollBtn {
	background:url(/clientsites/newsite/images/ready_to_roll.png) no-repeat;
	float:left;
	text-indent:-9999px;
	height:45px;
	width:277px;
}
.readyToRollBtn:hover {background-position:bottom}

.caseStudy td {
	padding-right:30px;
	font-size:1.25em;
}
.caseStudy td h2 {margin:50px 0 30px 0}

.caseStudy .logo {
	background:#fff;
	border:3px solid #344b5a;
	padding:20px 10px;
	border-radius:6px;
}

.awards td img {
	background:#fff;
	padding:10px;
}

@font-face {
    font-family: 'TradeGothicRoman';
    src: url('tradegothic-webfont.eot');
    src: url('tradegothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tradegothic-webfont.woff') format('woff'),
         url('tradegothic-webfont.ttf') format('truetype'),
         url('tradegothic-webfont.svg#TradeGothicRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}