@charset "utf-8";


@import url("../scripts/supersized/custom.css");
@import url("fontawesome-3.2.1.min.css");
@import url("framework.css");


/* Rows
---------------------------------------------------------------------------------------------------------------*/
.row0, .row0 a{}
.row1, .row1 a{}
.row2{border-bottom:1px solid;}
.row3{border-bottom:1px solid;}
.row4a{
	color:#888888;

}

.row4 a{
	color:#fff; text-decoration:underline;

}
.row5, .row5 a{}
.row6, .row6 a{}


/* Header
---------------------------------------------------------------------------------------------------------------*/
#header{padding:30px 0; 

}
#header h1{margin:0; padding:0; font-size:32px; text-transform:uppercase;}
#header ul{margin-top:8px;}
#header li{display:inline-block; margin:0 15px 0 0; padding:0;}
#header li:last-child{margin:0;}


/* Full Width Homepage Slider
---------------------------------------------------------------------------------------------------------------------------------------*/
#slider{position:relative;}
#slider, #slider ul{
	display:block;
	width:100%;
	/* [disabled]min-width:600px; */
	height:550px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#slider ul, #slider li{position:absolute;}
#slider img{max-width:none;}

#sliderx{position:relative;}
#sliderx, #sliderx ul{
	display:block;
	width:100%;
	/* [disabled]min-width:600px; */
	height:550px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#sliderx ul, #sliderx li{position:absolute;}
#sliderx img{max-width:none;}

/* CSS Slider
---------------------------------------------------------------------------------------------------------------------------------------*/

#slider-wrapper {
  width: 100%;
  height: 140px;
  margin: auto;
  position: relative;
  margin-bottom: 0px;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}

#s1 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -36px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s2 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -12px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s3 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: 12px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s4 {
  padding: 6px;
  background: #000000;
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: 36px;
  border-radius: 20px;
  opacity: 0.3;
  cursor: pointer;
  z-index: 999;
}

#s1:hover,
#s2:hover,
#s3:hover,
#s4:hover {
  opacity: 0.5;
}

.inner-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 0px;
  overflow: hidden;
}

.control {
  display: none;
}

#Slide1:checked ~ .overflow-wrapper {
  margin-left: 0%;
}

#Slide2:checked ~ .overflow-wrapper {
  margin-left: -100%;
}

#Slide3:checked ~ .overflow-wrapper {
  margin-left: -200%;
}

#Slide4:checked ~ .overflow-wrapper {
  margin-left: -300%;
}

#Slide1:checked + #s1 {
  opacity: 1;
}

#Slide2:checked + #s2 {
  opacity: 1;
}

#Slide3:checked + #s3 {
  opacity: 1;
}

#Slide4:checked + #s4 {
  opacity: 1;
}

.overflow-wrapper {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: hidden;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.slide img {
  width: 100%;
  float: left;
}



/* Content Area
---------------------------------------------------------------------------------------------------------------*/
#container{padding:80px 0;



}

#containerb{padding:40px 0;
}


/* Content */
#container #content{}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

/* Sidebar */
#container .sidebar{

}

.sidebar .sdb_holder{
	margin-bottom:40px;
	padding-bottom: 10px;
}
.sidebar .sdb_holder:last-child{margin-bottom:0;}

#containerx{
	padding:40px 0 40px 5%;
	font-size:1em;
	line-height:1.4em;
	clear: both;
}

#containery{
	padding:0px 0 40px 5%;
	font-size:1em;
	line-height:1.4em;
	clear: both;
}


/* Footer
---------------------------------------------------------------------------------------------------------------*/
#footer{
	padding:40px 0;
	
	
	
	
}
#footer .title{
	margin:0 0 30px 0;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
}
.ftgal li{margin-bottom:10px;}


/* Copyright
---------------------------------------------------------------------------------------------------------------*/
#copyright{
	padding:20px 0;
}
#copyright p{margin:0; padding:0;}


/* Shout Box
---------------------------------------------------------------------------------------------------------------*/
.shoutbox{
	position:relative;
	padding:50px 0;
	text-align:center;
	font-size:16px;
	line-height:1.6em;
}
.shoutbox .title{font-size:32px;}
.shoutbox::after{position:absolute; bottom:0; left:50%; width:0; height:0; margin:0 0 -30px -50px; content:""; border:solid; border-width:30px 50px 0 50px;}
.shoutbox *{
	margin:0 0 0px 0;
	padding:0;
}
.shoutbox :last-child{margin:0;}

/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Navigation
---------------------------------------------------------------------------------------------------------------*/
nav ul, nav ol{
	margin:0;
	padding:0;
	list-style:none;
	
}

#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#mainav{}
#mainav ul{}
#mainav ul ul{z-index:9999; position:absolute; width:300px;}
#mainav ul ul ul{left:300px; top:0;}
#mainav li{display:inline-block; position:relative; float:left; margin:0; padding:0;}
#mainav li:last-child{}
#mainav li li{width:100%; margin:0; float:none;}
#mainav li a{
	display:block;
	padding:15px 25px;
	border:solid;
	border-width:0 1px 0px 0;
	text-transform:uppercase;
}
#mainav ul:first-child li:first-child a{
	border-width:0 1px;
}
#mainav ul:first-child ul li:first-child a, #mainav li li a{border-width:0 0 1px 0; text-transform:none;}
#mainav .drop{}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:20px; left:15px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{display:none;}
#mainav ul li:hover > ul{display:block;}

/* Breadcrumb */
#breadcrumb{padding:10px 0;}
#breadcrumb ul{margin:0; padding:0; list-style:none;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:5px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}

