html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-family: 'Helvetica', 'Arial', sans-serif;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}
.notfilled { border: 1px solid #ff0000 !important; }

.clear {clear: both;}
a {
	color: #2a74ba;
	text-decoration: none;
	-webkit-transition: all 200ms ease-out ;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.transition {
	-webkit-transition: all 200ms ease-out ;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
strong {font-weight: 700;}
u {text-decoration: uppercase;}
hr {border: 0; height: 6px; background-color: #ecf2f9;}
.wrapper {width: 950px; margin: 0 auto;	padding: 0 25px; position: relative; overflow: hidden;}
.level_5 {z-index: 5; position: relative;}
.level_4 {z-index: 4; position: relative;}
.level_3 {z-index: 4; position: relative; margin-top: -150px;}
.level_2 {z-index: 2; position: relative;}
.level_1 {z-index: 1; position: relative;}

.top_logo{width: 332px;}
.top_logo img{width: 332px;}


.head_bg {background: url(../images/header_bg.jpg) no-repeat center top; width: 100%;}
.header {padding-top: 18px;}
.top_log {float: left;}
.top_menu {float: right; list-style: none; margin-top: 22px;}
.top_menu li {display: inline-block;}
.top_menu li a{display: inline-block; padding: 5px 10px; text-transform: uppercase; color: #fff; font-family: Helvetica, Arial; font-weight: 700;}
.top_menu li a:hover,.top_menu li a.active {color: #000; background-color: #fff;}
.header_hr {height: 4px; width: 100%; background: rgba(255,255,255,0.2); margin-top: 15px;}
.social_icons {list-style: none; text-align: right; margin-top: 13px;}
.social_icons li {display: inline-block; margin-left: 4px;}
.social_icons li a {display: block; width: 23px; height: 23px;}
.social_icons li a:hover {opacity: 0.8;}
.social_icons .facebook {background: url(../images/social_icons.png) no-repeat;}
.social_icons .twitter {background: url(../images/social_icons.png) no-repeat -27px 0;}
.social_icons .google {background: url(../images/social_icons.png) no-repeat -55px 0;}
.social_icons .linkedin {background: url(../images/social_icons.png) no-repeat -80px 0;}

.slogan {display: block; width: 410px; padding: 0 36px; color: #fff; line-height: 25px; font-size: 18px;}
.btn {background-color: #000; color: #fff; font-weight: 700; padding: 7px 15px; display: inline-block; margin-top: 20px;}
.btn:hover {background-color: #f05124;}

.content {width: 750px; background-color: #fff; padding: 0 100px 100px; margin-top: 100px; position: relative;}
.content:before {content: ''; display: block; left: 0; margin-top: -178px; position: absolute; height: 178px; width: 950px; background: url(../images/rotate_white.png) no-repeat;}
.content h1 {font-size: 29px; text-transform: uppercase; color: #2a74ba; font-weight: 700;text-align: right; margin-bottom: -23px;
    top: -30px;
    position: relative;}
.content p {color: #515151; line-height: 20px; margin: 20px 0px;}
.content ul{color: #515151; line-height: 20px; margin: 10px 0; padding-left: 20px;}

.content h4{font-size: 15px; margin-bottom: 0px; margin-top: 25px;}
.content ol, .content ul {margin-left: 25px;}

.noportfolio .content{padding-bottom: 0px; min-height: 190px;}

.third {position: relative; text-align: center; width: 32%; display: inline-block; vertical-align: top;}
.third img {background-size: 100% !important; -webkit-transition: all 200ms ease-out ; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}
.third:hover img {background-size: 105% !important;}
.third:hover span {background: rgba(42,116,186,0.8); color: #fff;}
.third span {position: absolute; top: 123px; left: 1%; z-index:1; background: rgba(255,255,255,0.9); display: block; text-align: center; width: 98%; padding: 10px 0; font-size: 15px; font-weight: 700;-webkit-transition: all 200ms ease-out ; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}

.arrow_bottom {display: block; width: 92px ; height: 92px; background: url(../images/arrow_bottom.png) no-repeat;  position: absolute; left: 50%; z-index: 1; margin-left: -46px; top: -143px;}
.blue {background-color: #2a74ba; color: #fff; margin: 178px 0; padding-bottom: 0;}
.blue:before {background: url(../images/rotate_blue.png) no-repeat;}
.blue:after {content: ''; display: block; left: -1px; position: absolute; height: 178px; width: 950px; background: url(../images/rotate_blue_180.png) no-repeat;}
.blue h1, .blue p {color: #fff;}
.project_item {padding-top: 30px; background-color:#2a74ba;}
.project_item  img{float: left; margin-right: 30px; width: 220px;}
.project_desc {float: right; width: 480px;}
.project_desc p {margin-top: -3px; margin-bottom: 5px !important;}
.project_desc a:hover {background-color: #fff; color: #000;}
#prev {display: inline-block; width: 30px; height: 30px; background: url(../images/slider_arrows.png) no-repeat; margin: 10px 5px 0; font-size: 0px;}
#next {display: inline-block; width: 30px; height: 30px; background: url(../images/slider_arrows.png) -44px 0 no-repeat; margin: 10px 5px 0; font-size: 0px;}

.footer_bg {background: url(../images/footer_bg.jpg) no-repeat center top; width: 100%; height: 209px;  margin-top: -221px; text-align: right; color: #fff; padding-top: 200px;}
.noportfolio .footer_bg{margin-top: 0px;}
.footer_bg p {margin-bottom: 20px;}
.footer_bg a {color: #fff;}
.footer {background-color: #000; color: #fff; padding: 20px 0;}
.copyright {float: left;}
.xi {float: right;}
.xi a{color: #fff;}

.half{width: 50%; float:left;}
.halfless{width: 45%; float:right;}
.input{width: 96%; background-color:#fff; padding:2%; border:1px solid #fff; margin-top:10px;}
.inputarea{width: 96%; height:60px; background-color:#fff; padding:2%; border:1px solid #fff; margin-top:10px;}

.blackbutton{display: block; padding:10px; text-decoration:none; background-color:#363636; font-size: 14px; font-weight:bold; text-transform:uppercase; color:#fff; text-align:center; border:0px; margin-top: 4px; width: 100%;}
.blackbutton:hover{background-color:#ff6600;}


@media (min-width:1400px) {
.head_bg{background-size: 1500px !important;}
.footer_bg{background-size: 1500px !important; margin-top: -215px !important;}
}


/* XI FRAMEWORK */
.notfilled{border: 1px solid #ff0000; background-color:#fee8e8;}
#xi-fader
{
  z-index:998;
  position:fixed;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
  display:none;
  background-image:url(images/fader.png);
}
#xi-lightbox
{
  z-index:999;
  position:absolute;
  width:100%;
  top:0px;
  left:0px;
  display:none;
  overflow:hidden;
}
#xi-lightbox-window
{
  margin-top:20px;
}