@font-face {
 font-family: 'DINWeb';
 src: url('webfonts/DINWeb.eot');
 src: url('webfonts/DINWeb.eot?#iefix') format('embedded-opentype'), url('webfonts/DINWeb.woff') format('woff'), url('webfonts/DINWeb.ttf') format('truetype'), url('webfonts/DINWeb.svg#NovecentowideBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'HelveticaNormalRegular';
 src: url('helvetic-webfont.eot');
 src: url('helvetic-webfont.eot?#iefix') format('embedded-opentype'), url('helvetic-webfont.woff') format('woff'), url('helvetic-webfont.ttf') format('truetype'), url('helvetic-webfont.svg#HelveticaNormalRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'Din';
    src: url('/fonts/dinmittelschriftstd-webfont.eot');
    src: url('/fonts/dinmittelschriftstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/dinmittelschriftstd-webfont.woff') format('woff'),
         url('/fonts/dinmittelschriftstd-webfont.ttf') format('truetype'),
         url('/fonts/dinmittelschriftstd-webfont.svg#DIN1451StdMittelschrift') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	background:url("/images/wood-bg.png") repeat fixed 0 0 transparent;
        margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
	color:#eee;
	font: 12px/22px "Merriweather",serif;
}

#subpage {

}

a {
	color:#2aade3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	clear: none;
	font-weight: normal;
	margin: 0 0 10px;
	font-family: 'HelveticaNormalRegular', Arial, sans-serif;
}
h1 {
	color:#002129;
	font-size:38px;
	line-height: 44px;
	font-weight: bold;
	letter-spacing:-1px;
}
h2 {
	color:#444;
	font-size:18px;
	line-height: 27px;
	font-family:"Merriweather", sans;
}
#columns h1 {
	color:#fff;
	font-size:38px;
	line-height: 44px;
	font-weight: normal;
	letter-spacing:-1px;
        font-family:"Din", sans;
        border-bottom:1px dotted #fff;
        padding: 0 0 5px 0;
        margin: 0 0 20px 0;
}


#columns h2 {
	color:#fff;
	font-size:18px;
	line-height: 27px;
	font-family:"Merriweather", sans;
}


h3 {
  color: #444444;
    font-size: 24px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
    font-family:"Din", sans;
}
h4 {
	font-size: 12px;
	line-height: 20px;
	color:#444;
	font-weight: normal;
	margin: 0 0 4px;
}
p {
	margin: 0 0 15px;

}
p strong {
	
}
p img {
	margin-top: 0;
}
/* "Register" HTML5 elements */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	display: block;
}
/* Columns */
/* Columns */
.column-1-2, .column-1-3, .column-1-4, .column-1-6, .column-3-4 {
	float: left;
	margin: 0 20px 0 0;
}
.column-1-2 {
	width: 460px;
}
.column-1-3 {
	width: 300px;
}
.column-1-4 {
	width: 220px;
}
.column-1-6 {
	width: 95px;
}
.column-3-4 {
	width: 660px;
	margin: 0 0 0 60px;
}
.column-end {
	margin-right: 0;
}

/* BreadCrumb */
#breadcrumb {
	background: none;
}
#breadcrumb .links {
	padding: 5px 0 9px 15px;
	font-size: 11px;
	line-height: 16px;
	color:#eee;
	width: 936px;
	margin: 15px 0 -10px 0;
	font-family:"DINWeb", sans;
}
#breadcrumb a {
	color: #eee;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #fff;
}
#breadcrumb span {
	color:#eee;
}


/* main welcome  */
.welcome {
	margin:auto;
	padding:117px 0 35px 0;
	width:960px;
}

.welcome h2 {
	color:#002129;
	font-family:"Din";
	line-height:50px;
	font-size:50px;
	letter-spacing:-1px;
}
.subheader_spacer {
	margin:auto;
	padding:10px 0 20px 0px;
	width:960px;
	margin-top:5px;
}

.subheader_spacer h1 {
	color:#fff;
	font-family:"Din";
	line-height:50px;
	font-size:50px;
	letter-spacing:-1px;
}

.subheader_spacer h2 {
	color:#fff;
	font-family:"Din", sans;
	line-height:44px;
	font-size:40px;
	letter-spacing:-1px;
}
/* Header */
#go-home {
    -moz-border-radius:8px 80px 80px 80px;
	-webkit-border-radius:8px 80px 80px 80px;
    float: left;
	background: -moz-linear-gradient(center top, #EDEDED 0%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	-moz-box-shadow:0 1px 0 #DEDEDE inset;;
    height: 119px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 119px;
	display:block;
	padding:10px;
}
#go-home a {
	-moz-border-radius:7px 70px 70px 70px;
	-webkit-border-radius:7px 70px 70px 70px
    height: 117px;
    width: 117px;
	-moz-box-shadow: 0 2px 5px #aaaaaa;
	padding:1px;
	display:block;
}

#go-home a span {
    -moz-border-radius:7px 70px 70px 70px;
 	-webkit-border-radius:7px 70px 70px 70px;
    height: 117px;
    width: 117px;
 	background: -moz-linear-gradient(center top, #FFFFFF 0%, #EDEDED 100%) repeat scroll 0 0 transparent;
    background-clip: border-box;
    background-color: transparent;
    display: block;
    line-height: 53px;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center;
    text-indent: -9999px;
}


#go-home a span span {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("/images/logo.png");
    background-origin: padding-box;
    background-position: center 27px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
#go-home:active a span span {

}

#go-home  a:hover span span{
	background-image: url("/images/logo.png");
    background-origin: padding-box;
    background-position: center 27px;
    background-repeat: no-repeat;
    background-size: auto auto;
	background-color: -moz-linear-gradient(center top, #ffffff 1%, #f2f2f2 100%) repeat scroll 0 0 transparent !important;
}


