body{
/**
* Good Practise to set Body Margin and Padding to kosong song
**/
	padding: 0px;
	margin: 0px;
	background: none repeat scroll 0 0 #131a1f;
    color: #898989;
    font: 14px 'Open Sans',arial, sans-serif;
}

/**
* Tricky Tricky LOL please don't ask me this.
*/
html{ 
	height: 100%;
}

.clear_left{
	clear: both;
}

/**
* Common Element Specific
*/
p{ 
  padding: 0;
  margin: 0;
}

img { border: 0;}

h1
{
	font-size:20px;
	color:#404040;
}

h2{ 
	font-size:16px;
  	color: #0b6688;
}

h3
{
	color:#8294a3;
	font-size:14px;
}

h4
{
	color:#0b6688;
	font-size:14px;
	font-weight:bold;
}

h5
{
	font-family: 'Antic Didone', serif;
	color:#acacac;
	font-size:26px;
	margin:0;
	padding:0;
}

h6
{
	font-family: 'Antic Didone', serif;
	color:#0076a3;
	font-size:16px;
	margin:0;
	padding:0;
}

h7
{
	font-family: 'Antic Didone', serif;
	color:#c8c8c8;
	font-size:14px;
	margin:0;
	padding:0;
	font-weight:bold;
}

hr
{
border:1px dotted #d7d7d7;
}

a, a:hover{ 
	outline: none;
  	text-decoration: none;
  	color: #898989;
	padding:0 4px 0 4px;
}

a:hover{ 
	text-decoration: none;
	background: #none;
	color:#fff;
	padding:0 4px 0 4px;
}

ul{ 
	margin: 0;
	padding:0;
}

ul li{ 
	list-style-type: circle;
  	margin: 0;
	padding:0;
}

ol{ 
	margin: 0;
	padding:0;
}

ol li{ 
	margin: 0;
	padding:0;
}


/**
* Layout Specific
*/
.auto_margin{
	margin: auto;
}

#level1
{
	background:#111111;
	height:120px;
	width:100%;
}

#level2
{
	background:url(images/level2-bg.jpg) repeat #2a3b4a;
	width:100%;
}

#level3
{
	background:#131a1f;
	width:100%;
}

#level4
{
	background:none;
	width:100%;
}



.global_wrap
{
	width:980px;
	position:relative;
	margin:0 auto;
	height:100%;
}

/** TOPBAR **/

.logo
{
	width:209px;
	height:26px;
	float:left;
	background:url(images/logo.png);
	margin:10px 0 0 0;
}

.topbar-rightbox
{
	width: 771px;
	float:right;
	height:50px;
}

/** MENU **/

.topmenu {
width: 980px;
float: left;
height: 50px;
}


.menu {
height: 50px;
width: 890px;
background: #354A5B;
color: #EBEBEB;
border-radius: 0 0 10px 10px;
margin: 0 auto;
padding: 0 40px 0 40px;
font-family: 'Karla' arial, sans-serif;
float: left;
text-align: center;
}

/** BANNER **/

.rotator
{
	width :980px;
}

/** end rotator **/

.client-list
{
	width:980px;
	background: #fff;
	float:left;
}

.anyClass {
width: 900px !important;
margin: 0 auto;
}

.next {
float: right;
margin: 35px 0 0 0;
background: none;
border: 0;
color: #959595;
}

.prev {
float: left;
margin: 35px 0 0 0;
background: none;
border: 0;
color: #959595;
}


.anyClass li
{
	margin: 10px 0 10px 0;
	border-right: 1px dotted #182028;
	padding: 0px;
}

.component
{
	background: #ebebeb;
	float:left;
	width:980px;
	height:100%;
}

.bodywidget
{
	background:none;
	float:left;
	width:980px;
}

.content-container {
padding: 15px 15px 30px 15px;
width: 950px;
height: 100%;
float: left;
}

.blog-container
{
padding: 15px 15px 30px 15px;
width: 460px;
height: 100%;
float: left;
}

