/*
Theme Name: VODA
Theme URI: http://wordpress.org/
Description: Specially made for <a href="http://www.hipzoneinc.com/">Hipzone Inc.</a>.
Version: b0.7
Author: Heath Carlisle
Author URI: http://www.brownbarn.com/
Tags: horizontal menu, flash backgrounds, pages


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html, body { 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #626366; 
	height:100%; width:100%;
	margin:0; padding:0;
}

/* Layout Divs */
#shell { 
	margin:auto; 
}
#contContainer { 
	height: 90%; 
	z-index: 20; 
	width: 100%; 
	top: 10%; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/walpha/b_10_x65.png);
}
#contContainerHome { 
	text-align: center; 
	height: 75%; 
	z-index: 20; 
	width: 100%; 
	top: 110px; 
	position: absolute; 
}
#contContainerFull { 
	left: 40%; 
	z-index: 20; 
	width: 55%; 
	top: 110px; 
	position: absolute; 
}
#contContainer1_column {
	left: 50%;
	height: 75%;
	z-index: 20;
	width: 50%;
	top: 110px;
	position: absolute;
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainer2_column {
	left: 405px;
	height: 75%;
	z-index: 20;
	width: 66%;
	top: 110px;
	position: absolute;
	background-repeat: repeat;

	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainer3_column { 
	height: 75%; 
	z-index: 20; 
	width: 100%; 
	top: 110px; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainerFullHeightFlash { 
	height: 75%; 
	z-index: 20; 
	width: 100%; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainerLeftFull { 
	height: 75%; 
	z-index: 20; 
	width: 55%; 
	top: 110px; 
	position: absolute; 
}
#contContainerLeft1_column { 
	height: 75%; 
	z-index: 20; 
	width: 50%; 
	top: 110px; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainerLeft2_column { 
	height: 75%; 
	z-index: 20; 
	width: 66%; 
	top: 110px; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}
#contContainerLeft3_column { 
	height: 75%; 
	z-index: 20; 
	width: 100%; 
	top: 110px; 
	position: absolute; 
	background-repeat: repeat;
	background-image: url(http://www.lewfx.com/Hipzone/images/b_10_x65.png);
}

.panel1 {
	padding-right: 20px;
	width: 525px;
	float:left;

}

.panel2 {
	position: relative;
	padding-right: 20px;
	width: 28%;
	float:left;

}

.panel3 {
	margin-right: -20px;
	float: left;
	width: 28%;

}

#Content { 

	text-decoration: none; 
	font-family: Arial, sans-serif; 
	padding-right: 20px; 
	padding-left: 50px; 
	z-index: 30; 
	border-style: none; 
}

#Content .contFlash p{


	margin-top: 10px;


	width: auto;


}

#Content table{

	float:right;

}

#Content td {


	vertical-align: text-top

}

#Content .h2 { 
	width: auto; 
	color: #000; 
	line-height: 20px; 
	font-weight: bold; 
	font-size: 18px; 
}
#Content .h1 { 
	width: auto; 
	color: #000; 
	line-height: 45px; 
	font-weight: bold; 
	font-size: 40px; 

}

#Content .p { 
	width: auto; 
	color: #000; 
	line-height: 15px; 
	font-size: 12px; 

}

#content_sub { 
	height:360px; width:955px; 
	margin:0; padding:0; 
}
#footer	{ 
	text-decoration: none; 
	padding-left: 10px; 
	padding-bottom: 0; 
	padding-right: 100px; 
	padding-top: 10px; 
	height:18px; 
	color:#333;
	
	
	 
}
/*End Layouy Divs*/

/* background table */
#footer a {text-decoration: none; font-size:10px; color: #999;}
#footer a:hover { color: #ccc;}

.footerMenu {



	width: 100%;



	left: 67px;



	color: #999;



	font-size: 10px;



	font-family: Arial, "Lucida Grande", Verdana, sans-serif;



}

.top {
	height: 110px;
}
.middle {
	z-index: 10;
	height: 75%;
}
.bottom {
	height: 80px;
}
/* Navigation */
#topNav {
	z-index: 200;
	left: 45px;
	top: 82px;
	position: absolute;
	
	padding: 5px;
}



#logo {
	margin-left: 75%;
	top: -5px;
	position: absolute;
	padding-top: 15px;
	padding-right: 20px;
	z-index: 0;
}
.brands {
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	height: 10px;
	width: 60px;
}
.brands:hover {
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
	height: 10px;
	width: 60px;
}
.digital {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	background-color: #2a363d;
	height: 10px;
	width: 60px;
}
.studios {
	border-style: none;
	background-color: #4a4949;
	margin-right: auto;
	margin-left: auto;
	border-color: white;
	height: 10px;
	width: 60px;
}
.studios:hover {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	background-color: #4a4949;
	height: 10px;
	width: 60px;
}
.locations {
	margin-right: auto;
	margin-left: auto;
	background-color: #a37e4e;
	height: 10px;
	width: 60px;
}
.locations:hover {
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	background-color: #a37e4e;
	height: 10px;
	width: 60px;
}
#siteMenu {
	color: #ccc;
	padding-left: 38px;
	float: left;
	width: 410px;
	display: inline;
}
#siteMenu table {
	color: #ccc;
	text-align: center;
}
#siteMenu td {
	width: 80px;
	font-size: 9px;
	text-align: center;
	float: left;
	display: inline;
}
#flashBackground {
	height: 100%;
	z-index: 0;
}
.footerRight {
	padding-left: 10px;
	float: right;
}
.footerLeft {
	padding-left: 60px;
	float: left;
}