#header_container{
    width: 100%;
	height:92px;
	position:relative;
	z-index:90;
}

#header {
	width: 960px;
	margin: 0 auto;
	height: 20px;
	position: relative;
	z-index: 10;
	border-top:4px solid #26adec;
}

#introheader {
	width: 940px;
	margin: 25px auto 0px;
	height: 170px;
	position: relative;
}

#logo {
	float: left;
	width: 140px;
	height: 46px;
	padding: 47px 0 0 1px;
	background:url("/img/logo-bottom2.png") no-repeat scroll center center;
}
#phone {
	padding: 0 0 0 20px;
	font-size:18px;
	line-height: 26px;
	color: #fff;
	font-family: "Din", sans;
	position: absolute;
	top: 17px;
	left: 150px;
}
/* Main Menu  */
#nav_container{
        width: 100%;
        height:41px;
        bottom:0;
        display:block;
        position:absolute;
}

#nav_wrapper{
height:10px;
margin:0 auto;
position:relative;
width:960px;
z-index:-1;
}

#menu {
	padding: 0;
	position: absolute;
	font-size: 13px;
	line-height: 18px;
	color: #2aade3;
	right: 0;
	top: 17px;
	z-index: 9;
}
ul#topnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#topnav li {
	float: left;
	position: relative;
}
#topnav li a {
	float: left;
	padding: 7px 17px 5px;
	color:#eee;
	text-transform: capitalize;
	text-decoration: none;
	font-family: 'DINWeb', sans;
	font-weight: normal;
}
#topnav li.hover a, #topnav li a:hover, #topnav li.current_page_item a {
	color:#fff;
	background: #2aade3;
	text-decoration: none;
}
#topnav li .sub {
	position: absolute;
	top: 30px;
	left: -50%;
	padding: 15px 10px 18px;
	float: left;
	display: none;
	background: #2aade3;
}
#topnav li ul {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
#topnav li li {
	float: none;
	padding: 0 5px;display:block;
}
#topnav li li a, #topnav li.current_page_item li a {
	display: block;
	float: none;
	padding: 5px 0;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	font-family: 'DINWeb', sans;
	font-weight: normal;
	border-bottom: 1px solid #55bde9;
}
#topnav li li.last a {
	border-bottom: none;
}
#topnav li li a:hover, #topnav li li.current_page_item a {
	color:#0a4c67;
}
/* Main */

#main_wrapper {
	padding-top: 5px;
	background:url("/images/b_trans.png") repeat scroll 0 0 transparent;
	margin:0;
	overflow:hidden;
        border-top:1px solid #26adec;
}
#main {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#main_inner {
	width: 960px;
	margin: 30px auto;
	position: relative;
	z-index: 1;
	padding: 20px;
}


/* Banner */
#banner-wrapper {
	position: relative;
	z-index: 1;
    margin-top:9px;
	background:url("/images/banner_bgbtm.png") repeat-x scroll 0 bottom transparent;
}
.banner {
	background: url("/img/glow1.png") no-repeat scroll center top transparent;
}
#slide-wrap {
	height: 478px;
	position: relative;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#slides {
	list-style: none;
	padding: 0;
	margin: 0;
	display:block;
	height:460px;
}
#slides li {
	width: 990px;
	padding:28px 0 0;
}
#slides li img {
	float: none;
	margin:30px 0 0 0;
}
.banner-text {
	float: left;
	width: 450px;
	padding: 49px 30px 0 0;
}
.banner-text h1 {
	margin: 0 0 0;
	padding: 0 0 5px 0;
	text-transform:capitalize;
	letter-spacing:-1px;
        color:#fff;
        font-size:45px;
	position:relative;
	font-family:"Din",sans;
	font-weight:bold;
}

.banner-text h2 {
	margin: 0 0 0;
	padding: 23px 0 35px 0;
	text-transform:none;
    color:#fff;
    font-size:24px;
	position:relative;
	font-family:"Dinweb",sans;
	font-weight:normal;
	line-height:26px;
}

.banner-text p {
	font-size: 22px;
	line-height: 24px;
	color: #444;
	text-transform: inherit;
	padding: 0 0 0 12px;
	margin: 0 0 0px;
	font-family: "Merriweather";
    letter-spacing:-1px;
	height:70px;
}
.banner-text a.learn-more {
	font-size: 13px;
	line-height: 16px;
	color:#fff;
	text-decoration: none;
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
	background: url(/images/banner_btn_bg.png) no-repeat 0 -35px;
	text-transform: uppercase;
	font-family: 'DINWeb', sans;
	box-shadow: 1px 1px 3px #dedede;
}
.banner-text a.learn-more span {
	padding: 0 42px 0 0;
	height: 33px;
	line-height: 35px;
	float: left;
	background: url(images/banner_btn_bg.png) no-repeat 100% 0;
}
.banner-text a.learn-more:hover {
	color:#fff;
	text-decoration: none;
	box-shadow: 0px 0px 6px #2dc2f0;
}

.banner-text-intro {
	float: left;
	width: 940px;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #d9d9d9;
}
.banner-text-intro h1 {
	margin: 0 0 20px;
	padding: 0;
	text-transform:lowercase;
	letter-spacing:-4px;
	color:#fff;
	font-size:70px;
}
.banner-text-intro p {
	font-size: 22px;
	line-height: 28px;
	color: #eeeeee;
	text-transform: uppercase;
	padding: 0 0 0 3px;
	margin: 0 0 19px;
	font-family: 'DINWeb', sans;
	letter-spacing:-1px;
}