.footer
{
	width:980px;
	min-height:150px;
	margin: 0 auto;
	float:left;
}

.footerwrap
{
	width:900px;
	margin: 0 auto;
	background: #293946;
	border-radius: 0 0 10px 10px;
	height: 170px;
}

.footerbox {
	width:260px;
	padding: 10px 20px 10px 20px;
	float:left;
	display:inline;
}

.footerbox p
{
	color:#8294A3;
}

.footerbox a
{
	color:#8294A3;
}
.footerbox a:hover
{
	color:#fff;
	background:none;
}

.topbox
{
	background:#3c444a;
	padding:4px 15px 4px 15px;
	text-transform:uppercase;
	float:right;
	width:auto;
	margin:12px 10px 10px 10px;
	border-radius:3px;
}



/*************************************
*************************************/


/**
* form stylling table like
*/
.form_tb{
	margin: 15px 0 0;
}

.form_tb p{
	padding: 0 0 4px;
}

.form_tb span {
    float: left;
    text-align: left;
    width: 200px;
}

.form_tb input, .form_tb textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5DB;
    color: #47433F;
    font: 100% arial;
    padding: 5px;
    width: 299px;
}

.form_tb .checkbox {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 4px 0;
    padding: 0;
    width: 14px;
}

.form_tb select {
    width: 310px;
}

.form_tb .submit {
    background: none repeat scroll 0 0 #263C56;
    border: 1px solid;
    color: #FFFFFF;
    cursor: pointer;
    font: 100% arial;
    height: 33px;
    margin: 0 0 0 212px;
    padding: 2px 0 3px;
    width: 99px;
}

/* 
Contact Form
*/

.success, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('image/success.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('image/error.png');

}
.validation li {
    list-style:disc;
    list-style-position:inside;
    line-height: normal;
}

/**
* Widget Specific Style
*/

/**
* Login Widget
*/
form.login input{
	width: 100px;
}

form.login p{
	margin-top: 0px; 
	margin-bottom: 0px;
}
/**
* Ship Info
*/
.row label{
    clear:both;
    float:left;
    width:150px;
    padding: 3px;
}
.span2{
    float:left;
}
.confirm_title{
    clear:both;
    padding-top:10px;
    font-weight:bold;
    font-size:18px;
}

