body{
	margin: 0;
	padding: 0;
	background-position: top center;
	font-family: "Helvetica", arial;
}

a{
	text-decoration: none;
	color: #277fba;
}

h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
}

p,ul,li,ol{
	margin: 0;
	padding: 0;
}

li{
	list-style-type: none;
}

img{
	border: 0;
}

#container{
width: 100%;
margin: 0 auto;
}

#header{
background: url('../images/header-bg.jpg') repeat-x;
height: 600px;
}

#header .body{
width: 940px;
padding: 40px 0 0 0;
margin: 0 auto;
}

#logo{
width: 59px; height: 56px;
background: url('../images/logo.png') no-repeat;
float: left;
}

#logo a{
display: block;
width: 100%; height: 100%;
}

#navigation{
float: right;
font-size: 18px;
}

#navigation ul{
padding: 10px 0 0 0;
}

#navigation li:first-child{
float: left;
display: block;
padding: 10px 20px 10px 0px;
border-left: 0px;
}

#navigation li:last-child{
float: left;
display: block;
padding: 10px 0px 10px 20px;
}

#navigation li{
float: left;
border-left: 1px solid #333;
display: block;
padding: 10px 20px;
}

#navigation a{
color: #ffffff;
font-weight: bold;
}


#featured-logos li:first-child{
border-left: 0px;
}

#featured-logos li{
float: left;
border-left: 1px solid #222;
padding: 0px 31px;
}

#featured-logos img{
opacity: .5;
}

#featured-logos img:hover{
opacity: 1;
}

.clear-both{
clear: both;
}

h1{
margin: 40px 0 0 0;
}

#learn-more{
text-align: center;
margin: 0 0 40px 0;
}

#content{
width: 940px;
margin: 0 auto;
}


#sidebar{
width: 300px;
background: #f9f9f9;
padding: 20px;
float: left;
}

#sidebar2{
width: 300px;
float: left;
}

#sidebar2 .sideblock{
background: #f9f9f9;
padding: 20px;
margin-bottom: 20px;
}

#sidebar2 .sideblock2{
background: #333;
padding: 20px;
margin-bottom: 20px;
}

#sidebar2 .sideblock2 p{
color: #fff;
}

#sidebar2 .sideblock2 a{
color: #277fba;
}

#sidebar2 .sideblock2 a:hover{
color: #fff;
}

#sidebar p, #sidebar2 p{
padding: 10px 0;
line-height: 26px;
font-size: 18px;
color: #777;
}

#sidebar ul,#sidebar2 ul{
margin: 20px 0 0 0;
}

#sidebar ul h2,#sidebar2 ul h2{
font-size: 16px;
margin-bottom: 10px;
color: #555;
}

#sidebar ul li,#sidebar2 ul li{
font-size: 12px;
padding: 5px 0;
}

#sidebar a,#sidebar2 a{
color: #999;
}

#sidebar a:hover,#sidebar2 a:hover{
color: #000;
}

#content-sub{
width: 500px;
float: left;
margin-top: 40px;
padding: 20px;
}

#content-port{
width: 600px;
float: left;
margin-top: 40px;
}

.entry p{
padding: 10px 0;
color: #555;
font-size: 14px;
line-height: 22px;
}

.entry{
margin-bottom: 40px;
}

.entry ol{
color: #555;
font-size: 14px;
padding: 0 20px;
}

.entry li{
list-style-type: decimal;
padding: 3px 0;
font-size: 12px;
line-height: 18px;
}

.entry h3{
margin: 0; padding: 0;
padding-bottom: 10px;
}

#learn-more h1{
font-size: 27px;
font-weight: normal;
}

#home-boxes{
width: 940px;
margin: 0px auto;
}

#home-boxes img{
border: 1px solid #eee;
}

#home-boxes ul{
font-size: 13px;
color: #7a7a7a;
}

#home-boxes ul li{
padding: 5px 0;
}

#home-boxes h2{
color: #333333;
font-size: 22px;
font-weight: normal;
padding: 7px 0;
}

#content-box,#design-box,#strategy-box{
width: 300px;
float: left;
}

#design-box,#strategy-box{
margin-left: 20px;
}

.read-more{
color: #277fba;
font-size: 13px;
padding: 15px 0;
}

#footer{
margin-top: 40px;
background: #000;
color: #777;
font-size: 11px;
}

#footer .body{
width: 940px;
margin: 0 auto;
padding: 20px 0;
}

#footer .footer-nav{
width: 200px;
font-size: 14px;
float: left;
}

#footer .footer-nav li{
padding: 2px 0;
}

#footer .footer-nav a{
color: #fff;
font-weight: bold;
}

#footer .footer-contact{
float: left;
}

#footer h3{
color: #fff;
}

#footer .phones{
padding-top: 10px;
}

#footer .copyright{
width: 300px;
float: right;
text-align: right;
}