#slide-nav {
	padding: 0px 0 0 0;
	width: 180px;
	height: 12px;
	position: relative;
	left: 0;
	top: -50px;
	z-index: 9;
}
#slide-nav a {
	float: left;
	width: 25px;
	height: 14px;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 7px 0 0;
	background: #666;
}
#slide-nav a:hover, #slide-nav a.activeSlide {
	background: #00ccff;
}
.slide-prev, .slide-next {
	position: absolute;
	top: 166px;
	text-indent: -999px;
	overflow: hidden;
	width: 42px;
	height: 42px;
	background-image: url(images/slide_arws.png);
	background-repeat: no-repeat;
}
.slide-prev {
	left: 15px;
	background-position: 0 0;
}
.slide-prev:hover {
	background-position: 0 -44px;
}
.slide-next {
	right: 15px;
	background-position: -44px 0;
}
.slide-next:hover {
	background-position: -44px -44px;
}

/* Sub Headings */
#subheading {
	}
#subheading .text {
	width: 940px;
	margin: 0 auto;
	padding: 65px 0 10px;
}
#subheading h1 {
	font-size: 50px;
	line-height: 48px;
	margin: 0 0 6px;
	letter-spacing:-2px;
}
#subheading h2 {
	font-size: 24px;
	line-height: 29px;
	color: #cccccc;
}



#main {
	padding: 45px 0 35px;
}
/* Collapsible Blok */
.block {
	margin: 0 0 28px;
	padding: 0 0 20px;
}
.block .header {
	display: block;
	width: 100%;
}
.toggle {
	color:#41616F;
	font-size: 11px;
	float: right;
	text-decoration: none;
	padding: 0 0 0 14px;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	background-image: url(images/arrow_collapse.png);
	background-repeat: no-repeat;
}
.collapse {
	background-position: 0 7px;
}
.expand {
	background-position: 0 -7px;
}

.tog2 {
	color:#eee;
	font-size: 11px;
	float: right;
	text-decoration: none;
	padding: 0 0 0 14px;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	background-image: url(images/arrow_collapse.png);
	background-repeat: no-repeat;
	height:12px;
}
.block .header h2 {
	color:#002129;
	float: left;
	padding: 0 23px 15px 0;
	margin: 0;
	font-family: "Din";
	font-size:26px;
	text-transform:capitalise;
	letter-spacing:-1px;
}
/* What we do */
#what-we-do ul, ul#overview {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#overview {
	width: 720px;
	margin: 0 -20px 0 0;
	padding: 0 0 17px;
}
#what-we-do ul li {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
	position: relative;
	overflow: hidden;
	display: inline;
}
ul#overview li {
	float: left;
	width: 206px;
	margin: 0 20px 15px 0;
	position: relative;
	overflow: hidden;
	display: inline;
}
#what-we-do ul li img, ul#overview li img  {
	display: block;
}
#what-we-do ul li.last, ul#overview li.last {
	margin-right: 0;
}
#what-we-do li div, ul#overview li div  {
	width: 194px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:url("/images/d_trans.png") repeat scroll 0 0 transparent;
	padding: 12px 13px 3px;
}

ul#overview li div  {
width: 194px;
	position: absolute;
	left: 0;
	bottom: 0;
	background:url("/images/b_trans.png");
	padding: 12px 13px 3px;
}



#what-we-do h3, ul#overview li h3 {
	color:#fff;
	font-weight: bold;
	margin: 0;
	padding: 0 0 9px;
	text-transform:uppercase;
	font-family:"DINWeb", sans;
}
#what-we-do h3 a, ul#overview li h3 a  {
	color:#fff;
	text-decoration: none;
	font-size:15px;
	letter-spacing:0px;
	font-weight:normal;
}
#what-we-do h3 a:hover, ul#overview li h3 a:hover {
	text-decoration: underline;
}
#what-we-do p, ul#overview li p {
	color:#ddf1fa;
	margin: 0;
	padding: 0 0 8px;
	display: none;
 	line-height: 18px;
}
/* What we have done */
#what-we-have-done {
	padding: 0 0 18px;
}
#what-we-have-done .header h2 {
	padding: 0 23px 13px 0;
	margin: 0;
	text-transform:capitalize;
	font-family:"Din";
	color:#fff;
}

#what-we-have-done .header h1 {
	padding: 0 23px 13px 0;
	margin: 0;
	text-transform:capitalize;
	font-family:"Din";
	font-size:34px;
	color:#002129;
}
#what-we-have-done ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#what-we-have-done ul.clearfix {
	margin: 0;
}
#what-we-have-done ul li {
	float: left;
	margin: 0;
	position: relative;
	display: inline;
}
#what-we-have-done ul li.first {
	border-top: 3px solid #fff;
	width: 219px;
	height: 205px;
	padding: 12px 0 0;
	color:#666666;
}
#what-we-have-done li.last {
	width: 720px;
	margin-right: 0;
}
#what-we-have-done #projects {
	width: 100%;
}
#what-we-have-done #projects li, #what-we-have-done #projects li.first {
	width: 720px;
	border:none;
	padding: 0;
	margin-right: 0;
}
#what-we-have-done #projects li li, #what-we-have-done #projects li li.first, #projects li li {
	width: 200px;
	padding: 14px 10px 16px;
	background:#00a3cc;
	margin: 0 0 0 20px;
	border:none;
	height:185px;
}
#what-we-have-done #projects li li.last {
	margin-right: 0;
}
#what-we-have-done #projects li li.hover {
	background: #002129;
}
#what-we-have-done h3 {
	color:#fff;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0 3px;
	text-transform:uppercase;
font-size:14px;
}
#what-we-have-done li li li img {
	margin: 0 0 10px;
	padding: 0 3px;
}
#what-we-have-done li li li p {
	margin: 0 0 14px;
	padding: 0 3px;
	color:#777;
}

#what-we-have-done a {

}

span.grid-box {
    display: block;
    float: left;
}
.grid-box {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/img/grid-bg.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    height: 220px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 18px;
    margin-top: 0;
    padding-bottom: 13px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    position: relative;
    width: 220px;
}