/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}
.sidebara nav a::after{top:9px; left:5px; }
.sidebara p{top:3px; left:5px; border:solid; border-width:0 0 1px 0; border-color:#CCC;  padding-bottom:7px;  }

/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}


/* Forms
---------------------------------------------------------------------------------------------------------------*/
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select{display:block; resize:none; font-size:inherit; box-sizing:border-box;}
label{margin-bottom:5px;}

/* Comment Area */
#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}


/* Tables
---------------------------------------------------------------------------------------------------------------*/
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top; box-sizing:border-box;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery
---------------------------------------------------------------------------------------------------------------*/
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons
---------------------------------------------------------------------------------------------------------------*/
.faico{margin:0; padding:0; list-style:none;}
.faico li, .faico div{display:inline-block; float:left; margin:0 2px 0 0; padding:0; line-height:normal;}
.faico :last-child{margin-right:0;}

[class^="faicon-"], [class*=" faicon-"]{display:table-cell; width:40px; height:40px; font-size:20px; line-height:20px; text-align:center; vertical-align:middle;}
[class^="faicon-"], [class*=" faicon-"], .faico.coloured a:hover{color:#FFFFFF; background-color:#333333;}

.faico .faicon-bitcoin:hover, .faico.coloured .faicon-bitcoin{background-color:#F7931A;}
.faico .faicon-dribble:hover, .faico.coloured .faicon-dribble{background-color:#EA4C89;}
.faico .faicon-dropbox:hover, .faico.coloured .faicon-dropbox{background-color:#3D9AE8;}
.faico .faicon-facebook:hover, .faico.coloured .faicon-facebook{background-color:#3B5998;}
.faico .faicon-flickr:hover, .faico.coloured .faicon-flickr{background-color:#FF0084;}
.faico .faicon-google-plus:hover, .faico.coloured .faicon-google-plus{background-color:#DB4A39;}
.faico .faicon-instagram:hover, .faico.coloured .faicon-instagram{background-color:#3F729B;}
.faico .faicon-linkedin:hover, .faico.coloured .faicon-linkedin{background-color:#0E76A8;}
.faico .faicon-pinterest:hover, .faico.coloured .faicon-pinterest{background-color:#C8232C;}
.faico .faicon-rss:hover, .faico.coloured .faicon-rss{background-color:#EE802F;}
.faico .faicon-skype:hover, .faico.coloured .faicon-skype{background-color:#00AFF0;}
.faico .faicon-tumblr:hover, .faico.coloured .faicon-tumblr{background-color:#34526F;}
.faico .faicon-twitter:hover, .faico.coloured .faicon-twitter{background-color:#00ACEE;}
.faico .faicon-vk:hover, .faico.coloured .faicon-vk{background-color:#4E658E;}
.faico .faicon-youtube:hover, .faico.coloured .faicon-youtube{background-color:#C4302B;}

/* .faico a{border-radius:50%;} */


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Colours
---------------------------------------------------------------------------------------------------------------*/
body{color:#888888; background-color:#333333;}



a{
	color:#fff;
	/* [disabled]background-color: #CCC; */
}

ax{ color:#252525;
	background-color: #CCC;
}

hr, .borderedbox{
	border-color:#FFF;
}

.borderedboxnb{
	border-color:none;
}

label span{color:#FF0000; background-color:inherit;}


/* Rows */
.row1, .row1 a{
	color:#888888;
	background-color:#252525;
}
.row2, .row2 a{
	color:#FFF;
	background-color:#252525;
}
.row2{border-color:#333333;}
.row3{color:#888888; background-color:#F7F7F7; border-color:#D7D7D7;}
.row4{
	color:#888888;
	background-color:#FFF;
}

.row10{
	color:#888888;
	background-color:#FFF;
	
}
.row10pre{
	color:#888888;
	background-color:#FFF;
	
background-image: url("images/preliminary.gif");
    background-repeat: repeat;
	background-position: left;
	background-attachment: fixed;
	 }
	
	.row10arch{
		color:#888888;
	background-color:#FFF;
background-image: url("images/legacy.gif");
    background-repeat: repeat;
	background-position: left;
	background-attachment: fixed;}

.row10 a{
	color:#888888; text-decoration:underline;
}

.row5{color:#888888; background-color:#1E1E1E;}
.row6, .row6 a{color:#888888; background-color:#333333;}


/* Shout Box */
.shoutbox::after{border-color:transparent; border-top-color:#333333;}


/* Navigation */
#mainav li a{
	color:#888;
	border-color:#5B5B5B;
}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{
	color:#FFF;
	background-color:inherit;
}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{
	color:#FFFFFF;
	background-color:#FF9340;
}

#breadcrumb a{color:#888888; background-color:inherit;}
#breadcrumb li:last-child a{
	color:#643136;
}

#container .sidebar nav a{
	color:#888888;
	border-color:#D7D7D7;
}
#container .sidebar nav a:hover{
	color:#FF9340;
}

#containerb .sidebar nav a{
	color:#888888;
	border-color:#D7D7D7;
}
#containerb .sidebar nav a:hover{
	color:#C0C0C0;
}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current{color:#FFFFFF; background-color:#000000;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea 
{border-color:#D7D7D7; style:line;}
	
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}
#d {
	color: #FF9340;
}
#csz { color: #252525; }
#bia { color: #fff; }
#bcsz { color: #888888; }
.c16px {
	font-size: 18px;
}



/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.size12px {
	font-size: 12px;
}
#top .wrapper.row4 .one_half.first .testimonial.clear1 .three_quarter .testimonial-author p {
	font-size: 11px;
	font-style: normal;
}