/* CSS Document */
html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Tahoma, sans-serif;
	font-size:70%;
	text-align:center;
	color:#333;
	background-color:#FFF;
	background-image:url(../images/back_shadows.gif);
	background-repeat:repeat-y;
	background-position:center;
}

select, textarea, input {
	font-family:Arial, Tahoma, sans-serif;
	font-size:1em;
	color:#504f4f;
}

form {
	padding:0;
	margin:0;
}

a img {
	border:none;
}

p {
	margin-top:0;
	margin-bottom:1em;
}

/************ CONTAINER ************/

#container {
	padding:0 15px 60px;
	background-color:#FFF;
	width:940px;
	margin:0 auto;
	text-align:left;
	position:relative;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}

.wrapper {
	text-align:left;
	position:relative;
}

.keywords {
	color:#999;
	font-size:1.2em;
	border:2px solid #CCC;
	padding:0.3em 24px 0.3em 0.6em;
	background-image:url(../images/icons/magnifier.gif);
	background-repeat:no-repeat;
	background-position:right;
}

/************ HEADER ************/

#header {
	position:relative;
	padding-top:30px;
	border-bottom:1px solid #10B1D9;
}

#header .logo {
	position:relative;
	z-index:5000;
	margin-bottom:0px;
	top:-4px;
}

#header h1 {
	display:none;
}

/******** MENU ********/

#menu {
	padding:0;
	font-size:1.4em;
	position:absolute;
	top:0;
	right:0;
}

#menu li.selected {
	background-image:url(../images/menu_arrow.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:8px;
}

#menu li.selected a {
	text-decoration:none;
	border-bottom:none;
	color:#FFF;
	background-color:#000;
	padding-left:8px;
	padding-right:8px;
}

#menu li.selected ul li a {
	border:none;
	color:#4C4C4C;
	background-color:transparent;
	padding-left:0;
	padding-right:0;
}


/************ CONTENT ************/

#content {
	clear:both;
	position:relative;
	padding:2px 0;
	font-size:1.1em;
}

#content h2 {
	font-size:1.8em;
	margin-top:0;
	margin-bottom:0.8em;
	font-weight:normal;
}

#content.back {
	background-position:center;
	background-repeat:repeat-y;
	padding:10px 0;
}

#content a {
	color:#10B1D9;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#slider {
    position:relative;
    width:940px; /* Change this to your images width */
    height:420px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
	background-color:#CCC;
}

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

#slider a {
    border:0;
    display:block;
}

.nivo-controlNav {
	position:absolute;
	right:5px;
	bottom:7px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/old_bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

/*#slider_container {
	position:relative;
	height:420px;
	width:940px;
	overflow:hidden;
}

#slider, #slider img {
	width:940px;
	height:420px;
}

#slidecopy {
	width:940px;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	position:absolute;
	bottom:-30px;
	z-index:400;
}

#slidecopy p {
	margin:0;
	padding:0.5em 6px;
	color:#FFF;
}

#nav {
	position:absolute;
	bottom:7px;
	right:5px;
	z-index:500;
}

#nav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
#nav a.activeSlide {
	background-position:-10px 0;
}*/

/************ INTRO ************/

#intro .column {
	width:200px;
	float:left;
	margin-right:20px;
}

#intro p {
	line-height:1.4em;
}

#intro .one {
	width:457px;
	margin-right:26px;
}

#intro .two {
	width:457px;
	margin-right:0;
}

#intro .two .column {
	width:220px;
	float:left;
	margin-right:17px;
}

#intro .two .last {
	margin-right:0;
}

#intro h4 {
	font-size:1em;
	margin:0 0 0.2em;
	color:#000;
}

#intro h4 a {
	color:#FFF;
	display:block;
	padding:0.3em 0.6em;
	background-color:#10B1D9;
}

#intro h4 a:hover {
	color:#cfeff7;
	text-decoration:none;
}

/************ WELCOME ************/

#welcome {
	clear:both;
	position:relative;
	padding:1em 0 2em;
}

#welcome .text {
	font-size:1.1em;
	margin-bottom:43px;
}