.grid-info {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/img/trans-hover.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #C3C3C3;
    display: none;
    font-family: 'Din';
    font-size: 15px;
    height: 200px;
    left: 7px;
    line-height: 25px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    top: 6px;
    width: 190px;
    z-index: 3;
}

.grid-info span {
    color: #FFFFFF;
    font-family: 'Din';
    font-size: 20px;
}

.grid-box img {
    height: 210px;
    left: 7px;
    position: absolute;
    top: 6px;
    width: 210px;
    z-index: 2;
}

.work-dets {
    float: left;
    margin-bottom: 40px;
    margin-right: 20px;
    padding-top: 20px;
    width: 680px;
}

.work-dets h2 {
    color: #fff;
    font-family: 'Din';
    font-size: 40px;
}

.work-dets p {
    color: #fff;
    font-family: 'Merriweather',serif;
    font-size: 14px;
    line-height: 22px;
    padding-top: 15px;
    width: 650px;
}

.work-dets a {
	font-family:"DINweb", sans;
	font-size:15px;
	color:#002129;
}

.work-contact {
	border-left:1px solid #eee;   
    float: left;
    margin-bottom: 25px;
    margin-top: 25px;
	padding: 0 0 40px 40px;
    width: 215px;
	color:#eee;
}
.work-contact p {
    color: #eee;
    font-family: 'Din';
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.work-contact h2 {
    color: #fff;
    font-family: 'Din';
    font-size: 18px;
	text-transform:uppercase;
	border-bottom:1px dotted #eee;
}
.work-contact a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #002129;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Din';
    font-size: 14px;
    height: 40px;
    line-height: 44px;
    margin: 30px 0 30px 0;
    text-align: center;
    width: 180px;
}

.work-contact a.hover {
	color:#002129;
	background:#fff;
}



div.link-buttons a {
	height: 16px;
	line-height: 20px;
	text-align: center;
	padding: 2px 7px;
	float: left;
	margin: 0 3px;
	background: url(images/btn_bg.gif) repeat-x 0 0;
	white-space: nowrap;
	font-size: 10px;
	color:#444;
	text-decoration: none;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cfcfcf;
}
div.link-buttons a:hover {
	color:#1685b3;
	border: 1px solid #a0cadc;
	background: url(images/btn_bg.gif) repeat-x 0 -22px;
}
div.link-buttons div:hover a {
	color:#1685b3;
}
div.link-buttons a.last {
	margin-right: 0;
}
#page .link-buttons {
}
#page .link-buttons div.button {
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #cfcfcf;
	padding: 0;
	margin: 0 3px;
	background: url(images/btn_bg.gif) repeat-x 0 0;
	height: 22px;
	float: left;
	display: inline-block;
}
#page .link-buttons div.button span {
	background: none;
	margin: 0;
	white-space: nowrap;
	font-size: 10px;
	color:#444;
	text-decoration: none;
	font-family: 'DINWeb', sans;
	text-align: center;
	font-weight: normal;
	height: 18px;
	line-height: 20px;
	float: left;
	padding: 2px 7px;
	letter-spacing: 0;
}
#page .link-buttons div.button:hover span, #page .link-buttons div.hover span {
	color:#1685b3;
	background: none;
}
#page .link-buttons div.button:hover, #page .link-buttons div.hover {
	border: 1px solid #a0cadc;
	background: url(images/btn_bg.gif) repeat-x 0 -22px;
}
#page .link-buttons input {
	height: 22px;
}
#page .link-buttons div.last {
}
.pro-nav, .client-nav {
	position: absolute;
	bottom: 1px;
	left: 0;
	overflow: hidden;
}
.pro-nav span, .client-nav span {
	display: block;
	font-size: 11px;
	line-height: 24px;
	color:#26adec;
	text-transform: capitalize;
	font-family: 'DINWeb', sans;
}
.project-next, .project-prev, .clients-next, .clients-prev {
	width: 32px;
	height: 32px;
	float: left;
	text-indent: -999px;
	background-image: url(images/nav-btns.png);
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 0 3px 0 0;
	display: inline;
}
.project-prev, .clients-prev {
	background-position: 0 0;
}
.project-prev:hover, .clients-prev:hover {
	background-position: 0 -34px
}
.project-next, .clients-next {
	background-position: 100% 0;
}
.project-next:hover, .clients-next:hover {
	background-position: 100% -34px
}


/* What we have done TWO */
#what-we-have-done2 {
	padding: 0 0 0px;
	margin-top:-25px;
	border-bottom:none;
}
#what-we-have-done2 .header h2 {
	padding: 0 23px 13px 0;
	margin: 0;
}
#what-we-have-done2 h2 {
	margin: 0;
        color:#fff;
	letter-spacing:-1px;
	text-transform:capitalize;
	font-size:34px;
	font-weight:normal;
	line-height: 35px;
	margin:0 0 27px;
	font-family:"Din";
}

#what-we-have-done2 ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#what-we-have-done2 ul.clearfix {
	margin: 0;
}
#what-we-have-done2 ul li {
	float: left;
	margin: 0;
	padding: 12px 30px 10px 0 ;
	position: relative;
	display: inline;
	width:285px;
}
#what-we-have-done2 ul li.first {
	width: 285px;
	color:#666666;
}
#what-we-have-done2 li.last {
	width: 325px;
	margin-right: 0;
	padding-right:0;
}


#what-we-have-done2 li a {
	display: block;
	border-bottom: 1px dotted #ffffff;
	text-align: left;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
}
#what-we-have-done2 li a:hover {
	color: #444;
}