/* Contact Info */
.email span{
    display: inline-block; 
    background-image: url('image/con_email.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.mobile span{
    display: inline-block; 
    background-image: url('image/con_mobile.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.phone span{
    display: inline-block; 
    background-image: url('image/con_tel.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.fax span{
    display: inline-block; 
    background-image: url('image/con_fax.png'); 
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.address{
    padding-left:20px; 
    display: inline-block; 
    background-image: url('images/con_address.png');
    background-repeat: no-repeat;
}
.website span{
    display: inline-block; 
    background-image: url('image/con_website.png');
    background-repeat: no-repeat;
    width: 16px;
    height:16px;
    margin-right:5px;
}
.city span{
    padding-left:21px;
}
.state 
{
    display: none;
}
.state span{
    padding-left:21px;
    
}
.contact_desc span{
    padding-left:21px;
}
.contact_form{
    clear:both;
    font-weight:bold;
    padding: 10px 0 10px 0;
}
/***********************************/
/****************CMS****************/
/***********************************/
/*
*   Categories List Style
*/
.categories_view{
    /*
    padding-top: 10px; 
    padding-left: 10px;
    */
}
/*
* Category Blog Styling
*/
.category_blog_view{
    /*padding-left: 10px;*/
}
/*
* Category List Styling
*/
.category_list_view{
    /*padding-left: 10px;*/
}
/* Articles */
.articles_view{
    
}
/*h4*/
.category_blog_view .article_title h4{
    color: #709fbb;
    border-top: 1px solid #dddddd; 
    border-bottom: 1px solid #dddddd;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
	width: 200px;
	float: left;
	font-family: 'Karla' arial, sans-serif;
	text-transform:uppercase;
}

.category_blog_view .article_title h4 a{
    color:#709fbb;
}

.category_blog_view .article_title h4 a:hover{
    color:#fff;
    background-color: #709fbb;
}

.category_blog_view p
{
width:700px;
float:left;
text-align: justify;
padding: 0 20px 0px 20px;
margin: 0 0 30px 0;
}

/*
* Article Styling
*/

/*
* Title
*/
/*h2*/
.article_title h2{
    color:#709fbb;
}

.article_title h2 a{
    color:#709fbb;
}

.article_title h2 a:hover{
    color:#FFFFFF;
    background-color: #709fbb;
}

/*
* Icons
*/
div.icons{
    float:right;    
}

div.icons ul{
    text-align: right;
    list-style-type: none;
}

div.icons ul li{
    display: inline;
}

/*
* Article Info
*/
dl.article-info{
    float: left;    
}

dl.article-info dd{
    margin:0;
    padding:0;
}

/*
*   Widget Title
*/
.widget h3{
    border-bottom: #555565 solid 1px;    
}

.widget h3 span{
    color:#555565;
    font-size: 15px;
    font-weight: bold;
}

/*
*   Search Widget
*/
form .search label{
    display: none;
}

/*
*   Search Form
*/
.search_form ul{
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}

.search_form ul li{
    display: inline;
    list-style: none;
}

/*
*   Search results page
*/
div.search_results{
    padding: 20px;
    background-color: #f5f5f5;
    margin-bottom: 5px;
}

/**********************************/
/********* CONTENT CSS ************/
/**********************************/

.infobox
{
	width: 420px;
	margin:10px;
	float:left;
	text-align:justify;
	padding: 0 20px 0 15px;
}

.box-title
{
	width:150px;
	margin: 15px 10px 0 10px;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	padding:10px 0 10px 0;
	text-align:center;
}

.aboutClass
{
	margin:10px 0 0 0;
	width:300px;
}

.aboutClass li
{
	list-style:none;
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #CACACA;
}

.columnbox
{
	width: 256px;
	margin: 20px;
	padding: 10px;
	float: left;
	background:#fcfcfc;
}

.columnbox p
{
	text-align:justify;
}

.columnbox ul
{
	width: 80px;
	float:left;
}

.columnbox  li
{
	list-style:url(images/line.png);
}

.contact_form_div input, textarea 
{
border-color: #d7d7d7;
border-width: 1px 0 0 1px;
color: #333;
font-family: "Arial", Helvetica, Sans-Serif;
font-size: 12px;
line-height: 22px;
padding: 6px
border-left: 1px solid #AAA;
border-top: 1px solid #AAA;
border-right: none;
border-bottom: none;
padding: 5px;
}


textarea
{ height:200px; }

.contact_label {
padding: 10px 0 0px 0;
}

.contact_form {
display: none;
}

input[type="checkbox"] {
background: none;
height: 10px;
width: 10px;
margin: 10px 10px 0 10px;
}

input[type="submit"] {
border: 0;
width: 80px;
height: 25px;
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:10px;
padding: 2px 0 2px 0;
background:#00aeef;
}

.row.email, .row.position
{ display:none;}

.contact_form_div {
margin: 100px 0px 20px 600px;
}

.map {
border: 3px solid #3d6f9c;
background:#404040;
-moz-box-shadow:    inset 0 0 10px #183f60;
-webkit-box-shadow: inset 0 0 10px #183f60;
box-shadow:         inset 0 0 10px #183f60;
}

.row.contact_desc {
width: 470px;
float: left;
margin: 0 0 0 40px;
}

.row.contact_desc  h2{
padding: 0 0px 0 10px;
color: #709fbb;
}

.career-container
{
	width:950px;
	float:left;
	border-bottom: 1px dotted #CACACA;
	padding: 20px 0 20px 0;
	margin:10px 0 10px 0;
}

.position-grid
{
	width:140px;
	float:left;
	padding:10px;
}

.position-grid p
{
	font-weight:bold;
	color: #3d6f9c;
	font-family: 'Karla' arial, sans-serif;
}

.description-grid
{
	width:650px;
	float:left;
	padding:10px;
	text-align:justify;
}

.application-grid
{
	width:80px;
	float:left;
	padding:10px;
	border: 1px solid #3d6f9c;
	background:#224d70;
	-moz-box-shadow:    inset 0 0 10px #183f60;
	-webkit-box-shadow: inset 0 0 10px #183f60;
	box-shadow:         inset 0 0 10px #183f60;
	color: #EBEBEB;
	margin: 10px 10px 10px 10px;
	height: 15px;
	padding: 5px 0 5px 0;
	text-align: center;
	font-size: 11px;
	border-radius:10px;
}

.application-grid a
{ color: white; }

.featurework
{
	border:5px solid #d7d7d7;
	margin:10px;
}

.button001
{
	background:#00aeef;
	border-radius:25px;
	float:left;
	padding:5px 20px;
	color:#fff;
}

.button001 a
{ color:#fff; }

.featurebox
{
	width:440px;
	float:left;
	margin:40px 10px 40px 10px;
}

.featurebox-content
{
	width:180px;
	border:3px solid #00aeef;
	float:left;
	height:100px;
	margin:0 15px 30px 15px;
}

.button002
{
	background:#d7d7d7;
	float:left;
	padding:5px 20px;
	color:#959595;
	margin: 0px 0px 0 38px;
}

.button002 a
{ color:#959595; }

.button002 a:hover
{
background:none;
color:#d7d7d7;
}

.button002:hover
{
	background:#959595;
}

.title-box {
background: #00AEEF;
width: 390px;
float: left;
height: 23px;
margin: 0 0px 0 30px;
padding: 7px 0 0px 0;
}

.title-box p
{
	font-family: 'Antic Didone', serif;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin:0;
	padding:0;
	font-weight: bold;
}

.title-container {
background: white;
width: 370px;
float: left;
height: 100%;
margin: 0 0px 0 30px;
padding: 10px;
}

.columnbox-bottom
{
	background: #00aeef;
	width: 256px;
	float: left;
	height:30px;
	margin:20px 0 0 0;
}

.columnbox-bottom p
{
	text-align:center;
	padding:7px 0 7px 0;
	color:#fff;
}

.columnbox-bottom:hover
{
	background:#fbaf5d;
	color:#404040;
}

.columnbox-bottom a:hover {
color:#fff;
background:none;
}

.columnbox-bottom a {
color:#fff;
}

.pagehead
{
	width:920px;
	float:left;
	margin:20px 0 0px 0;
}

.pagehead2
{
	width:920px;
	float:left;
	margin:20px 0 20px 0;
}

.pretitle
{
font-size: 30px;
color: #00aeef;
text-transform: uppercase;
font-family:arial;
margin: 0 0 0 40px;
}

.main-pagetitle
{
font-size: 70px;
text-transform: uppercase;
line-height: 30px;
font-weight:bold;
text-shadow: 0px 1px 1px white;
color: #00bff3;
}

.subtitle {
font-size: 18px;
color: #898989;
line-height: 24px;
font-family: 'Dosis', sans-serif;
text-align: justify;
}

.leftcontainer
{
	width: 500px;
	height: 100%;
	float:left;
	text-align:justify;
}

.rightcontainer
{
	width: 420px;
	height: 100%;
	float:left;
}

.services-box
{
	width:304px;
	background: #fff;
	margin:10px 5px 0px 5px;
	float:left;
}

.services-img
{
	height:120px;
	width:295px;
	background:none;
	border:5px solid #cacaca;
	float:left;
}

.services-img:hover
{
	border:5px solid #00AEEF;
}


.portfolio-img
{
	height:197px;
	width:295px;
	background:none;
	float:left;
}	

.portfolio-box
{
	width:295px;
	background:none;
	margin:10px 10px 0px 10px;
	float:left;
}

/**accordian**/

/* 
	LEVEL ONE
*/

.services-info{
float: left;
zoom: 1;
background: #00AEEF;
width: 304px;
height: 20px;
color: #fff;
padding: 10px 0 5px 0;
text-align: center;
font-family: 'Antic Didone', serif;
font-weight:bold;
}

.text-service {
width: 285px;
height: 100%;
padding: 10px;
text-align: justify;
float:left;
color:#7d7d7d;
}

.text-service2 {
width: 275px;
height: 100%;
padding: 10px;
text-align: justify;
float:left;
}

.job-desc
{
	width:900px;
	margin:auto;
	border:1px solid #cacaca;
	float:left;
	background: #E3E3E3;
}

.job-title {
float: left;
width: 300px;
height: 25px;
color: white;
text-align: center;
font-family: 'Antic Didone', serif;
font-weight: bold;
background: #00AEEF;
font-size: 16px;
padding: 10px 0 5px 0;
}

.job-req
{
	width:880px;
	padding:10px;
	float:left;
	text-align: justify;
}


.apply-button
{
	background:#00AEEF;
	float:right;
	padding:5px 20px;
	color:#fff;
	font-weight:bold;
	margin: 0px 48px 30px 0px;
}

.apply-button a
{ color:#fff; }

.apply-button:hover
{
background:#fbaf5d;
color:#404040;
}

.apply-button a:hover
{
background:none;
color:#404040;
}

.portfolio {
   width: 440px;
	height: 160px;
	margin: 20px 10px;
	float: left;
	border: 5px solid #404040;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.portfolio a
{
padding:0;
border:0;
margin:0;
}

.web-name
{
width:255px;
float:left;
padding: 0 20px 0 20px;
margin:10px 0 0 0;
}

.web-name p
{
	padding: 6px 0 6px 0;
color: #404040;
font-family: 'Antic Didone', serif;
font-weight: bold;
font-size: 15px;
width: 200px;
float: left;
}


.portfolio:hover {
	border: 5px solid #00aeef;
}

/**inner portfolio**//

			.boxgrid{ 
				width: 295px; 
				height: 184px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #cecece; 
				overflow: hidden; 
				position: relative; 
			}
			
			.boxgrid.caption
			{ 
				width: 295px; 
				height: 184px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #cecece; 
				overflow: hidden; 
				position: relative; 
			}
			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-family: 'Antic Didone', serif;
					font-weight: bold;
					font-size: 16px;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #00aeef; 
				height: 35px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption, .boxgrid.caption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption , .boxgrid.caption{
 					top: 220;
 					left: 0;
 				}
				
				.cover.boxcaption h3
				{
					padding:0 20px 0 20px;
					color:#fff; 
					font-family: "Arial", Helvetica, Sans-Serif;
					font-weight:bold;
					font-size:12px;
					margin:10px 0 10px 0;
					float:left;
				}
				
				.cover.boxcaption p, .cover.boxcaption a, .cover.boxcaption a:hover
				{
					padding:0 20px 0 20px;
					color:#fff; 
					font-family: 'Dosis', sans-serif;
					font-size:12px;
					float:left;
					text-align:justify;
				}
				
/****ribbon*****/

#download-ribbon {
	position: relative;
	width: 270px;
	height: 45px;
	margin: 0 auto;
	cursor: pointer;
	float:right;
	z-index:6000;
}

* html #download-ribbon {
	position: relative;
	top: -14px;
}

#download-ribbon #download-ribbon-shadow {
	width: 270px; height: 0px;
	background: url(images/download-ribbon-shadow.png) no-repeat;
	position: absolute;
	z-index:5000;
}

#download-ribbon #download-ribbon-wrapper {
	width: 270px;
	height: 98px;
	background: url(images/download-ribbon-ie6-background.png) no-repeat;
	padding-top: 10px;
	
	position: relative;
	top: -55px;
	zoom: 1
}

#download-ribbon #download-ribbon-select {
	background: transparent url(images/download-ribbon-select.png) no-repeat;
	width: 139px;
	margin: 0 auto;
	padding-top: 9px;
	padding-left: 10px;
	position: relative;
	z-index:9999;
}

#download-ribbon #download-ribbon-select.open {
	background-position: -149px 0;
}

#download-ribbon #download-ribbon-select ul {
	display: none;
	position: relative;
	left: -14px;
	top: -60px;
}

* html #download-ribbon #download-ribbon-select ul,
*:first-child+html #download-ribbon #download-ribbon-select ul {
	top: -43px;
}

