@charset "UTF-8";

.fluid_grid_layout {width:668px; margin:-10px 0 0 20px;}

.carton { background-image: url(http://www.studiolxv.com/images/bg-noise.jpg); background-repeat:no-repeat; height:auto;}

sup { font-size:small;}

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 fixed;}
body { background-image:url(http://www.studiolxv.com/images/noise.png); background-repeat:repeat;line-height:1;color:#000;font-family:"Arial",Helvetica,Helvetica Neue,Verdana,sans-serif;
font-size:15px;cursor: crosshair;
line-height:20px;
text-shadow:0 0 1px rgba(0, 0, 0, 0.1);}

.arrows {margin-top:-33px; height:51px; width:688px;position:absolute;}
.l { float:right;}
.r {  float:right;}

.short {height:600px;}

h1 { color:#000;
font-family:georgia;
font-size:30px; 
font-style:oblique;
font-weight:normal;
line-height:1em;
opacity:1;
padding:0;
text-align:left;
text-indent:0;}

h2 { color:#000;
font-family:georgia;
font-size:29px; 
font-style:oblique;
font-weight:bold;margin:0;
opacity:1;
padding:0;
text-align:left;
text-indent:0;}

h3 { font-weight:lighter;  font-family:Georgia, "Times New Roman", Times, serif;
	color:#000; font-style:italic; margin:10px 0px 10px 0px;
	width:100%;
	font-size:22px;	}

p{margin: 9px 0 9px 0;}


a {color:#000;}

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

a:link, a:visited {
color:#000;
font-weight:bold;
text-decoration:none;}

.touchscreen {background: url(../images/layout/touchscreen.png); position:relative;width:100px;height:100px;float:left;margin-bottom:-100px; z-index:99;bottom:-50px; left:30px}

.touchscreen:hover {background: url(../images/layout/touchscreen-r.png); position:relative;width:100px;height:100px;float:left;margin-bottom:-100px; z-index:99;bottom:-50px; left:30px}

.nav:hover  {padding:0 0 0 10px;color:#000; font-weight:bold;}



				
	/* ///////////CONTACTFORM*/	
		
	


.shell {
	font-size:14px;
	width:700px;
	margin-right:20px;
	margin-left:10% ;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 25px 15px 0 140px;
	color:#000;
	line-height:19px;
	letter-spacing: .02em;
}

.left-col img {margin:12px 0 10px 0;}

.left-col {
	margin: 35px 0  0 50px;
	width:150px;
	float: left;
	height: 100%;
	position:fixed;
	bottom:0;
	text-align:left;
	left:0;
	line-height: 25px;
}

.illwrap {width: 700px; float:left; }
.illcolumn {width: 175px; margin:0 10px 0 0; }

.logo-top {
	height:12px;background:#000000 url(../images/layout/button-bg.png) repeat-x scroll 0 0;
	position:fixed;
	margin:0;
	top:0;left:0; right:0;
	padding: 0; z-index:19999;
}

ol, ul {list-style-type: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 {width:99%;}
th, td {padding:4px 0px 4px 0;}
tr:last-child td {border-bottom-width:0;}
tfoot {font-style:italic;}
caption {background:transparent;}

body, blockquote * {font:12px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;}
ul {list-style-type:none;}
ol {list-style-type:decimal; list-style-position:inside;}
abbr, acronym {border-bottom-width:0;}
strong {font-weight:bold;}
em {font-style:italic;}
	
.logo {background-color: #000000;
	text-align: center;	
}
	


.navbar {
	height: 35px;
	width: 970px;padding-bottom:0;
	
}

.serif {color:#000;
font-family:Georgia,Times New Roman,Arial;
font-size:22px;
font-weight:lighter;
line-height:27px;margin-bottom:10px;padding: 0px;
}
.callout2 {color:#000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:40px;
font-style:italic;
font-weight:bolder;
line-height:1em;
margin-bottom:4px;
opacity:1;
padding:0;
text-align:left;
text-indent:0;
}

.callout3 {color:#000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:22px; font-style:italic;
 max-width:668px;
font-weight:bolder;
line-height:1em;
margin:-12px 0 0 18px;
opacity:1;
padding: 0; width:668px;
text-align:left;  top:0;
text-indent:0;
}

.callout4 {color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
 max-width:668px;
font-weight:bolder;
line-height:1em;
margin:-12px 0 0 18px;
opacity:1;
width:668px;
text-align:left; 
text-indent:0;z-index:999;padding: 0px;line-height:36px;
}

.callout5  {color:#fff; background-color:#000;
font-family: "Courier New", Courier, monospace;
font-size:11px;
 max-width:647px;
font-weight:bolder;
margin:-40px 0 32px 19px;
opacity:1;
width:647px;
text-align:left; 
text-indent:0;z-index:999; position:relative;padding: 2px 10px 2px 10px;}

.callout5b  {color:#fff; background-color:#000;
font-family: "Courier New", Courier, monospace;
font-size:11px;
 max-width:140px;
font-weight:bolder;
margin:-31px 0 32px 11px;
opacity:1;
width:647px;
text-align:left; 
text-indent:0;z-index:999; position:relative;padding: 0 7px 0 7px;
}


.callout6  {color:#fff; background-color:#000;
font-family: "Courier New", Courier, monospace;
font-size:11px;
 max-width:672px;
font-weight:bolder;

margin:-40px 0 32px 2px;
opacity:1;
width:672px;
text-align:left; 
text-indent:0;z-index:999; position:relative;padding: 2px 10px 2px 12px;
}


.callout7 {color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
 max-width:668px;
font-weight:bolder;
line-height:1em;
margin:-42px 0 6px 18px;
opacity:1;
width:668px;
text-align:right; 
text-indent:0;z-index:999;padding: 0px;line-height:36px;
}

	
.logobtn { text-decoration:none;padding: 5px;letter-spacing: .03em;margin: 8px 0 0 0; font-size:10pt; color:#000;font-family: Arial, Helvetica, sans-serif;}

.work img {margin-bottom:12px;
}

.portfolio {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
	letter-spacing: .02em;
	word-spacing: .09em;
	padding-bottom: 60px;}
.form {text-align:left;font-family: Helvetica, sans-serif;color:#000000;font-size: 20px;margin-top:10px;padding: 0px;line-height:26px;}

		.flashcontent { z-index:2;}
			.boxgrid{  z-index:10; text-align:center;
				width: 620px; 
				height: 505px; 
				margin:0 30px 0 0 ; 
				background:#000000; 
				border: solid 5px #000000; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ float: left; 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0; 
					color:#ffffff; 
					font-weight:bold; 
					font:10pt "Helvetica", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .91; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=91);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=91)";
 			}
 				.captionfull .boxcaption {	

 					top: 480px;float: left; 
 					left: 0;
 				}
 				.caption .boxcaption {				

 					top: 480px;float: left; 
 					left: 0;
 				}



.clear{
	clear:both;
}

#main-container{
	
}

#form-container{ 
	color:#000000;
	-moz-border-radius:12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius:12px;
}

td{
	white-space:nowrap;
}


label{
	text-transform:uppercase;
	font-size:14px;
	font-family:Tahoma,Arial,Sans-serif;
}


.submit {
background-color : #000;
color : #ffffff;
float : none;
font-family : Arial, Helvetica, sans-serif;
padding : 10px 10px 10px 10px;
}
.wpcf7-validates-as-required {
background-color : #000;
min-width : 475px;
max-width : 475px;
color : #ffffff;
float : none;
width : 475px;
font-family : Arial, Helvetica, sans-serif;
padding : 10px 10px 10px 10px;
}
.textinput {
background-color : #000;
min-width : 475px;
max-width : 475px;
color : #ffffff;
float : none;
width : 475px;
font-family : Arial, Helvetica, sans-serif;
padding : 10px 10px 10px 10px;
}
textarea {
background-color : #000;
font-family : Arial, Helvetica, sans-serif;
}
.textinput {
background-color : #000;
max-width : 475px;
width : 475px;
float : none;
font-family : Arial, Helvetica, sans-serif;
}


.add {
font-size:18px;
background-color : #000;
max-width : 50px;
width : 50px;
color : #ffffff;
float : none;padding:10px;
font-family : Arial, Helvetica, sans-serif;
}

.input {
font-size:18px;
background-color : #000;
max-width : 700px;
width : 700px;
color : #ffffff;
float : none;padding:10px;
font-family : Arial, Helvetica, sans-serif;
}
td > button{
	text-indent:8px;
}

.error{
	background-color:#000000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;	letter-spacing: 0.02em;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}





div.apple_overlay.black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#000;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#000;
}

#triggers {
	margin-top:10px;
	text-align:left;
}

#triggers img {

	background-color:#000;
	padding:3px 3px 3px 3px;
	border:1px solid #fff;
	margin:2px;
	cursor:pointer;
}







.large.awesome, .large.awesome:visited { 
-moz-border-radius: 16px; -webkit-border-radius: 16px; background:#000000 url(../images/layout/button-bg.png) repeat-x scroll 0 0;color:#fff; 
	font-size:13px;font-style:oblique;
font-weight:bolder;
	padding:7px 20px 7px; font-family:Georgia, "Times New Roman", Times, serif;
}
.large.awesome:hover {-moz-border-radius: 16px; -webkit-border-radius: 16px; background:#000000 url(../images/layout/button-bg2.png) repeat-x scroll 0 0;color:#fff; font-size:13px;
	padding:6px 20px 7px;font-style:oblique;margin-top:1px;
font-weight:bolder;
	font-family:Georgia, "Times New Roman", Times, serif;}
	.awesome:active							{ }

.awesome, .awesome:visited {
}


.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {font-family:Georgia, "Times New Roman", Times, serif; font-weight:lighter; font-style:oblique;
font-size:13px;margin-top:3px;
font-weight:bold;
line-height:18px;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
}



.details {color:#000;margin-top:-15px;}

.details h2 {color:#000;margin-bottom:3px;}
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/black.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:570px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}



/*                                            */



/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion { margin:100px 0 55px 0; 
	height:70px;
	width:700px;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=40);
}

.accordionimage:hover {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=70);
}