#welcome .text h1 {
	font-size:1.7em;
	margin:0 0 0.1em;
	font-weight:lighter;
	text-transform:uppercase;
}

#welcome .text h2 {
	font-size:1.5em;
	margin:0 0 0.5em;
	font-weight:lighter;
	color:#0fb1d8;
}

#welcome .feature h2 {
	font-size:1.1em;
	margin:0 0 -8px 0;
	line-height:1em;
	color:#FFF;
	text-transform:uppercase;
	padding:4px 0;
	height:29px;
	position:relative;
	z-index:5000;
	font-family:"Arial Black", Arial, sans-serif;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#welcome h2.featuredproject {	background-image:url(../images/welcome_featured_project.png); }
#welcome h2.video {				background-image:url(../images/welcome_video.png); }
#welcome h2.teamblog {			background-image:url(../images/welcome_team_blog.png); }
#welcome h2.latestnews {		background-image:url(../images/welcome_latest_news.png); }

#welcome h3 {
	font-size:11px;
	margin:0 0 0.2em;
	padding:6px 8px;
	background-color:#f5f5f5;
	font-weight:normal;
}

#welcome h3 a {
	color:#333;
}

#welcome h3 em {
	font-style:normal;
	font-weight:normal;
}

/*#welcome .feature {
	float:left;
	width:220px;
	margin-right:20px;
	margin-bottom:8px;
	color:#666;
}

#welcome .video {
	margin-right:0;
	float:right;
	width:460px;
}*/

#welcome .welcome_column {
	float:left;
	width:460px;
	margin-right:20px;
}

#welcome .two {
	margin-right:0;
}


#welcome .feature {
	margin-bottom:8px;
	color:#666;
}


#welcome .slither {
	background-color:#333;
	margin:0 0 5px;
	position:relative;
	background-image:url(../images/waiting.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#welcome .slither img {
	width:100%;
	height:90px;
}

#welcome .video .slither {
	height:285px;
}

#welcome .video .slither img {
	height:258px;
}

#welcome .feature p {
	margin-bottom:0.2em;
}

#welcome .feature a:hover {
	text-decoration:underline;
}

#friend:hover {
	text-decoration:underline;
}

/************ SITE MAP ************/

#sitemap {
	clear:both;
	color:#CCC;
}

#sitemap .column {
	float:left;
	width:33%;
	padding-top:1em;
}

#sitemap ul {
	padding:0;
	margin:0 0 1.5em;
	line-height:1.5em;
}

#sitemap li {
	margin-left:20px;
}

/************ SIDE ************/

#side {
	float:left;
	width:270px;
	padding:20px 0;
}

#side p {
	line-height:1.4em;
}

#side.news {
	width:220px;
	margin-right:20px;
	padding-top:0;
}

#side.nopad {
	padding-top:0;
}

#intro h2, #side h2 {
	font-weight:bold;
	color:#FFF;
	background-color:#454545;
	padding:4px 10px;
}

#intro h2 span, #side h2 span {
	background-image:url(../images/grey_arrow.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:13px;
}

#intro h3, #side h3 {
	font-size:1.4em;
	color:#10B1D9;
	margin-bottom:1em;
	margin-top:0;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:0.5em 0;
}

#side h4 {
	font-size:1em;
	margin:0 0 0.2em;
}

#side h4 a {
	color:#333;
	text-decoration:underline;
}

#side.news h4 {
	background-color:#454545;
	color:#FFF;
	padding:0.3em 0.6em;
}

#side.news h4.teamBlog span {
	background-image:url(../images/blog.png);
	background-position:top right;
	background-repeat:no-repeat;
	padding-right:32px;
	padding-top:12px;
}

#side h5 {
	margin:0 0 0.2em;
	font-size:0.9em;
}

#side h5 a {
	background-color:#E0E0E0;
	color:#666;
	display:block;
	padding:3px 6px;
}

#side h5 a:hover {
	text-decoration:none;
	color:#999;
}

#side h5 span {
	float:right;
}

#side.news ul {
	padding:0;
	margin:0 0 15px;
	font-size:0.9em;
	line-height:1.6em;
	list-style:none;
}

#side a {
	color:#10B1D9;
}