#download-ribbon #download-ribbon-select ul li {
	margin-top: 5px;
}

*:first-child+html #download-ribbon #download-ribbon-select ul li {
	margin-top:0;
}

* html #download-ribbon #download-ribbon-select ul li {
	margin-top:0;
}

#download-ribbon #download-ribbon-select a {
	display: block;
	width: 130px;
	padding: 5px;
	position: relative;
	top: -5px;
	left: -5px;
	cursor: pointer;
}


#download-ribbon #download-ribbon-select img {
	display: block;
}

#download-ribbon #download-ribbon-select a:hover {
	border: 0;
}

.ribbon-list li
{
	list-style:none; 
	background:none;
	color: #fff;
	font: 12px 'Actor', arial, sans-serif;
}

#download-ribbon-select a, a:hover
{
	background:none;
}

/*****web gallery drop down *****/

#middlebar{
font-size:12px;
color:#ebebeb;
background:#b10107;
padding:4px;
height:30px;
width:90px;
font-family: 'Karla' arial, sans-serif;
}

#middlebar a
{
font-size:12px;
color:#ebebeb;
font-family: 'Karla' arial, sans-serif;
}

#middlebar .menubar li {
background:url(lm.png) left top no-repeat;
height:30px;
float:left;
margin-right:10px;
list-style:none;
}
#middlebar .menubar li a{
font-size:14px;
color:#ebebeb;
font-family: 'Karla' arial, sans-serif;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
padding:0 10px;
height:30px;
line-height:30px;
display:block;
float:left;
padding:0 26px 0 10px;
background:url(rm.png) right top no-repeat;
}
#middlebar .menubar li a:hover{
color:#000;
}