#what-we-have-done2 #projects {
	width: 100%;
}
#what-we-have-done2 #projects li, #what-we-have-done #projects li.first {
	width: 720px;
	border:none;
	padding: 0;
	margin-right: 0;
}
#what-we-have-done2 #projects li li, #what-we-have-done2 #projects li li.first, #projects li li {
	width: 200px;
	padding: 14px 10px 16px;
	background:#00a3cc;
	margin: 0 0 0 20px;
	border:none;
	height:185px;
}
#what-we-have-done2 #projects li li.last {
	margin-right: 0;
}
#what-we-have-done2 #projects li li.hover {
	background: #002129;
}
#what-we-have-done2 h3 {
	color:#fff;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0 3px;
	text-transform:uppercase;
font-size:14px;
}
#what-we-have-done2 li li li img {
	margin: 0 0 10px;
	padding: 0 3px;
}
#what-we-have-done2 li li li p {
	margin: 0 0 14px;
	padding: 0 3px;
	color:#777;
}



/* What we have done it with */
#who-we-have-done-it-with .header h2 {
	padding: 0 23px 13px 0;
	margin: 0;
	text-transform:capitalize;
	color:#eeeeee;
}
#who-we-have-done-it-with ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#who-we-have-done-it-with ul li {
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	display: inline;
}
#who-we-have-done-it-with ul li.first {
	border-top: 3px solid #fff;
	width: 219px;
	padding: 12px 0 0;
	height: 184px;
	color:#eee;
}
#who-we-have-done-it-with li.last {
	width: 700px;
	margin-right: 0;
}
#clients ul {
	float: left;
	border-top: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	background:#fff;
}
#who-we-have-done-it-with #clients li, #who-we-have-done-it-with #clients li.first {
	width: 700px;
	border: none;
	padding: 0;
}
#who-we-have-done-it-with #clients li li, #who-we-have-done-it-with #clients li li.first, #clients li li {
	width: 232px;
	height: 99px;
	line-height: 139px;
	padding: 0;
	background:url(images/client_bg.gif) no-repeat 0 0;
	text-align: center;
	margin: 0;
	border-right: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
}
#who-we-have-done-it-with li li img {
	display:inline;
}

/* Inner Pages */
.page-header {
	padding: 26px 0 19px;
	margin: 0 0 16px;
}
.page-header h2 {
	font-family: 'Georgia';
	text-transform:inherit;
	font-style:italic;
	font-size:18px;
	color:#41616f:
	line-height:144%;
}

.page-header h1 {
	line-height: 33px;
	margin: 0 0 11px;
	color:#002129;
	font-size:70px;
	letter-spacing:-3px;
}
ul#services {
	list-style: none;
	margin: 28px 0 0;
	padding: 0 0 19px;
}
ul#services li {
	border-top: 1px solid #d9d9d9;
	clear: both;
	padding: 27px 0 29px 39px;
}
ul#services li img {
	float: left;
	margin: 0 34px 45px 0;
	display: inline;
}
ul#services li p {
	line-height: 17px;
}



/* Page Columns */
#columns {
	padding: 30px 0 0;
}
#columns h2.title {
	border-bottom: 1px solid #eee;
	color: #444444;
	padding: 0 0 12px;
	margin: 0 0 15px;
	text-transform:uppercase;
	font-weight:normal;
	font-size:20px;
	font-family: 'Din', sans;
}
#columns h2.title img {
	padding: 0 0 0 8px;
}

#columns h3.title {
	color: #eee;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	line-height:20px;
}


.date {
	color: #888;
	font-size: 11px;
	font-family: 'Merriweather';
	display:block;
	padding-bottom:20px;
}



.more {
	font-size: 11px;
	line-height: 26px;
}
/* Blogroll */
#blogroll h3 {
	margin: 0 0 3px;
}
#blogroll p {
	line-height: 13px;
	margin: 0;
}
ul#blogroll {
	list-style: none;
	margin: 0 0 35px 0;
	padding: 0;
}
#blogroll li {
	padding: 0 0 35px;
	margin: 0 0 20px;
	border-bottom: 1px solid #fff;
}
#blogroll li.last {
	 
}

#blogroll li h2 {
	font-family:"Din", sans;
	font-size:40px;
	line-height:38px;
	padding: 0 0 3px;
	margin: 0 0 0 0;
	border-bottom:1px solid #cccccc;
}

#blogroll li h2 a{
	color:#444444;
}

#blogroll li h2 a:hover {
	color:#26adec;
	text-decoration:none;
}

#blogroll p {
	font-size:14px;
	color:#444444;
	line-height:22px;
	font-family:'Merriweather', sans;
}

#blogroll p img{
	border:5px solid #fff;
	margin-bottom:25px;
}

/* Get Quote */
#get-quote {
	padding: 5px 0 0;
	margin: 0;
}
#get-quote input.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 8px;
	width: 204px;
	height: 28px;
	line-height: 28px;
	margin: 0 0 7px;
	background:#fff;
}
#get-quote textarea.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 8px;
	width: 204px;
	height: 78px;
	line-height: 20px;
	margin: 0 0 11px;
	resize: vertical;
	background:#fff;
}

/* Footer 2*/
#footer2 {
	border-top: 2px solid #eee;
	background:transparent;
	padding: 30px 0 50px;
	margin: 0;
}
#footer-links2 {
	width: 960px;
	margin: 0 auto;
}