#content-port li{
margin: 20px 0px 0px 20px;
padding: 10px;
position: relative;
background: url('../images/box-gradient.jpg') repeat-x #000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#content-port .view{
margin-top: 10px;
font-size: 12px;
position: relative;
}

#content-port .view a:hover{
color: #fff;
}

#content-port .port-image{
width: 250px;
float: left;
}

#content-port .port-desc{
float: left;
margin-left: 15px;
width: 250px;
}

#content-port .category{
position: absolute;
bottom: 0; right: 0;
background: #222;
font-size: 9px;
text-transform: uppercase;
padding: 5px;
letter-spacing: 1px;
border-radius: 0px 0px 5px 0px;
-moz-border-radius: 0px 0px 5px 0px;
-webkit-border-bottom-right-radius: 5px;
color: #999;
}

#content-port .category a{
color: #999;
border-bottom: 0;
}

#content-port li:last-child{
margin: 20px 0px 20px 20px;
}

#content-port h2{
font-size: 18px;
margin: 3px 0;
color: #fff;
}

#content-port p{
font-size: 12px;
color: #ccc;
padding: 3px 0;
line-height: 18px;
}

#project-header{
margin: 40px 0;
}

#project-image{
width: 600px;
height: 300px;
background: #333;
float: left;
font-size: 12px;
}

.project-link{
background: #b30f0f;
padding: 7px;
border-right: 1px solid #8b0000;
border-bottom: 1px solid #6d0000;
}

.project-link a{
color: #fff;
font-size: 12px;
}

.project-category{
background: #000;
color: #999;
padding: 5px;
position: absolute;
bottom: 0; right: 0;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
z-index: 5;
}

#project-details{
width: 320px;
margin-left: 20px;
float: left;
}

#project-details h4{
font-size: 10px;
text-transform: uppercase;
color: #999;
font-weight: normal;
letter-spacing: 1px;
background: #f9f9f9;
padding: 5px;
}

#project-details h2{
margin: 10px 0 20px 0;
color: #333;
font-size: 18px;
}

#project-details p{
font-size: 12px;
margin: 10px 0 20px 0;
color: #555;
}

#project-details h3{
margin: 10px 0 20px 0;
font-size: 14px;
color: #333;
}



#case-study p{
font-size: 14px;
color: #7a7a7a;
padding: 10px 0;
line-height: 22px;
}

.breadcrumbs{
border-bottom: 2px solid #eee;
padding: 5px 0;
margin: 0 0 20px 0;
font-size: 12px;
}

#content-sub label{
display: block;
padding: 4px 0;
color: #555;
font-size: 16px;
}

#content-sub form p{
padding: 0 0 10px 0;
}

#content-sub .input{
border: 1px solid #ccc;
padding: 5px;
width: 90%;
font-size: 16px;
font-family: arial;
color: #999;
}

#content-sub .input:hover{
color: #000;
}

#content-sub textarea{
border: 1px solid #ccc;
padding: 5px;
width: 90%;
height: 100px;
font-size: 18px;
font-family: arial;
}

#content-sub select{
font-size: 16px;
font-family: arial;
padding: 5px;
border: 1px solid #ccc;
color: #555;
}

#content-sub #submit{
font-size: 18px;
font-family: arial;
border: 1px solid #eee;
border-bottom: 2px solid #eee;
border-right: 2px solid #eee;
padding: 10px;
color: #555;
background: #f9f9f9;
}

#content-sub #submit:hover{
color: #000;
border: 1px solid #ccc;
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
}

#notification p{
padding: 10px;
margin: 0 0 20px 0;
font-size: 18px;
}

.error{
color: #b30f0f;
background: #fbdcdc;
border: 1px solid #e8bdbd;
}

.success{
color: green;
background: #effbeb;
border: 1px solid #c7e8bd;
}

#slider {
margin: 40px 0 0 0;
width: 940px;
height: 365px;
position:relative;
//See the "style-pack" below for image
background:url('../images/loading-black.gif') no-repeat 50% 50%; 
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}



#loading{
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
	color: #555;
	font-size: 12px;
	display: none;
}

#loading img{
	margin-right: 10px;
}

#video-container{
width: 600px !important;
height: 300px !important;
}


#slider .nivo-controlNav {
	position:absolute;
	bottom:-95px; /* Put the nav below the slider */
}
#slider .nivo-controlNav img{
	display:inline; /* Unhide the thumbnails */
	position:relative;
}

#slider .nivo-controlNav .nivo-control{
	display: block;
	height: 93px;
	padding: 0 30px;
	float: left;
	opacity: .5;
	filter: alpha(opacity = 50);
}

#slider .nivo-controlNav .nivo-control.active{
	opacity: 1;
	filter: alpha(opacity = 100);
}

#slider .nivo-controlNav .nivo-control:last-child{
	border-right: 0px;
}

.blue{
color: #277fba;
}