/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
float:left;	
	display:none;		
	margin-right:8px;
}

/* content inside a pane should have fixed width */
#accordion div h3 { font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif;
	color:#000; font-style:italic; margin:4px 0px 0px 0px;
	width:100%;
	font-size:18px;	
}
	
#accordion div p {	
	font-size:15px;line-height:17px; width:300px;padding-right:15px;color:#000;
}
/* .section and .column are required in your HTML */
div.section {display:table; width:100%; border-collapse:collapse;}
div.column {display: table-cell;}

/* .column widths, -10% of "precived width" for 6 column layouts */
div.six_column.section div.one {width:15%;padding-right:20px;}
div.six_column.section div.two {width:30%;padding-right:20px;}
div.six_column.section div.three {width:30%; padding-right:20px;}
div.six_column.section div.four {width:60%;padding-right:20px;}
div.six_column.section div.five {width:75%;padding-right:20px;}
div.six_column.section div.six {width:90%;padding-right:20px;}

div.nine_column.section div.one {width:10%;}
div.nine_column.section div.two {width:20%;}
div.nine_column.section div.three {width:30%;}
div.nine_column.section div.four {width:40%;}
div.nine_column.section div.five {width:50%;}
div.nine_column.section div.six {width:60%;}
div.nine_column.section div.seven {width:70%;}
div.nine_column.section div.eight {width:80%;}
div.nine_column.section div.nine {width:90%;}
			
			div#random {
				width: 					1000px;
				background-color: 		red;
				line-height: 			60px;
			}
			
