@charset "UTF-8";
/* CSS Document */

.clear {
	clear:both;
}

body {
	background-color:#000;
	padding:0;
	margin:0;
}

#content {
	max-width: 950px;
	max-height:100%;
	margin:0 auto;
	background-image:url(images/lines_bg.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;

}

#header {
	max-width: 950px;
	height:100%;	
	border-bottom:2px solid #fff;
}

#logo {
	max-width:90%;
    height:auto;
    position: relative;
    display:block;
}

#logo img{
    max-width:100% !important;
    height:auto;
    display:inline;
}

.oneHalf {
	width: 49%;
}

.oneThird {
	width: 40%;
}

.twoThird {
	width: 60%;
}

.oneThird_contact {
	width: 30%;
}

.twoThird_contact {
	width: 70%;
}

.oneTenth {
	width:9.5%;
}

.full {
	width:100%;
}

#leftBox {
	width:95%;
	height:100%;
	margin:10px 0 0 10px;
}

#rightBox {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	
}

#rightBox_tv {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	position:relative;
	float:right;
}

#tvBox {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	background-image:url(images/tvImage.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

#slideBox {
	width:100%;
	height:100%;
	opacity:0.5;
	position:absolute;
	top:0;
	right:0;
}

#rightBox_home {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	background-image:url(images/tvImage.png);
	background-repeat:no-repeat;
}

#rightBox_contact {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	padding-left:20px;
	float:right;
	border-left:2px solid #9c9c9c;
}

#rightBox img {
	max-width:100%;
}

#rightBox_tv img {
	max-width:100%;
	float:right;
}

#ourWork_btn {
	float:left;
	margin-top:10px;
}

#navContainer {
	
}

.nav{
    list-style:none;
    margin:0;
    padding:0;
	float:right;
	margin-top:20%;
}

.nav li{
    display:inline;
}

.nav a{
    display:inline-block;
    padding:10px;
	text-decoration:none;
	color:#fff;
	font-family:FuturaBT-Medium;
}

.nav a:hover {
	color:#ffd400;
}

#footer {
	max-width: 100%;
	height:100%;	
	padding-bottom:20px;
	border-top:2px solid #fff;
}

#socialIcons {
	height:35px;
	float:left;
	width:100%;
	margin-top:10px;
}

#socialIcons img {
	width:35px;
	height:35px;
	float:left;
	padding-right:20px;
}

#copyright {
	float:right;
	color:#fff;
	font-family:FuturaBT-Medium;
	margin:20px 0 0 0;
	width:100%;
	text-align:right;
}

h2 {
	font-family:FuturaBT-Bold;
	font-size:32px;
	color:#fff;
}

h2.contact {
	font-family:FuturaBT-Bold;
	font-size:32px;
	color:#fff;
	margin:0;
}

h3 {
	font-family:FuturaBT-Medium;
	font-size:22px;
	color:#fff;
}

h4 {
	font-family:FuturaBT-Medium;
	font-size:18px;
	color:#fff;
}

p.title {
	font-family:FuturaBT-Bold;
	font-size:25px;
	color:#fff;
}

.contactSubTitle {
	font-family:FuturaBT-Medium;
	font-size:18px;
	color:#fff;
}

.contactText {
	color:#fff;
	font-family:FuturaBT-Medium;
	font-size:15px;
}

p.text {
	color:#fff;
	font-family:FuturaBT-Medium;
}

p.textPrices {
	color:#fff;
	font-family:FuturaBT-Medium;
	font-size:14px
}

p.text a {
	color:#ffd400;
	text-decoration:none;
}

/*  WORK  ============================================================================= */

#gallery {
	width:95%;
	border:2px solid red;
	height:80px;
	margin:0 auto;
}

.thumb a{
	width:9.5%;
	border:2px solid #fff;
}

.thumb:hover {
	border:2px solid #ffd400;
}


/*  CONTACT =========================================================================== */

#formBox{
	width:90%;
	height:auto;
	float:left;
	color:#322f31;
	font-size:14px;
}

#nameField input {
	height:40px;
	font-family:FuturaBT-Medium;
	width:75%;
	font-size:18px;
	border:2px solid #777777;
	background-color:#000;
	color:#fff;
	padding-left:10px;
}

#emailField input {
	height:40px;
	width:75%;
	font-size:18px;
	border:2px solid #777777;
	margin-top:20px;
	background-color:#000;
	color:#fff;
	padding-left:10px;
	font-family:FuturaBT-Medium;
}

#formBox textarea {
	border:2px solid #777777;
	background-color:#000;
	color:#fff;
	padding:10px 0 0 10px;
	width:100%;
	font-size:18px;
	height:150px;
	margin-top:20px;
	font-family:FuturaBT-Medium;

}

#submitBtn {
	margin-top:20px;
	float:left;
}

.contactSubTitle {
	font-family:FuturaBT-Medium;
	font-size:18px;
	color:#fff;
}

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

.contactText {
	color:#fff;
	font-family:FuturaBT-Medium;
	font-size:16px;
}

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

