/* CSS Reset */
* { margin:0; padding:0; }
body {
	background-color: #000000;
	background-image: url(img/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#container {
	width:1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header {
	height:125px;
	width:960px;
	margin:90px auto 0 auto;
	font-size: 29px;
	font-weight: bolder;
	font-style: normal;
	color: #FFFFFF;
	font-family: "Myriad Pro";
}

.style5 {
	color: #FFFFFF;
	text-decoration: none;
}

.style5 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#header h1 {
  display:block;
  float:left;
  width:320px;
  height:125px;
  background:url(img/logo.jpg) no-repeat 0 0;
  text-indent:-10000px;
}
#header h1 a {
  display:block;
  width:100%;
  height:100%;
}
#header ul {
	display:block;
	float:right;
	width:640px;
	height:125px;
	list-style:none;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header ul li {
  display:block;
  float:left;
  height:125px;
  text-indent:-10000px;
}
#home {
	width:145px;
}
#services {
	width:165px;
}
#videos {
	width:150px;
}
#contact {
	width:200px;
}
#header ul li a {
  display:block;
  width:100%;
  height:100%;
}
p#featuredText {
	display:block;
	float:left;
	width:100%;
	height:375px;
	position: relative;
	background-image: url(img/featured_bg.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a#learnMoreButton {
	display:block;
	width:280px;
	height:60px;
	background:url(img/learnmore.jpg) no-repeat 0 0;
	margin-top: 215px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 132px;
}
a:hover#learnMoreButton {
  background-position:0 -60px;
}
#monitor {
	position:absolute;
	top:6px;
	right:36px;
}
.box {
  width:320px;
  height:185px;
  float:left;
}
.box h2 {
	color:#0f83bc;
	text-transform:uppercase;
	margin:35px 0 0 140px;
	font-family: "Myriad Pro";
	font-size: 26px;
	font-weight: bold;
}
.box p {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:0 30px 0 140px;
}
.box   h2 a {
	color: #0f83bc
}
.box a:hover {
	color: #0f83bc;
	text-decoration: none;
}

.client {
	background:url(img/box1.jpg) no-repeat 0 0;
}
.work {
	background:url(img/box2.jpg) no-repeat 0 0;
}
.book {
	background:url(img/box3.jpg) no-repeat 0 0;
}
#leftCol {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
}
#leftCol h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#leftCol h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}


#leftCol p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#footer {
  clear:both;
  width:940px;
  border-top:1px dashed #094e64;
}
#footer p {
  margin:15px 0;
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#094e64;
}
.style4 {
	color: #CCCCCC
}


.style6 {
	color: #094e64
}
#featuredMain {
	display:block;
	float:left;
	width:100%;
	height:1150px;
	position: relative;
	background-position: 0 0;
	margin-left: 10px;
	color: #0f83bc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
#featuredMain h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#featuredMain p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#featuredMain h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}
#featuredbox {
	width:400px;
	height:200px;
	padding: 0px;
	margin-top: 0;
	margin-right: 280px;
	margin-bottom: 0;
	margin-left: 280px;
	background-image: url(img/featuredbox.jpg);
}
.style13 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.style14 {color: #FFFFFF}
#featuredcitybox {
	width:600px;
	height:400px;
	padding: 0px;
	margin-top: 0;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 180px;
	background-image: url(img/featuredcitybox.jpg);
}
#featuredcityMain {
	display:block;
	float:left;
	width:100%;
	height:725px;
	position: relative;
	background-position: 0 0;
	margin-left: 10px;
	color: #0f83bc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
#featuredcityMain  h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#featuredcityMain  p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#featuredcityMain  h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}
a#learnMoreButton2 {
	display:block;
	width:280px;
	height:60px;
	background:url(img/learnmore.jpg) no-repeat 0 0;
	margin-top: 20px;
	margin-right: 325px;
	margin-bottom: 0;
	margin-left: 330px;
}
a:hover#learnMoreButton2 {
	background-position:0 -60px;
}
#form {
	width:600px;
	height:450px;
	padding: 0px;
	margin-top: 0;
	margin-right: 180px;
	margin-bottom: 0;
	margin-left: 180px;
	background-image: url(img/form.jpg);
}
#featuredcontactMain {
	display:block;
	float:left;
	width:100%;
	height:600px;
	position: relative;
	background-position: 0 0;
	margin-left: 10px;
	color: #0f83bc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
#featuredcommentsMain   h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#featuredcommentsMain  p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#featuredcommentsMain  h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}
#featuredcommentsMain {
	display:block;
	float:left;
	width:100%;
	height:375px;
	position: relative;
	background-position: 0 0;
	margin-left: 10px;
	color: #0f83bc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}

#featuredcontactMain h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#featuredcontactMain p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#featuredclientsMain    h2 {
	color:#FFFFFF;
	font-family: "Myriad Pro";
	font-size: 26px;
	line-height: 24px;
	font-weight: bold;
}
#featuredclientsMain   p {
	color:#0f83bc;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	width: 900px;
}
#featuredclientsMain   h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}
#featuredclientsMain {
	display:block;
	float:left;
	width:100%;
	height:600px;
	position: relative;
	background-position: 0 0;
	margin-left: 10px;
	color: #0f83bc;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
}
#featuredcontactMain h3 {
	color:#CCCCCC;
	font-family: "Myriad Pro";
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
}

			
#greyBoxDiv {  
	position: fixed;    
	top:0;
	left:0;
	background-color:#000;  
	filter:alpha(opacity=50);  
	-moz-opacity: 0.5;  
	opacity: 0.5;
	padding:20px;
	height:100%;
	width:100%;
	z-index:998;
}

* html #greyBoxDiv { /* ie6 hack */       
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
#moviePlayerDiv {
	background:black;
	width:500px;
	height:375px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-180px;
	margin-left:-250px;
	z-index:999;
}
#movieDivClosebox {
	fontFamily:arial;
	color:blue;
	background:white;
	fontSize:14px;
	position:fixed;
	cursor:pointer;
	width:40px;
	text-align:right;
	top:50%;
	left:50%;
	margin-top:200px;
	margin-left:210px;
	z-index:999;
}