/*          laptop  image slider                                              */
			
			/*preload classes*/ 
.svw {position: relative; width: 0px; height: 315px; background: url(../images/work/mac.png); } 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0 !important; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none !important; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: hidden;
margin:-46px 0 0 27px; 
width:700px !important;
position:relative; 
} 
.stripTransmitter ul {
margin:0;
padding: 0; 
position: relative;
list-style-type: none !important; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 5 5px 1px 0; 
} 
.stripTransmitter a{ 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(../images/slider_btn.png) no-repeat scroll 0 0;
color:#ffffff;
display:block;
font-family:Verdana,Arial;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:15px !important;
line-height:22px;
text-align:center;
text-decoration:none;
width:15px !important;
} 
.stripTransmitter a:hover, a.current{ 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/slider_btn_hover.png) no-repeat scroll 0 0;
color:#ffffff;
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 


#macbooktip { font-family:Arial, Helvetica, sans-serif;
	display:none;  z-index:99999;
	background:transparent url(../images/layout/black_arrow.png);
	font-size:12px;margin: 0 0 10px 0;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#macbook img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}



/* =Main Nav
------------------------------------------------------*/
a.header{ 
	margin-bottom: 3px;
	display: block;
	color: #000;
}

ul.sub { padding: 0px 0px 12px 0px; }
ul.sub li a{ font-size: 12px; color: #000; }


.copyright a:hover {padding:2px 0 0 0;}
.copyright { z-index:10;background:#000000 url(../images/layout/button-bg.png) repeat-x scroll 0 0; font-family: "Courier New", Courier, monospace;
 	font-size: 11px; font-weight:bold;
	color: #fff;
	padding: 10px;
	margin:-3px;
	position:fixed;
	bottom:0;
	text-align:left;
	left:0;
	width:100%;
	letter-spacing: .01em;
	z-index:1000;
}