#side a.pink {
	color:#DD1E74;
}

.breadcrumb {
	font-size:0.8em;
	/*position:absolute;
	top:-4px;*/
}

#side .backlink {
	font-size:0.9em;
	margin-top:2em;
}

/************ MAIN ************/

#main {
	padding:16px 0;
	margin-left:330px;
}

#main.news {
	margin-left:0px;
	float:left;
	width:700px;
	padding-top:0;
}

#main.nopad {
	padding-top:0;
}

#main h2 {
	font-size:1.4em;
	text-transform:none;
}

#main.news h2 {
	background-color:#10B1D9;
	padding:0.2em 0.4em;
	color:#FFF;
}

#main.news h2 a {
	color:#FFF;
}

#main h3 {
	margin-top:0;
	margin-bottom:0.2em;
}

#mainImg, #main .thumbnails img {
	border:1px solid #efedee;
}

#main .thumbnails img {
	margin:10px 10px 0 0;
}

#map_canvas {
	clear:both;
	height:400px;
	margin-top:20px;
}

#main .image, #main .large-video-container {
	border:5px solid #efefef;
	margin-bottom:10px;
}

#main object {
    border:5px solid #efefef;
    margin-bottom:10px;
}

#main .image:hover {
	border-color:#10B1D9;
}

#main .article {
	border-top:1px solid #10B1D9;
	clear:left;
	padding:10px 0;
}

#main .first {
	border:none;
	/*padding-top:35px;*/
	padding-top:0;
}

#main .article .images {
	float:left;
	width:360px;
}

#main .article .copy {
	margin-left:380px;
}

#main .article p.date_string {
	margin-bottom:0.5em;
	font-size:0.8em;
	color:#999;
}

#main .article p.date {
	margin-top:1em;
	margin-bottom:1.5em;
	font-size:0.8em;
	color:#999;
}

#main .article .panel {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	margin-bottom:1em;
	border:1px solid #E0E0E0;
	margin-top:2em;
	font-size:0.9em;
}

#main .article .panel h4 {
	background-color:#E0E0E0;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	padding:5px 8px;
	margin:0;
}

#main .article .panel h4 span {
	float:right;
	font-size:2.2em;
	position:relative;
	top:-10px;
	color:#FFF;
}

#main .article .panel h4 a {
	display:block;
	color:#666;
}

#main .article .panel h4 a:hover {
	text-decoration:none;
	color:#999;
}

#main .article .panel .comment {
	padding:5px 8px 2px;
}

#main .article .panel .comment .posted {
	color:#666;
	border-bottom:1px solid #CCC;
	font-size:0.9em;
}

#extra_articles {
	clear:both;
}

/************ CLIENTS ************/

#all_clients {
	padding:20px 0;
	clear:both;
}

#all_clients .client {
	float:left;
	width:164px;
	height:62px;
	overflow:hidden;
	text-align:center;
	margin:0 30px 20px 0;
}

#all_clients .right_img {
	margin-right:0;
}

/************ WORK ************/

#all_work {
	clear:both;
}

.group {
	padding-top:20px;
	border-bottom:1px solid #10B1D9;
}

.work {
	/*width:447px;
	height:210px;
	border:5px solid #efefef;
	margin:0 26px 35px 0;*/
	
	width:290px;
	height:100px;
	border:5px solid #efefef;
	margin:0 20px 35px 0;
	
	background-color:#333;
	float:left;
	position:relative;
	background-image:url(../images/waiting.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.work.right_img {
	margin-right:0;
}

.work img {
	width:290px;
	height:100px;
}

.work p {
	position:absolute;
	bottom:-26px;
	left:-5px;
	margin:0;
	padding:0;
	font-weight:bold;
	/*color:#FFF;
	background-color:#454545;*/
	font-size:0.8em;
	padding:2px 0 2px 0;
}

.work p.projectName {
	text-align:right;
	right:-5px;
	font-weight:normal;
}

.work p em {
	color:#10B1D9;
	font-size:0.9em;
}

#content .work p a {
	color:#666;
}

#content .work p.projectName a {
	/*background-color:#DD1E74;*/
	background-color:#454545;
	padding:2px 5px;
	border-left:2px solid #FFF;
	color:#FFF;
}

