/*
1200px grid system ~ Core CSS.
12 Columns ~ Margin left: 15px ~ Margin right: 15px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/


/* =Containers
----------------------------------------------------------------------------- */
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

.container.full{
    width: 100%;
    max-width: 100%;
}

.row:before,
.row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.row:after {
    clear: both;
}

.page-content .row{
    margin-bottom: 80px;
    position: relative;
}

/* =Grid >> Global
----------------------------------------------------------------------------- */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    min-height: 1px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
    display: inline;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------- */
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 12 Columns
----------------------------------------------------------------------------- */
.grid_1 {width: 70px;}
.grid_2 {width: 170px;}
.grid_3 {width: 270px;}
.grid_4 {width: 370px;}
.grid_5 {width: 470px;}
.grid_6 {width: 570px;}
.grid_7 {width: 670px;}
.grid_8 {width: 770px;}
.grid_9 {width: 870px;}
.grid_10 {width: 970px;}
.grid_11 {width: 1070px;}
.grid_12 {width: 1170px;}



/* Header nu menu
----------------------------------------------------------------------------- */

.dropdown_menu{
	left:-342px !important;
}
.dropdown_menu li a img{
	margin-left:20px;
}
#xyz{
	left:-552px !important;
}
#port_folio{
	left:-440px !important;
}
.oe_overlay{
	background:#000;
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
ul.oe_menu{
	list-style:none;
	position:relative;
	float:right;
	clear:both;
}
ul.oe_menu > li{
	/*width:136px;*/
	padding-bottom:2px;
	float:left;
	position:relative;
}
ul.oe_menu > li > a{
	display:block;
	color:#333;
	text-decoration:none;
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	/*width:90px;*/
	padding:28px 20px 28px 20px;
	margin:1px;
	text-align:center;
}
ul.oe_menu > li > a:hover,
ul.oe_menu > li.current-menu-item > a{
	border-bottom:2px solid #CCC;
	background-color:#f6f6f6;
}
.oe_wrapper ul.hovered > li > a{
	background:#000;
	text-shadow:0px 0px 1px #000;
}
ul.oe_menu div{
	position:absolute;
	top:80px;
	left:-256px;
	background:#fff;
	width:830px;
	padding:20px;
	display:none;
	border-radius: 0px 0px 10px 10px;
}
ul.oe_menu div ul li{
	border-bottom: 1px solid #ddd;
	/*margin:0px 0px 0px 15px;*/
}
ul.oe_menu div ul li a{
	text-decoration:none;
	color:#333;
	margin:10px 0px;
	display:block;
	font-size:13px;
	font-weight:normal;
}
ul.oe_menu div ul li img{
	margin-right:10px;
}
ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	color:#C33 !important;
}
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width:31.4%;
	margin:0px 8px;
}
li.oe_heading{
	color:#aaa;
	font-size:16px;
	margin:0px 0px 10px 0px !important;
	padding-bottom:6px;
	border-bottom:1px solid #ddd;
}
li.oe_portfolio{
	color:#aaa;
	font-size:16px;
	margin:0px 0px 10px 37px !important;
	padding-bottom:6px;
	width:65%;
	text-align:center;
}

span.reference{
	position:fixed;
	left:0px;
	bottom:0px;
	background:#000;
	width:100%;
	font-size:10px;
	line-height:20px;
	text-align:right;
	height:20px;
	-moz-box-shadow:-1px 0px 10px #000;
	-webkit-box-shadow:-1px 0px 10px #000;
	box-shadow:-1px 0px 10px #000;
}
span.reference a{
	color:#aaa;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:10px;
	
}
span.reference a:hover{
	color:#ddd;
}
.bg_img img{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:-1;
}
h1{
	font-size:75px;
	text-align:left;
	/*position:absolute;*/
	right:40px;
	top:20px;
	font-weight:normal;
	/*text-shadow:  0 0 3px #0096ff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #0096ff, 0 0 70px #0096ff, 0 0 80px #0096ff, 0 0 100px #0096ff, 0 0 150px #0096ff;
*/}
h1 span{
	/*display:block;
	font-size:15px;*/
	font-weight:bold;
}
h2{
	/*position:absolute;*/
	top:220px;
	left:50px;
	font-size:40px;
	font-weight:normal;
	/*text-shadow:  0 0 3px #f6ff00, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #f6ff00, 0 0 70px #f6ff00, 0 0 80px #f6ff00, 0 0 100px #f6ff00, 0 0 150px #f6ff00;
*/}

.get_query{ 
	margin:0px auto;
	width:100%;
}