ul.contact {
	list-style:disc;
	color:white;
}


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	color:#fff;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col_alt {
	display: block;
	float:left;
	margin: 0;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	h2 {
		text-align:center;
	}
	
	#content {
		background-image:none;
	}
	
	#logo {
		margin:0 auto;
	}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
	
	.oneHalf{
		width: 100%; 
	}
	
	.oneThird {
		width: 100%;
	}

	.twoThird {
		width:100%;
	}
	
	.oneThird_contact {
		width: 100%;
	}

	.twoThird_contact {
		width: 100%;
	}
	
	#ourWork_btn {
		float:none;
		margin-top:10px;
		text-align:center;
	}	
	.nav{
		list-style:none;
		margin:0;
		padding:0;
		float:none;
		text-align:center;
		margin-top:0;
		font-size:12px;
	}
	
	#socialIcons {
		margin-top:10px;
		float:none;
		text-align:center;
	}

	#socialIcons img {
		float:none;
		margin:0 auto;
	}
	
	#copyright {
		float:none;
		text-align:center;
		margin:0 auto;
	}
	
	#rightBox_contact {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	padding-left:20px;
	float:right;
	border-left:none;
}

	#rightBox_tv {
		width:95%;
		height:100%;
		margin:30px 0 0 10px;
		position:relative;
		float:none;
	}

	
}

@media only screen and (max-width: 800px) {
	#rightBox_contact {
	width:95%;
	height:100%;
	margin:30px 0 0 10px;
	padding-left:20px;
	float:right;
	border-left:none;
}

}

 /* Futura Web Font */
 
 @font-face {font-family: 'FuturaBT-Light';src: url('webfonts/25E3DF_0_0.eot');src: url('webfonts/25E3DF_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_0_0.woff') format('woff'),url('webfonts/25E3DF_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-LightItalic';src: url('webfonts/25E3DF_1_0.eot');src: url('webfonts/25E3DF_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_1_0.woff') format('woff'),url('webfonts/25E3DF_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-Book';src: url('webfonts/25E3DF_2_0.eot');src: url('webfonts/25E3DF_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_2_0.woff') format('woff'),url('webfonts/25E3DF_2_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-BookItalic';src: url('webfonts/25E3DF_3_0.eot');src: url('webfonts/25E3DF_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_3_0.woff') format('woff'),url('webfonts/25E3DF_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-Medium';src: url('webfonts/25E3DF_4_0.eot');src: url('webfonts/25E3DF_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_4_0.woff') format('woff'),url('webfonts/25E3DF_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-MediumItalic';src: url('webfonts/25E3DF_5_0.eot');src: url('webfonts/25E3DF_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_5_0.woff') format('woff'),url('webfonts/25E3DF_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-Bold';src: url('webfonts/25E3DF_6_0.eot');src: url('webfonts/25E3DF_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_6_0.woff') format('woff'),url('webfonts/25E3DF_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-BoldItalic';src: url('webfonts/25E3DF_7_0.eot');src: url('webfonts/25E3DF_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_7_0.woff') format('woff'),url('webfonts/25E3DF_7_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-Heavy';src: url('webfonts/25E3DF_8_0.eot');src: url('webfonts/25E3DF_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_8_0.woff') format('woff'),url('webfonts/25E3DF_8_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-HeavyItalic';src: url('webfonts/25E3DF_9_0.eot');src: url('webfonts/25E3DF_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_9_0.woff') format('woff'),url('webfonts/25E3DF_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-ExtraBlack';src: url('webfonts/25E3DF_A_0.eot');src: url('webfonts/25E3DF_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_A_0.woff') format('woff'),url('webfonts/25E3DF_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-ExtraBlackItalic';src: url('webfonts/25E3DF_B_0.eot');src: url('webfonts/25E3DF_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_B_0.woff') format('woff'),url('webfonts/25E3DF_B_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-LightCondensed';src: url('webfonts/25E3DF_C_0.eot');src: url('webfonts/25E3DF_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_C_0.woff') format('woff'),url('webfonts/25E3DF_C_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-MediumCondensed';src: url('webfonts/25E3DF_D_0.eot');src: url('webfonts/25E3DF_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_D_0.woff') format('woff'),url('webfonts/25E3DF_D_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-BoldCondensed';src: url('webfonts/25E3DF_E_0.eot');src: url('webfonts/25E3DF_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_E_0.woff') format('woff'),url('webfonts/25E3DF_E_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-BoldCondensedItalic';src: url('webfonts/25E3DF_F_0.eot');src: url('webfonts/25E3DF_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_F_0.woff') format('woff'),url('webfonts/25E3DF_F_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-ExtraBlackCondensed';src: url('webfonts/25E3DF_10_0.eot');src: url('webfonts/25E3DF_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_10_0.woff') format('woff'),url('webfonts/25E3DF_10_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaBT-ExtraBlackCondItalic';src: url('webfonts/25E3DF_11_0.eot');src: url('webfonts/25E3DF_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25E3DF_11_0.woff') format('woff'),url('webfonts/25E3DF_11_0.ttf') format('truetype');}