#content .work p a:hover {
	text-decoration:none;
}

.work:hover {
	border-color:#10B1D9;
}

/************ LINKS ************/

#links {
	padding:0.8em 0 0;
	font-size:1em;
	font-weight:bold;
	clear:both;
}

#links.lined {
	border-top:1px solid #10B1D9;
}

#links p {
	margin:0;
	padding:0;
}

#links a {
	color:#DD1E74;
}

/************ SEARCH ************/
#main.search {
	float:left;
	margin-left:30px;
	width:640px;
}

#search {
	list-style:none;
	padding:0;
	margin:0;
}

#search li.search_item {
	background-color:#FFF;
	border:1px solid #e0e0e0;
	padding:20px;
	clear:left;
	margin-bottom:1em;
}

#search li.search_item img {
	float:left;
}

#search li.search_item h3 {
	margin-bottom:0.5em;
}

#search .inner {
	margin-left:200px;
}

#search .inner ul {
	padding-left:2em;
	list-style:square;
	margin-bottom:1em;
}

/************ ICONS ************/

.icon {
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}

.add {		background-image:url(../images/icons/add.gif); }
.success {	background-image:url(../images/icons/accept.gif);}
.star {		background-image:url(../images/icons/star.gif);}
.linkout {	background-image:url(../images/icons/page_go.gif);}
.email {	background-image:url(../images/icons/email.gif);}
.bubble {	background-image:url(../images/icons/comment.gif);}
.feed {		background-image:url(../images/icons/feed.gif);}
.callus {	background-image:url(../images/icons/icon_phone.gif);}
.emailus {	background-image:url(../images/icons/icon_mail.gif);}
.top {		background-image:url(../images/icons/bullet_go_up.gif);}
.prev {		background-image:url(../images/icons/bullet_go_left.gif);}
.whitearrow {	background-image:url(../images/icons/bullet_go_right_white.gif);
				background-position:right;
				padding-left:0;
				padding-right:20px;
		}
.next {		background-image:url(../images/icons/bullet_go_right.gif);
			background-position:right;
			padding-left:0;
			padding-right:20px;
			margin-left:20px;
		}

/************ FOOTER ************/

#footer {
	clear:both;
	position:relative;
	background-color:#333;
	color:#FFF;
/*	padding-top:2em;*/
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#footer .inner {
	padding:0 15px;
	margin:0 auto;
	width:940px;
	text-align:left;
	position:relative;
	top:-27px;
}

.search_bits {
	color:#333;
}

.search_bits p {
	font-size:1.4em;
	margin:0;
	padding-top:6px;
}

.search_bits p img {
	position:relative;
	top:9px;
}

.search_bits a {
	font-weight:bold;
	color:#333;
}

.search_bits form {
	float:right;
	padding:0;
	margin:16px 0 0;
}

.search_bits form p {
	padding:0;
	margin:0;
}

.search_bits .keywords {
	width:138px;
	padding-left:6px; /*:0.3em 24px 0.3em 0.6em;*/
	font-size:1em;
	color:#333;
	border-color:#666;
}

#footer h3 {
	font-size:13px;
	margin-bottom:1em;
	margin-top:0;
	background-color:#10b1d9;
	padding:4px 6px;
	/*text-transform:lowercase;*/
	font-family:"Arial Black", Arial, sans-serif;
	/*letter-spacing:-1px;*/
}

#footer h3 span {
	background-image:url(../images/footer_arrow_whitetip.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:11px;
}

#footer h3.grey, #footer h3.greywhite {
	background-color:#999;
}

#footer h3.grey span {
	background-image:url(../images/footer_arrow_grey.gif);
	padding-bottom:10px;
}

#footer h3.greywhite span {
	background-image:url(../images/footer_arrow_grey_whitetip.gif);
}

#footer .column {
	width:172px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#footer .column ul {
	padding:0 0 0 24px;
	margin:0;
}

#footer .last {
	margin-right:0;
}


#feeds p {
	padding-left:4px;
	line-height:1.8em;
}