#middlebar ul .submenubar {
border-top: none;
background: black;
position: relative;
top: 4px;
width: 200px;
padding:10px 0px;
clear: both;
z-index: 999;
display: none;
opacity: 0.8;
margin: 0 0 0 20px;
}
#middlebar ul .submenubar li{
background:none;
display:block;
float:none;
margin:0 6px;
border:0;
height:auto;
line-height:normal;
}
#middlebar .submenubar li a{
background:none;
display:block;
float:none;
padding:6px 6px;
margin:0;
border:0;
height:auto;
color:#ebebeb;
line-height:normal;
}
#middlebar .submenubar li a:hover{
background:#e3edef;
}

/**gallery feature slideshow **/
.dg-container{
	width: 100%;
	height: 480px;
	position: relative;
	margin: 20px 0 20px 0;
}
.dg-wrapper{
	width: 416px;
	height: 260px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	width: 416px;
	height: 260px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	padding: 0;
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	padding: 0px;
}
.dg-wrapper a div{
	text-align: center;
	color: #898989;
	font: 12px 'Actor', arial, sans-serif;
	width: 100%;
	display: none;
	position: absolute;
	margin:30px 0 20px 0;
}

.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}

/**gallery section**/

.gallery_category_title
{ 	display:none; }

.mbpgallery-category-box-file {
background: none repeat scroll 0 0 
#FCFCFC;
border: 1px solid 
#d7d7d7;
float: left;
margin: 5px;
overflow: visible;
padding: 10px;
text-align: center;
}

