/*
url: beyondpix.net
file: main/css
version: 1.01
name: out of beta baby
*/

body {
  font-family: "Verdana","Frutiger-light","Helvetica",  "sans-serif";
  margin: 0 auto;
  text-align: center;
  font-size: 13px;
  color: #222;
}

.page-content h2 {
	position:relative;
	z-index:2;
}
a {
	text-decoration: none;
	color:#222;
}
h5 a {
	color:#a86eb3;
}
#wrapper {margin: 0 auto;text-align: center;width: 960px; border: 1px solid #efefef; -webkit-box-shadow: 0 0 4px #ddd;padding:0;margin-bottom:120px;-moz-box-shadow: 0 0 4px #ddd;overflow:hidden;}
#header {position:relative;margin: 0 auto;background-color:#000;height:55px;margin-top:0;display:block;overflow:hidden;}
#header img {
	maring:0;padding: 0;margin: 10px;
}
#header h1 {font-size: 24px;margin:10;font-weight: 100; text-transform:uppercase;color:#fff;width:580px; font-family: "Frutiger-light", "Sans-serif";}
#header h1 span {font-weight: 700; font-family: "Frutiger-light", "Helvetica", "Verdana", "Sans-serif";}
#header h1 span.h1a {font-weight: 100; font-family: "Frutiger-light", "Helvetica", "Verdana", "sans-serif";color:#A86EB3;}

h2 {color:#a253a9;}

/* #header form { position:absolute;top:0;right:0;width:280px;height:80px;
}
*/
#searchform {
	position:absolute;
	  top:26px;
  right:140px;
	width:140px;
	height:60px;
	padding:0;
	overflow:hidden;
}

#searchform fieldset {
width:140px;position:absolute;

  height:50px;  
}

#s {
  position:absolute;
  top:0px;
  left:0;
  background-image:url('../images/search2.png');
    background-repeat:no-repeat;
height:24px;
    background-color:transparent;
    width:120px;
	
    border:none;

    text-transform:uppercase;
    color:#aaa;
}

div.bid {
padding:0;
margin:0;
position:absolute;
  top:16px;
  right:20px;
  background-color:transparent;
  width:125px;
}
div.bid img {padding:0;margin:0;}
div.bid a {padding:0;margin:0;}

#bar {overflow:hidden;clear: both;background-color: #eee;height: 4px;display: block;width: 960px;padding:0;}
  .r {background-color:#d04d55;} 
  .y {background-color:#fff07f;}
  .g {background-color:#E0EF68;}
  .p {background-color:#A86EB3;}
  .b {background-color:#83D4EB;}
#bar span {
	width: 10%;display: block;height: 4px;float: left;
}
ul#navigation { position: relative;display: table;margin: 0 auto;text-align: center;clear:both;height:18px;
    font-size:16px;width:100%;font-weight:100;padding:0 30px;border-bottom:1px solid #dedede;padding:4px 0px;}
#navigation li { position: relative;display:table-cell;text-align:center;padding:0 30px;}
#navigation a {color: #444;text-transform: uppercase;display: block;cursor:default;text-align:center;}
#navigation a:hover {color: #8E609F;background-color:#fff;text-transform: uppercase;display: block;cursor:default;text-align:center;}
#home { clear: both; }
#homeplayer {float:left;margin:30px 0 -54px 0;position:relative;z-index:999;}
.main {display: block;clear:both;margin-top:10px;min-height:412px;}

.video {width: 500px;height: 400px;float: left;}
.page-content { position:relative;z-index:1;width: 350px;text-align: left;float: right;margin: 20px 20px 0 0;}
.page-content p {margin-top: -68px;width: 340px;text-align: justify;}
.page-content h2 {margin: 0px 20px 0 -415px;width:400px;text-align: right;position:relative;z-index:1;text-transform:uppercase;}

#about .page-content {float: right;}
#about .page-content p {margin:0;padding:0;}

#about object, {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-left: 40px;
}
#services {height:450px;}
#services object, #contactplayer object {margin-top:27px;margin-left: 0;float:left;}
#services .page-content {display:inline;width:200px;float:left;margin-left:-10px;margin-top:16px;}
#services .page-content p{display:inline;width:240px;float:left;margin-top:-32px;}

#what-we-do p {margin-top:-32px;}

#what-we-doplayer {
	margin-top:30px;
	margin-left:40px;
	margin-bottom: -25px;
}

.main div#intro { width:690px;margin-top:20px;}
#portfolio h2 { float:left;width:140px;margin-bottom: 130px;margin-top:14px;margin-left: 10px;}
.main #intro p{text-align: justify;}


#contact .page-content p {
	margin-top:-32px;
}
#portfolio {
	overflow:hidden;
	width:720px;
	padding-bottom:120px;
	float:left;
	margin-left: 25px;
}
.item-wrapper {
	overflow:display;
	position:relative;
	float:left;
	width:220px;
	height:140px;
	margin:20px 0 0 10px;
	padding:0;
}

.portfolio-item {
	overflow:hidden;
	 position:relative;
	 display:block;
	 width:220px;
	 height:120px;
	 -webkit-border-radius:12px;
	 -moz-border-radius:12px;
	 margin:20px;
	 font-family:"Helvetica";
	 -webkit-box-shadow:0 0 4px #777;
	 -moz-box-shadow:0 0 4px #777;
	 padding: 0;margin: 0;
}
.background {
	-webkit-border-radius:12px;
}