/* Sidebar */
#submenu {
	border-top: 3px solid #2fafe4;
}
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 26px;
}
#submenu ul li {
	display: block;
	border-bottom: 1px dotted #d9d9d9;
	font-size: 13px;
	line-height: 17px;
}
#submenu ul li a {
	color: #fff;
	display: block;
	padding: 10px 0 9px 20px;
	font-family: 'DINWeb',sans;
}
#submenu ul li a:hover, #submenu ul li.current a {
	background: url(images/black_arw.png) no-repeat 204px 15px #e0f3fb;
	text-decoration: none;
	color: #2aade3;
}
.get-in-touch {
	width: 180px;
	padding: 16px 20px 24px;
	background: url(images/dark_bg.gif) repeat-x 0 100% #4c4c4c;
}
.get-in-touch h2 {
	font-size: 11px;
	color: #888;
	padding: 0 0 3px;
	margin: 0 0 14px;
	border-bottom: 1px solid #5d5d5d;
}
.get-in-touch h3 {
	font-size: 28px;
	color: #fff;
	padding: 0 0 14px;
	margin: 0 0 8px;
	border-bottom: 1px solid #5d5d5d;
}
.get-in-touch p {
	font-size: 11px;
	color: #888;
	margin: 0 0 11px;
}
.get-in-touch a img {
	float: left;
}
.get-in-touch a:hover img {
	box-shadow: 0px 0px 2px #000;
}


/* Contact Page */
.tabs {
	margin: 0;
	position: relative;
	z-index: 3;
	height: 32px;
	border-bottom:1px dotted #ccc;
}
.tabs ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
.tabs li {
	float: left;
	border-top: 1px solid #e0f3fb;
	border-left: 1px solid #e0f3fb;
	border-right: 1px solid #e0f3fb;
	border-bottom: 1px solid #d9d9d9;
	background: #e0f3fb;
}
.tabs li a {
	font-size: 12px;
	line-height: 20px;
	color: #2aade3;
	text-decoration: none;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	float: left;
	padding: 5px 17px 4px;
	outline: none;
}
.tabs li a:hover {
	color: #36424a;
	text-decoration: none;
}
.tabs li.active {
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #fff;
	background: #fff;
}
.tabs li.active a {
	color: #2aade3;
}
.tab-content{
	padding: 37px 0 0;
}
.tab-content h2{
	font-size: 16px;
	line-height: 25px;
	color: #444;
	margin: 10px 0 14px;
	font-family:"DINWeb";
}
.tab-content h3{
	color: #2aade3;
	font-size: 30px;
	line-height: 25px;
	font-weight: normal;
	font-family:'Din';
	text-transform:capitalize;
	letter-spacing:-1px;
}
.tab-title{
	padding: 0 0 7px;
	margin: 0 0 21px;
	border-bottom: 1px solid #d9d9d9;
}
.tab-content .column-1-4 ul{
	list-style: none;
	margin: 0;
	padding: 7px 0 0;
	background: url(images/double-line.png) repeat-x 0 0;
}
.tab-content .column-1-4 li{
	font-size: 12px;
	padding: 8px 0 9px;
	color:#666;
	border-bottom: 1px solid #d9d9d9;
	font-family: 'HelveticaNormalRegular', Arial, sans-serif;
}
.tab-content .column-3-4{
	padding: 0 0 100px;
	width: 673px;
	margin-left: 27px;
	display: inline;
}
.g-map{
	padding: 0 0 19px;
}
.g-map img{
	display: block;
}
#content .get-a-quote-form {
	padding: 7px 0 0;
}
#content .get-a-quote-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content .get-a-quote-form ul li {
	padding: 0 27px 21px 0;
}
#content .get-a-quote-form ul li.half {
	float: left;
	width: 221px;
}
#content .get-a-quote-form li.full {
	width: 100%;
	clear: both;
}
#content .get-a-quote-form li.full input.text {
	width: 452px;
}
#content .get-a-quote-form li.full div.selector, #content .get-a-quote-form li.full select.select {
	width: 466px;
}
#content .get-a-quote-form  ul li label {
	padding: 0 0 6px;
	display: block;
	font-size: 12px;
	line-height: 17px;
	color:#303030;
	font-weight: bold;
	font-family: 'HelveticaNormalRegular', Arial, sans-serif;
}
#content .get-a-quote-form  input.text {
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	background-color: #fff;
	width: 205px;
}
#content .get-a-quote-form  ul li div.selector, #content .get-a-quote-form ul li select.select {
	width: 219px;
}
#content .get-a-quote-form  div.selector select {
	left: 5px;
}
#content .get-a-quote-form div.selector span {
	width: auto;
}
#content .get-a-quote-form  textarea.textarea {
	height: 80px;
	padding: 7px;
	background-color: #fff;
	resize: vertical;
	width: 458px;
}
#content .get-a-quote-form  .checklist {
	padding: 10px 345px 0 0;
}
#content .get-a-quote-form  .checklist li {
	float: left;
	width: 163px;
	padding: 0 0 5px;
}
#content .get-a-quote-form  .checklist label {
	float: left;
	color:#777;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	padding: 1px 0 0;
}
#content .get-a-quote-form  .checker {
	float: left;
	margin: 0 11px 0 0;
	display:inline;
}
#page #content .get-a-quote-form  div.button {
	
}
#page #content .get-a-quote-form  div.button.focus, #page #content .get-a-quote-form  div.button:focus, #page #content .get-a-quote-form  div.button:hover, #page #content .get-a-quote-form  div.button.hover {
	background-position: -2px -136px;
	cursor: pointer;
	box-shadow: 0px 0px 2px #2dc2f0;

}
#content .get-a-quote-form  input.button {
	background: url(images/submit_bg.png) no-repeat 0 0;
	border:none;
	width: 136px;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 12px;
	color:#444;
	font-size: 11px;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
}


/* Footer */
#footer {
	border-top: 1px solid #fff;
	background: #eee;
	padding: 0 0 50px;
	margin: 0 0 75px 0;
}
#footer-links {
	width: 960px;
	margin: 0 auto;
	border-bottom:2px solid #eee;
}
.footer-columns {
	width: 100%;
	padding: 27px 0 22px;
}
.footer-columns h2 {
	font-size: 15px;
	line-height: 19px;
	font-family:'Din',sans;
}
.footer-columns ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-columns li {
	font-size: 12px;
	line-height: 26px;
	border-bottom: 1px dotted #d9d9d9;
	text-transform:uppercase;
	font-family: "DINWeb" ,sans;
}
.footer-columns li a:hover {
	color:#fff;
	text-decoration:none;
}
.footer-columns .column-end {
	float: right;
	text-align:right;
}
#social-network li a {
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	padding: 0 0 0 29px;
	display: block;
}
#social-network .twitter {
	background-position: 2px 5px;
}
#social-network li.twitter a {
	background-position: 2px 5px;
}
 