.mbpgallery-category-box-file {
width: 210px !important;
height: 140px !important;
}

.mbpgallery_category_wrapper {
margin: 20px 0 20px 0;
float: left;
}

.list-about  li{
	list-style:none;
	padding:5px 10px;
}


/**jquery accordian**/

figcaption {
	margin: -160px 0px 0px;
	display: block;
	z-index: 999;
	background-color: black;
	opacity: 0.7;
	padding: 20px;
	color: white;
}

figcaption a {
	color:#00bff3;
}

.accordion { text-align: left; }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 { 
	color: black;
    font-size: 16px;	 
	font-weight: normal;
	margin: 0; 
	z-index: 100; 
	position: absolute; 
	top: 0; 
	left: 0; 
	-webkit-transform: translateX(-100%) rotate(-90deg); 
	-webkit-transform-origin: right top; 
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top; 
	-o-transform: translateX(-100%) rotate(-90deg); 
	-o-transform-origin: right top; 
	transform: translateX(-100%) rotate(-90deg); 
	transform-origin: right top;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
}
.accordion .slide > h2 span { 
    display: block; 
    padding-right: 8%; 
    text-align: right; 
    height: 90%;
    margin-top: 5px; 
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.accordion .slide > h2 b { 
    display: inline-block; 
    position: absolute; 
    top: 13%; 
    left: 10%; 
    text-align: center; 
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    transform: rotate(90deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.accordion .slide > h2:hover { cursor: pointer }
.accordion .slide > div { height: 100%; position: absolute; top: 0; z-index: 10; overflow: hidden; background: white }
.accordion noscript p { padding: 10px; margin: 0; background: white }

/****************************************** Basic */
.basic .slide > h2 { background: #333; color: white; line-height: 225% }

/****************************************** Dark */
.dark { 
    border: 9px solid #353535; 
    border-bottom-width: 8px; 
    padding: 5px 5px 6px 0; 
    background: #030303; 
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -ms-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
	box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.dark .slide > h2 { background: #030303; text-shadow: 0 -1px 0 #030303; line-height: 265% }
.dark .slide > h2 span { background: #353535; color: white }
.dark .slide > h2 b { background: #353535; color: #030303; text-shadow: -1px 1px 0 #5b5b5b }
.dark .slide > h2.selected span, .dark .slide > h2.selected span:hover { 
    background: #353535;
    background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
    background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
    background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
    background: linear-gradient(left,  #353535 0%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
.dark .slide > h2.selected b { 
    background: #383838;
    background: -moz-linear-gradient(top,  #3a3a3a 0%, #363636 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#363636));
    background: -webkit-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -o-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: -ms-linear-gradient(top,  #3a3a3a 0%,#363636 100%);
    background: linear-gradient(top,  #3a3a3a 0%,#363636 100%);
}
.dark .slide > div { background: #030303; margin-left: 5px }

/***************************************** Light */
.light { 
    border: 9px solid white; 
    border-bottom-width: 8px; 
    padding: 5px 5px 6px 0; 
    background: #a0a0a0; 
    -webkit-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);    
    -o-box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4); 
	box-shadow: -1px -1px 0 #c0c0c0, 1px 1px 0 #c0c0c0, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.light .slide > h2 { background: #a0a0a0; text-shadow: 0 -1px 0 white; line-height: 265% }
.light .slide > h2 span { 
    background: #fcfcfc;
    background: -moz-linear-gradient(left,  #fcfcfc 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fcfcfc), color-stop(100%,#ededed));
    background: -webkit-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -o-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: -ms-linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    background: linear-gradient(left,  #fcfcfc 0%,#ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=1 );
    -webkit-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset; 
    -moz-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    -o-box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
	box-shadow: -1px -1px 0 #909090 inset, 1px 1px 0 #909090 inset;
    color: #909090;
}
.light .slide > h2 b { background: #ffffff; color: #909090; text-shadow: -1px 1px 0 white }
.light .slide > h2.selected span, .light .slide h2.selected span:hover, .light .slide > h2.selected b { background: #ffffff }
.light .slide > div { background: #a0a0a0; margin-left: 5px }

/**************************************** Stitch */
.stitch {
    position: relative;
    padding: 5px 0 5px 5px;
    border: 11px solid #353535;
    background: #353535;
    -webkit-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -moz-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4); 
    -o-box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -1px 0 #5b5b5b inset, 0 5px 15px rgba(0, 0, 0, 0.4);
}
.stitch:before { 
    content: ''; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: -9px; 
    left: -9px; 
    background: #353535; 
    border-width: 9px;     
    -webkit-border-image: url('bg_stitch.png') 9 repeat; 
    -moz-border-image: url('bg_stitch.png') 9 repeat;
    -o-border-image: url('bg_stitch.png') 9 repeat;
    border-image: url('bg_stitch.png') 9 repeat;   
}
.stitch .slide > h2 { background: #353535 }
.stitch .slide > h2 span {
    height: auto;
    padding-right: 5%;
    color: white;
    text-shadow: -1px 1px 0 #5b5b5b;
    border-width: 9px; 
    background-image: url('bg_noise.png');
    margin-top: 0;
    -webkit-border-image: url('bg_stitch.png') 9 repeat; 
    -moz-border-image: url('bg_stitch.png') 9 repeat;
    -o-border-image: url('bg_stitch.png') 9 repeat;
    border-image: url('bg_stitch.png') 9 repeat;
}
.stitch .slide > h2.selected:after { 
    content: ''; 
    display: block; 
    height: 11px; 
    width: 11px; 
    position: absolute; 
    bottom: -3px; 
    right: 38px;
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    border-width: 9px;
    border-top: 0;
    border-left: 0; 
    -webkit-border-image: url('bg_stitch.png') 9 repeat; 
    -moz-border-image: url('bg_stitch.png') 9 repeat;
    -o-border-image: url('bg_stitch.png') 9 repeat;
    border-image: url('bg_stitch.png') 9 repeat;
    background-image: url('bg_noise.png');  
}

.stitch .slide:nth-child(1) > h2 span, .stitch .slide:nth-child(1) > h2:after { background-color: #0076a3 }
.stitch .slide:nth-child(2) > h2 span, .stitch .slide:nth-child(2) > h2:after { background-color: #0076a3 }
.stitch .slide:nth-child(3) > h2 span, .stitch .slide:nth-child(3) > h2:after { background-color: #0076a3 }
.stitch .slide:nth-child(4) > h2 span, .stitch .slide:nth-child(4) > h2:after { background-color: #0076a3 }
.stitch .slide:nth-child(5) > h2 span, .stitch .slide:nth-child(5) > h2:after { background-color: #0076a3 }
.stitch .slide > h2 b { top: 19%; color: white; text-shadow: 1px 1px 0 #5b5b5b }
.stitch .slide > div { margin-right: 6px }
.stitch.rounded > ol { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }

/*************************************** Rounded */
.rounded, .rounded > ol { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px }
.rounded .slide > h2 span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px }

/******************************************** IE */
.ie .slide > h2 b { top: 42%; left: 5% }
.ie9 .slide > h2 { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top }
.ie.dark .slide > h2 b, .ie.light .slide > h2 b { top: 44% }
.ie9.dark .slide > h2.selected span, .ie9.dark .slide > h2.selected span:hover, .light .slide > h2 span { filter: none }
.ie9.stitch { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4); }

.ie.stitch .slide > h2 { line-height: 265% }
.ie.stitch .slide > h2 span { height: 89%; padding-right: 8% }
.ie.stitch .slide > h2 b { top: 33% } 
.ie.stitch .slide > h2.selected:after { display: none }
.ie.stitch .slide-0 > h2 span { background-color: #c25252 }
.ie.stitch .slide-1 > h2 span { background-color: #ca9859 }
.ie.stitch .slide-2 > h2 span { background-color: #96ba5f }
.ie.stitch .slide-3 > h2 span { background-color: #59abb7 }
.ie.stitch .slide-4 > h2 span { background-color: #bb6098 }