#sidebar {float:right;text-transform:uppercase;color:#444;width:220px;margin-right:10px;margin-left: 0;}
#sidebar li {
	font-size:15px;margin:0;padding:0;
	margin-top:10px;line-height:1.6em;color:#222;border:none;list-style-type: none;
}
#sidebar ul li ul {margin-left: 0;}
#sidebar li ul li { border-bottom:1px solid #dedede; padding:4px 0;font-size:12px;margin-top:4px;line-height:1.1em;margin:0;}
#sidebar li a {color:#222;}
#sidebar li ul li a {color:#444;}
#sidebar a:hover {
  color:#853E84;
}
#sidebar li ul li:hover {
	color:#853E84;
	border-bottom:1px solid #853E84;
}

div.info {
	 position:absolute;
	 top:0;
	 display:block;
	 width:220px;
	 height:0px;
	 background-color:#222;
	 opacity:0.9;
	 -webkit-border-radius:12px;
	 -moz-border-radius:12px;
	 vertical-align:middle;
	 padding:0;
	 }
div.info a {
	 z-index:6;
	 color:#fff;
	 position:relative;
	 text-decoration:none;
	 text-transform:uppercase;
	 font-size:18px;
	 vertical-align:middle;
	 opacity:0;
	 margin:10px;
	 text-align:left;
	 height:14px;
	 width:220px;
		display:block;
		text-shadow: 2px 2px 2px #000;
	 }
.info	a:hover {color:#a253a9;}
div.featured-wrapper {
	overflow:hidden;
	height:90px;
	width:960px;

	position: relative;

}
#pp_full_res object {-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-border-radius:10px;border:none;padding:0;margin:0;}
div.footer-featured, #footer-blog {
	display:none;
}

/* root element for tabs  */
ul.tabs { 
  position:relative;
	margin:0; 
	padding:0;
	clear:both;
	height:30px;
	border-bottom:1px solid #eee;
	margin-top:-35px;
	
}

/* single tab */
ul.tabs li {  
 	background-color: #fff;	
	padding:0; 
	margin:0;  
	list-style-type:none;
	margin-right:20px;
}
/* link inside the tab. uses a background image */
ul.tabs a { 
	float:right;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #eee;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover {
	background-color:#F7F7F7;
	color:#7D3C7C;
}

/* selected tab */
ul.tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#000;	
	cursor:default;
}


/* tab pane */

div.panes ul {
  display:none;		
  padding:5px 10px;
  margin:5px;
  border-top:0;
  background-color:#fff;
  width:450px;
	display: none;
  float:right;
}

div.panes li {
  position:relative;
  display:block;
  	background-color: #fff;	
}



#footer {
  display:block;
	clear: both;
	background-color: #000;
	color: #ddd;

	width:960px;
	padding: 10px 0 20px 0;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
		-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	font-size:10px;
	text-transform:uppercase;
}

#footer a, #footer p, #footer ul{
  color:#fff;
  font-size:10px;

  line-height:12px;
}
#footer ul {
    margin:0 0 0 20px;padding:0;
}
#footer li {
	display: inline;
}
#footer-links, #footer p {
  width: 600px;
	margin: 5px 0 0px 20px;
  
}
ul#social-media {
  float:right;
  margin-top:-40px;
  width:140px;
  
}
#social-media img {
  display:block;
  padding:2px;
  background-color:#fff;

  margin:5px;
  -webkit-border-radius:5px;
  display:inline;
}
#filter {
float:right;
width:160px;
padding:5px;
font-size:12px;
text-transform:uppercase;
margin-right:25px;
margin-top: 14px;
}
#filter h3 {font-size:16px;}
#filter li {border-bottom:1px solid #dedede;padding:4px 0;list-style-type: none;}
#filter a { color:#222;}
#filter a:hover { color:#853E84;}
#filter li:hover {color:#853E84; border-bottom:1px solid #853E84;}
#filter .current { color:#853E84;border-bottom:1px solid #853E84;}
/* BEGIN LAB #########################################*/
.lounge { height:440px; }
.lounge p { margin-top:10px;}
.lounge h4 { float:right;  font-size:24px;font-weight:normal; margin-right:20px;}
.lounge span { font-weight:bold;color:#000;}
.loungeh { display:list-item; float:left; width:300px; margin:0 0 0 130px; }
.loungeh h2 { margin-bottom:10px; text-align:right; }
.loungeh h3 { font-size:32px; float:right; text-align:right; }

/* BEGIN SLIDER WRAPPER */
.container { width:500px;height:400px; position:relative; cursor:pointer;margin-left:0px;overflow: hidden;text-align: justify;}
#lab object {margin-top:-80px;}
#loopedSlider { position:relative;margin:4em 2em 2em 2em;clear:both;height:400px;}

#slider-wrapper { clear:both;width:100%;}
.slides { position:absolute; top:0px; left:0;}
.slides div { width:500px; display:none;margin:0 7em 0 0;}
.panel h4 {font-size:13px;padding-bottom:13px;font-weight:normal;}
.panel {padding-left:1em;}
/* BEGIN RIGHT SIDE QUESTIONS */
#questions { position:relative;width:340px;float:right;font-size:1em;margin:-492px 0px 0px 0;z-index:9;}
#questions h4 { float:none; text-align:left; position:relative; font-size:1.2em; font-weight:normal;}
#questions a { color:#444;}
#questions a:hover { color:#AF62B7;}
#questions ul {margin-left: 0;}
#questions li { padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #dadada;list-style-type: none;}
/* END LAB #########################################*/
div.fr_entries {
	padding:0;
	margin:0;
}
.fr_entries img {padding:5px; border:1px solid #ccc;margin:10px 10px 0 0;}
.fr_short_description {
	padding:0;margin:0;
}
#footer-blog {
	position:absolute;
	width:480px;
	left:20px;
	z-index:3;
	padding:0;

}