#social-network .facebook {
	background-position: 2px -22px;
}
#social-network li.facebook a {
	background-position: 2px -22px;
}
#social-network .linkedin {
	background-position: 2px -49px;
}
#social-network li.linkedin a {
	background-position: 2px -49px;
}
#social-network .blog {
	background-position: 2px -75px;
}
#social-network li.blog a {
	background-position: 2px -75px;
}
#social-network .rss {
	background-position: 2px -104px;
}
#social-network li.rss a{
	background-position: 2px -104px;
}
#footer-info {
	width: 960px;
	margin: 0 auto;
	padding: 32px 0 0;
	height: 45px;
}
.bottom-logo {
	padding: 0px 0 0 4px;
	float: left;
}
.copyright {
	float: right;
	text-align: right;
	font-size: 12px;
	line-height: 18px;
	font-family: "DINweb" , sans;
        color:#444;
}
.copyright h2 {
	font-size: 21px;
	line-height: 23px;
	margin: 0;
	font-family:"Din";
	font-weight:normal;
	color:#444;
	padding-bottom:5px;
}
/* Get a quote form */
#get-a-quote {
	position: fixed;
	left: -523px;
	top: 5%;
	background: url("/images/d_trans.png") repeat scroll 0 0 transparent;
	z-index: 99;
}
.get-a-quote-form {
	width: 500px;
	padding: 22px 0 17px 23px;
}
#get-a-quote .title {
	width: 31px;
	height: 112px;
	position: absolute;
	right: -31px;
	top: 25%;
	text-indent: -999px;
	overflow: hidden;
	background: url(images/get-a-quote.gif) no-repeat 0 0;
}
.get-a-quote-form {
/*display: none;*/
}
#get-a-quote h2 {
	border-bottom: 1px solid #fff;
	color:#E8EEEF;
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 5px;
	margin: 0 30px 28px 0;
	font-family: 'DINWeb', sans;
	letter-spacing:-1px;
	text-transform:uppercase;
	font-weight:normal;
}
#get-a-quote ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#get-a-quote ul li {
	padding: 0 27px 21px 0;
}
#get-a-quote ul li.half {
	float: left;
	width: 221px;
}
#get-a-quote ul li.full {
	width: 100%;
	clear: both;
}
#get-a-quote ul li.full input.text {
	width: 452px;
}
#get-a-quote ul li.full div.selector, #get-a-quote ul li.full select.select {
	width: 466px;
}
#get-a-quote ul li label {
	padding: 0 0 6px;
	display: block;
	font-size: 12px;
	line-height: 17px;
	color:#fff;
	font-weight: bold;
	font-family: 'HelveticaNormalRegular', Arial, sans-serif;
}
#get-a-quote input.text {
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	background-color: #fff;
	width: 205px;
}
#get-a-quote ul li div.selector, #get-a-quote ul li select.select {
	width: 219px;
}
#get-a-quote div.selector select {
	left: 5px;
}
#get-a-quote div.selector span {
	width: auto;
}
#get-a-quote textarea.textarea {
	height: 80px;
	padding: 7px;
	background-color: #fff;
	resize: vertical;
	width: 458px;
}
#get-a-quote .checklist {
	padding: 10px 100px 0 0;
}
#get-a-quote .checklist li {
	float: left;
	width: 163px;
	padding: 0 0 5px;
}
#get-a-quote .checklist label {
	float: left;
	color:#777;
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	padding: 1px 0 0;
}
#get-a-quote .checker {
	float: left;
	margin: 0 11px 0 0;
	display:inline;
}
#page #get-a-quote div.button {
	box-shadow: 1px 1px 3px #000;
}
#page #get-a-quote div.button.focus, #page #get-a-quote div.button:focus, #page #get-a-quote div.button:hover, #page #get-a-quote div.button.hover {
	background-position: -2px -136px;
	cursor: pointer;
	box-shadow: 0px 0px 2px #fff;
}
#get-a-quote input.button {
	background: url(images/submit_bg.png) no-repeat 0 0;
	border:none;
	width: 136px;
	height: 28px;
	line-height: 28px;
	padding: 0 0 0 12px;
	color:#444;
	font-size: 11px;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
}
/* Clearfix */
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
/* Forms */
#page div.selector {
	height: 30px;
	background: url(images/form-sprite.png) no-repeat -2px -102px;
}
#page div.selector span {
	height: 30px;
	background: url(images/form-sprite.png) no-repeat 100% -36px;
}
#page div.selector select {
	height: 30px;
	cursor: pointer;
}
#page div.selector:active, #page div.selector.active {
	background-position: -2px -102px;
}
#page div.selector:active span, #page div.selector.active span {
	background-position: 100% -36px;
}
#page div.selector.focus, #page div.selector.hover, div.selector:hover {
	background-position: -2px -102px;
}
#page div.selector.focus span, #page div.selector.hover span, div.selector:hover span {
	background-position: 100% -36px;
}
#page div.selector.focus:active, #page div.selector.focus.active, #page div.selector:hover:active, #page div.selector.active:hover {
	background-position: -2px -102px;
}
#page div.selector.focus:active span, #page div.selector:hover:active span, #page div.selector.active:hover span, #page div.selector.focus.active span {
	background-position: 100% -36px;
}
#page div.selector.disabled {
	background-position: -2px -102px;
}
#page div.selector.disabled span {
	background-position: 100% -36px;
}
#page input.text, #page input.email, #page input.password, #page textarea.uniform {
	outline: 0;
}
#page input.text:focus, #page input.email:focus, #page input.password:focus, #page textarea.uniform:focus {
	box-shadow: none;
	outline: none;
}
#page li.buttons {
	padding-top: 5px;
}
#page div.button {
	height: 28px;
	background: url(images/form-sprite.png) no-repeat -2px -136px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	box-shadow: 1px 1px 3px #eee;
}
#page div.button span {
	height: 30px;
	background: url(images/form-sprite.png) no-repeat 100% -70px;
	border:none;
	/*width: 136px;*/
	height: 28px;
	line-height: 30px;
	margin: 0 0 0 10px;
	padding: 0 41px 0 3px;
	color:#444;
	font-size: 11px;
	font-family: 'DINWeb', sans;
	text-transform: uppercase;
	text-align: left;
	cursor: pointer;
	font-weight: normal;
}
#page div.button.focus, #page div.button:focus, #page div.button:hover, #page div.button.hover {
	background-position: -2px -136px;
	cursor: pointer;
	box-shadow: 0px 0px 2px #2dc2f0;
}
#page div.button.focus span, #page div.button:focus span, #page div.button:hover span, #page div.button.hover span {
	background-position: 100% -70px;
	cursor: pointer;
}
#page div.button.active, #page div.button:active {
	background-position: -2px -136px;
}
#page div.button.active span, #page div.button:active span {
	background-position: 100% -70px;
	color: #555;
}
#page div.button.disabled, #page div.button:disabled {
	background-position: -2px -136px;
}
#page div.button.disabled span, #page div.button:disabled span {
	background-position: 100% -70px;
}
#page div.button input {
	font-family: 'DINWeb', sans;
}
@media (max-width: 800px) {
#page {
 width: 980px;
}
}
.title a{
    color: #fff !important;
}