#aboutus {
	clear:both;
	padding-top:20px;
	margin-bottom:30px;
	background-position:top;
	background-image:url(../images/footer_about_back.png);
	background-repeat:no-repeat;
}

#aboutus .aboutus_inner {
	background-position:bottom;
	background-image:url(../images/footer_about_back.png);
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#aboutus .aboutus_inner img {
	float:left;
	margin-left:52px;
}

#aboutus .aboutus_inner p {
	margin:0 190px;
	font-size:1.2em;
	line-height:1.5em;
}

#aboutus .aboutus_inner p strong {
	text-transform:uppercase;
}

#aboutus .contact_bits {
	line-height:1.6em;
	font-size:1.2em;
	margin-bottom:0;
	color:#FFF;
	float:right;
	margin-right:0;
}

#aboutus .contact_bits .icon {
	padding-left:23px;
	font-weight:normal;
}


#extra {
	clear:both;
	font-size:0.9em;
	position:relative;
	margin-bottom:3em;
}

#extra p {
	margin:0;
}


/************ ADDITIONAL ************/

.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%;
}

.hidden {
	display:none;
}

.clear {
	font-size:1px;
	height:1px;
	clear:both;
	margin:0;
	padding:0;
}

.clear_left {
	font-size:1px;
	height:1px;
	clear:left;
	margin:0;
	padding:0;
}


.left {
	float:left;
}

.right {
	float:right;
}

.right_align {
	text-align:right;
}

.center_align {
	text-align:center;
}

.highlight {
	color:#FF0000;
}

.hl {
	color:#DD1E74;
}

.highlight input, .highlight textarea {
	border:1px solid #FF0000;
	color:#FF0000;
	background-color:#FFCFCF;
}

.error {
	border:1px solid #FF0000;
	color:#FF0000;
	padding:1em;
	margin-bottom:1em;
}

.message {
	border:1px solid #0000FF;
	text-align:center;
	color:#0000FF;
	padding:1em;
	margin-bottom:1em;
}

.accept {
	border:1px solid #007745;
	color:#007745;
	padding:1em;
	margin-bottom:1em;
}

.announcement {
	font-size:1.4em;
/*	text-align:center;
	border:1px solid #10b1d9;
	background-color:#d1f4fc;
	padding:0.5em 0;*/
}

.announcement strong {
	color:#10b1d9;
}

.announcement a {
	color:#10b1d9;
	text-decoration:none;
}

.announcement a:hover {
	text-decoration:underline;
}


/** New Style Accordion for Home Page */
#welcome .accordion { float: left; width: 460px; height: 475px; overflow: hidden; }
#welcome .accordion .panel { float: left; width: 460px; }
#welcome .accordion h2 { float: left; position: relative; z-index: 99; font-family: "Arial Black", Arial, sans-serif; font-size: 1.1em;  width: 460px; height: 29px; margin: 0; padding: 4px 0; line-height: 1em; color: #fff; text-transform: uppercase; text-indent: -9999px; }
#welcome .accordion h2.featuredproject { background: url(../images/welcome_featured_project.png) top left no-repeat; }
#welcome .accordion h2.video { background: url(../images/welcome_team_blog.png) top left no-repeat; }
#welcome .accordion h2.latestnews { background: url(../images/welcome_latest_news.png) top left no-repeat; }
#welcome .accordion .panel-item { float: left; width: 460px; margin: -8px 0 11px 0; }
#welcome .accordion .middle .panel-item { margin: -8px 0 13px 0; }
#welcome .accordion .panel-item a.image { float: left; position: relative; width: 460px; height: 90px; overflow: hidden; text-align: center; background: #333; }
#welcome .accordion .panel-item a.image img { margin: -20% 0 0 0; }
#welcome .accordion .panel-item .excerpt { float: left; position: relative; width: 444px; height: 30px; margin: -46px 0 0 0; padding: 8px; display: none; background: url(../images/panel-background.png) top left repeat transparent; color: #fff;  }
#welcome .accordion .panel-item h3 { float: left; width: 444px; margin: 5px 0 0 0; }
.facebook-link img, .twitter-link img { vertical-align: top; margin: -2px 0 0 0; }