#page .link-buttons input{
     height: 30px !important;
}
div.link-buttons a{
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/*Portfolio Items */
.our-work-gallery {
	height:auto;
	margin-bottom:30px;
}
.w4 {
    margin-left: 0;
    width: 960px;
	margin-top:0px;
}
.first, .odd {
    margin-left: 0;
}

.w1 {
    width: 235px;
}

.w1, .w2, .w3, .w4, .w7 {
    float: left;
    margin-left: 0px;
}

.our-work-gallery .project {
    height: 206px;
    margin-bottom: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 229px;
}

.our-work-gallery .project img {
    float: left;
    position: relative;
    z-index: 0;
}
	
.our-work-gallery .project .project-info {
    background-color: #002129 !important;
    clear: both;
    float: left;
    height: 40px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 16px;
    width: 210px;
}
.our-work-gallery .project .project-info a {
    color: #FFFFFF;
    float: left;
    width: 100%;
}
.our-work-gallery .project .project-info img {
    float: left;
    top: -5px;
}
.our-work-gallery .project span {
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: right;
}
.our-work-gallery .project span em {
    color: #B2B2B2;
    font-size: 11px;
    font-style: normal !important;
    font-weight: 400;
    text-align: right;
}
.our-work-gallery .project .hover {
    height: 150px !important;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    top: -206px;
    width: 230px !important;
    z-index: 10;
}
.our-work-gallery .project .hover .hover-bg {
    background-color: #0AA1C6;
    display: block;
    height: 150px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 230px;
}
.our-work-gallery .project .hover .hover-content {
    height: 120px;
    left: 0;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 4;
}
.our-work-gallery .project .hover .hover-content a {
    text-transform: capitalize;
}

.our-work-gallery .project .hover a {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1em;
}
.our-work-gallery .project .hover .hover-content ul {
    bottom: 15px;
    left: 0;
    position: absolute;
}
.our-work-gallery .project .hover .hover-content ul li {
    clear: both;
    cursor: pointer;
    float: left;
}
.our-work-gallery .project .hover .hover-content ul li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../img/arrow_right_white.gif");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 17px;
    padding-top: 0;
}

.our-work-gallery .project .hover .hover-content a {
    text-transform: capitalize;
}

.our-work-gallery .project .hover a {
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1em;
}

body ul#sharebar {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #eee;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: none;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: absolute;
    text-align: center;
    width: 65px;
    z-index: 99;
	border:1px solid #fff;
}
body ul#sharebar li {
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
}
body ul#sharebarx {
    display: none;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
}
body ul#sharebarx a {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    line-height: 14px;
}
body ul#sharebarx li {
    float: left;
    line-height: 18px;
    margin-right: 20px;
}

.sharebar-button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F7F7F7;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: #DDDDDD;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #DDDDDD;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #DDDDDD;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #DDDDDD;
    border-top-style: solid;
    border-top-width: 1px;
    color: #444444;
    display: block;
    font-family: Verdana,Arial;
    font-size: 11px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
}
.sharebar-button:hover {
    border-bottom-color: #AAAAAA;
    border-left-color-value: #AAAAAA;
    border-right-color-value: #AAAAAA;
    border-top-color: #AAAAAA;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:-999px;
	background:url("/img/ui.totop.png") no-repeat left top;
}

#toTopHover {
	background:url("/img/ui.totop.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/*	TIPSY TOOLTIP
========================================*/

.tipsy { 
    padding: 5px;
    font-size: 11px; 
    opacity: 0.8; 
    filter: alpha(opacity=80); 
    background-repeat: no-repeat;  
    background-image: url(../img/tipsy.gif); 
}

.tipsy-inner { 
    padding: 5px 8px 5px 8px; 
    background-color: black; 
    color: white; 
    max-width: 200px; 
    text-align: center;
}

.tipsy-inner {	
    -moz-border-radius:3px; 
    -webkit-border-radius:3px; 
}

.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }