/*RESET*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


	
	
	
ol, ul {list-style: none;}
/*END RESET*/

/*@font-face {
	font-family: Proxima Nova;
	src: url('ProximaNova-Semibold.otf');
}*/



body { background:#EDEDED; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif;}

body#servicespage p, body#testimonialpage p, body#casestudiepage p, body#aboutpage p { line-height:21px; margin:10px 0 24px 0;}

p{color:#8f959f; /*font-family: "Arial", Helvetica Neue, Arial, sans-serif;*/ font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; font-size:14px; line-height:20px; margin:10px 0;}

hr{border:none; height:0; clear:both;}

strong{font-weight:bold;}

.fleft{float:left;}
.fright{float:right;}

.uppercase{ text-transform:uppercase;}

h1{ color:#262626; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; font-size:21px; font-weight:bold; letter-spacing:0.4px; line-height:22px; text-transform:uppercase;}
body#blogpage h1, body#blogpage h2, body#blogpage p{ color:#fff;}
h2{ color:#262626; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; font-size:21px; font-weight:bolder; letter-spacing:0.4px; line-height:22px; text-transform:uppercase;}
h2.nextproject{ background:url(../images/bullet_nextproject.jpg) no-repeat right center; border-bottom:1px solid #a1a1a1; border-top:1px solid #a1a1a1; color:#a1a1a1; margin:20px 0; padding:15px 20px 15px 0; text-transform:none;}
h3{ color:#8f959f; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; font-size:20px; font-weight: 400; letter-spacing:-0.5px;}
h4{ color:#4c4c4c; font-size:15px; font-weight:bold;}

div.dotted{border-bottom:1px dashed #989797; padding:0 0 30px 0; overflow:hidden; width:100%;}
div.dark{background:#000 url(../images/bk_dark.png) repeat; border-top:1px solid #333; margin:25px 0 0 0; overflow:hidden; padding:20px 10px; width:100%;}

#top_bar{background:#000; border-bottom:1px solid #000;}
body#blogpage #top_bar{ background:#fff;}
#top_bar .inner_top_bar{ background:url(../images/bk_topbar.png) left no-repeat; margin:0 auto; overflow:hidden; width:950px;}
body#blogpage #top_bar .inner_top_bar{ background:none; margin:0 auto; overflow:hidden; width:950px;}
#top_bar .inner_top_bar a.logo{ background:url(../images/logo.png) no-repeat; display: block; float:left; height:47px; margin:10px 0 10px 0; width:161px;}
body#blogpage #top_bar .inner_top_bar a.logo{ background:url(../images/logo_dark.png) no-repeat; display: block; float:left; height:47px; margin:10px 0 0 0; width:161px;}

#top_bar .inner_top_bar a.logo span{ display:none;}

#top_bar .inner_top_bar ul.main_nav{list-style:none; float:right;}
#top_bar .inner_top_bar ul.main_nav li{ background:url(../images/dottlink.png) no-repeat right; float:left;}
body#blogpage #top_bar .inner_top_bar ul.main_nav li{ background:url(../images/dottlink_dark.png) no-repeat right; float:left;}
#top_bar .inner_top_bar ul.main_nav li.back{ background:none; float:left;}

#top_bar .inner_top_bar ul.main_nav li:last-child, #top_bar .inner_top_bar ul.main_nav li.six{background:none;}
#top_bar .inner_top_bar ul.main_nav li a{ border-top:5px solid transparent; color:#ccc; display:block; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; font-size:15px; font-weight:bold; padding: 22px 15px; text-decoration:none;}
body#blogpage #top_bar .inner_top_bar ul.main_nav li a{ color:#333;}

#top_bar .inner_top_bar ul.main_nav li a:hover{ color:#fff; }
body#blogpage #top_bar .inner_top_bar ul.main_nav li a:hover{ color:#000; }
#top_bar .inner_top_bar ul.main_nav li.one a:hover{ color:#fff; }
#top_bar .inner_top_bar ul.main_nav li.two a:hover{ color:#fff; }
#top_bar .inner_top_bar ul.main_nav li.three a:hover{ color:#fff; }
#top_bar .inner_top_bar ul.main_nav li.four a:hover{ color:#fff; }
#top_bar .inner_top_bar ul.main_nav li.five a:hover{ color:#fff; }
#top_bar .inner_top_bar ul.main_nav li.six a:hover{ color:#fff; }





#carousel{ background:#000 url(../images/backcarousel.png) no-repeat center; margin:0 auto; overflow:hidden; width:100%;}
#carousel.noback{background:#000;}
#carousel .inner_carousel{ height:294px; margin:45px auto 25px auto; overflow:hidden; width:950px;}


body#servicespage #main_content{border-top:5px solid #CC33CC;}
body#workpage #main_content{border-top:5px solid #0c80cb;}
body#aboutpage #main_content {border-top:5px solid #E10A88;}
body#testimonialpage #main_content {border-top:5px solid #1DBEEE;}
body#blogpage #main_content { background:#181818; border-top:5px solid #00A38F;}

#main_content{ background:#fff url(../images/bk_content.gif) repeat-y right; border-top:5px solid #e10a88; overflow:hidden;}
#main_content .inner_content{ background:url(../images/bk_sep.png) repeat-y right; margin:0 auto; overflow:hidden; padding:0 0 30px 0; width:950px;}
body#blogpage #main_content .inner_content{ background: #181818; margin:0 auto; overflow:hidden; padding:0 0 30px 0; width:950px;}

#main_content .inner_content a.readmore{ border-bottom:1px solid #e10a88; color:#333; font-weight:bold; text-decoration:none;}
#main_content .inner_content a.bulleted{ background:url(../images/bullet.png) left no-repeat; color:#333; font-size:10px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:10px 0 10px 20px;}
#main_content .inner_content a.bulleted:hover{ color:#e10a88;}

#main_content .inner_content .col_a{ background:#fff; float:left; margin:0; padding:30px 30px 0 0; width:670px;}
body#blogpage #main_content .inner_content .col_a{ background:none; float:left; margin:0; padding:30px 30px 0 0; width:670px;}

#main_content .inner_content .col_b{ float:left; margin:0; padding:30px 30px 0 30px; width:190px;}

#main_content .inner_content .col_a ul.services{ list-style:none; overflow:hidden; width:100%;}
#main_content .inner_content .col_a ul.services li{display:inline-block; margin:25px 36px 0 0; width:206px;}
#main_content .inner_content .col_a ul.services li:last-child{margin:0;}
#main_content .inner_content .col_a ul.services li a{ border-bottom:1px solid #e10a88; color:#333; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
#main_content .inner_content .col_a ul.services li a:hover{ color:#e10a88;}

#main_content .inner_content .col_a .case{ border-bottom:1px solid #bfbfbf; overflow:hidden; padding:30px 0;}
#main_content .inner_content .col_a .case .col_a{ background:none; float:left; padding: 0; width:auto;}
#main_content .inner_content .col_a .case .col_b{ background:none; float:left; margin:0 0 0 25px; padding:15px 0 0 0; width:210px;}
#main_content .inner_content .col_a .case .col_a a{ border:2px solid #333; display:block; overflow:hidden;}
#main_content .inner_content .col_a .case .col_a a:hover{ border:2px solid #e10a88;}

a.bt_viewcase{ border-bottom:1px solid #e10a88; color:#333; float:left; font-size:11px; font-weight:bold; margin:0 10px 0 0; text-decoration:none; text-transform:uppercase;}
a.bt_viewcase:hover{ color:#e10a88;}

#main_content .inner_content .col_a ul.worklist{}
#main_content .inner_content .col_a ul.worklist li{ border-bottom:1px solid #999; overflow:hidden; margin:0 0 25px 0; padding:13px 13px 25px;}
#main_content .inner_content .col_a ul.worklist li .imagework{ background:url(../images/bk_thumbwork.jpg) no-repeat; border:1px solid #ccc; float:left; height:120px; padding:20px 0 4px 0; width:220px; -webkit-box-shadow: 0 1px 13px #ccc;
-moz-box-shadow: 0 1px 13px #ccc;
box-shadow: 0 1px 13px #ccc; }
#main_content .inner_content .col_a ul.worklist li .fright{ margin:30px 0 0 0; width:400px;}
#main_content .inner_content .col_a ul.worklist a.bt_viewcase{  }
#main_content .inner_content .col_a ul.worklist span.date{ border-left:1px solid #a1a1a1; line-height:10px; margin:0 0 5px 0; padding:0 0 0 10px;}
#main_content .inner_content .col_a ul.worklist p{ margin:5px 0 10px 0;}


#main_content .inner_content .col_b ul.news{ list-style:none; margin:0 0 20px 0; overflow:hidden; width:100%;}
#main_content .inner_content .col_b ul.news li{ border-bottom:1px dashed #989797; display:block; float:left; padding:25px 0; width:100%;}
#main_content .inner_content .col_b ul.news li a{ color:#4c4c4c; display:block; float:left; font-size:15px; font-weight:bold; line-height:17px; text-decoration:none;}
#main_content .inner_content .col_b ul.news li a:hover{ color:#999;}
span.date{ color:#989898; display:block; float:left; font-family:"Helvetica Neue", Arial, sans-serif; font-size:10px; margin:5px 0 0 0;}

body#blogpage ul.archives{ border-bottom:1px dashed #989797; list-style:none; margin:15px 0; overflow:hidden; padding:0 0 20px 0; width:100%;}
body#blogpage ul.archives li{  display:block; float:left; padding:5px 0; width:100%;}
body#blogpage ul.archives li a{ color:#fff; display:block; float:left; font-size:15px; font-weight:normal; line-height:17px; text-decoration:none;}
body#blogpage ul.archives li a:hover{ color:#999;}

#main_content .inner_content .col_b div.dark{ width:190px;}
#main_content .inner_content .col_b div.dark h3{ color:#fff; line-height:22px;}
#main_content .inner_content .col_b div.dark p { color:#b3b3b3; font-weight:bold; margin:10px 0;}
#main_content .inner_content .col_b div.dark a{ border-bottom:1px solid #e10a88; color:#fff; font-weight:bold; text-decoration:none;}
#main_content .inner_content .col_b div.dark a:hover{ color:#e10a88;}

#main_content .inner_content .col_b div.dark form{background:#fff; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow:hidden; padding:5px; display:block;}
#main_content .inner_content .col_b div.dark form input{border:none; background:#fff; float:left; padding:5px; width:120px;}
#main_content .inner_content .col_b div.dark form input.go{background:url(../images/bt_submit.png) no-repeat right; cursor:pointer; float:right; height:26px; text-indent:-9999px; width:26px;}


body#casestudiepage #main_content .inner_content .casestudie_sidebar{ float:left; padding:30px 30px 0 0; width:179px;}
a.casestudie_logo{ display:block; margin:0 0 30px 0; overflow:hidden; width:179px;}
body#casestudiepage #main_content .inner_content .casestudie_sidebar p{ color:#3d3d3d; line-height:22px; margin:0;}
body#casestudiepage #main_content .inner_content .casestudie_sidebar p strong{color:#000;}
body#casestudiepage #main_content .inner_content .casestudie_sidebar ul.tech{}
body#casestudiepage #main_content .inner_content .casestudie_sidebar ul.tech li{background:url(../images/bullet.png) left no-repeat; color:#3d3d3d; font-size:12px; padding:5px 0 5px 20px;}

body#casestudiepage #main_content{ background:#fff;}
body#casestudiepage #main_content .inner_content{ background:none;}
body#casestudiepage #main_content .inner_content .col_a{background:#fff; border-left:1px dashed #ccc; float:left; margin:0; padding:30px 0 0 30px; width:710px;}
/*body#casestudiepage #main_content .inner_content .col_b{float:left; margin:0; padding:30px 30px 0 30px; width:190px;}*/


#footer{
	background:#000 url(../images/bk_dark.png) repeat; border-top:1px solid #000; overflow:hidden; width:100%;}
#footer p, #footer span{ font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif;}
#footer a{ border-bottom:1px solid #e10a88; color:#fff; font-family: "proxima-nova-1","proxima-nova-2", Helvetica Neue, Arial, sans-serif; text-decoration:none;}
#footer a:hover{ border:none; color:#e10a88;}


#footer .inner_footer{ margin:40px auto 0 auto; overflow:hidden; width:950px;}
#footer .inner_footer ul.footer_nav{ float:left;list-style:none; width:170px;}
#footer .inner_footer ul.footer_nav li{ width:100px;}
#footer .inner_footer ul.footer_nav li a{ border:none; display:block; font-size:15px; font-weight:bold; line-height:21px; padding:2px 0; }

#footer .inner_footer .vcard{ color:#fff; float:left; width:195px;}
#footer .inner_footer .vcard p{color:#fff; text-transform:uppercase; margin:0;}
#footer .inner_footer .vcard a{ }
#footer .inner_footer .vcard a:hover{ }
#footer .inner_footer .vcard .adr{ overflow:hidden;}
#footer .inner_footer .vcard span{ clear:both;float:left; display:block; font-size:14px; line-height:25px;}
#footer .inner_footer .vcard span.tel{ }
#footer .inner_footer .vcard span.email{ }

#footer .inner_footer .social_media{ float:left; margin:0 0 0 75px;}
#footer .inner_footer .social_media p{ color:#fff; text-transform:uppercase; margin:0;}
#footer .inner_footer .social_media ul{ list-style:none;}
#footer .inner_footer .social_media ul li{ line-height:25px; margin:0 0 8px; padding:0 0 0 20px;}
#footer .inner_footer .social_media ul li.twitter{ background:url(../images/ico_twit.png) no-repeat left;}
#footer .inner_footer .social_media ul li.fb{ background:url(../images/ico_fb.png) no-repeat left;}
#footer .inner_footer .social_media ul li.rss{ background:url(../images/ico_rss.png) no-repeat left;}
#footer .inner_footer .social_media ul li.linkedin{ background:url(../images/ico_linkedin.png) no-repeat left;}
#footer .inner_footer .social_media ul li a{ font-size:14px; }
#footer .inner_footer .social_media ul li a:hover{ }

#footer .inner_footer .fright{ width:340px;}
#footer .inner_footer .fright p{ color:#fff; font-size:14px; margin:0;}
#footer .inner_footer .fright p small{ font-size:11px; line-height:18px;}
#footer .inner_footer .fright form{ background:#fff; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:15px 0 0 0; overflow:hidden; padding:5px; display:block;}
#footer .inner_footer .fright form input{border:none; background:#fff; float:left; font-family:"Helvetica Neue", Arial, sans-serif; padding:5px; width:170px;}
#footer .inner_footer .fright form input.go{background:url(../images/bt_submit.png) no-repeat right; cursor:pointer; float:right; height:26px; text-indent:-9999px; width:26px;}

#footer .inner_footer p strong{ font-size:15px; letter-spacing:0.8px;}

#footer .inner_footer:last-child{ border-bottom:1px solid #666; border-top:1px solid #666; margin:40px auto;}
#footer .inner_footer:last-child p{ color:#888; font-size:12px; letter-spacing:1px; text-align:center; text-transform:uppercase;}

/* Nacho */

.swingNavigation li.back { border-top: 5px solid black; width: 9px; z-index: 8; position: absolute; }
.swingNavigation li a:hover, .swingNavigation li a:active, .swingNavigation li a:visited { border: none; }

#redesign {
	width: 100%;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	font-family:  "proxima-nova-1", "proxima-nova-2", "Helvetica", Arial, sans-serif;
	margin-top:200px;
	text-shadow: 1px 1px 1px #AAA;
	
}

#module_navigation
{
	margin: 0;
	padding-left: 200px;
	background-color: #333;
	padding: 10px;
	text-align: right;
	color: #efefef;
	font-size: 13px;
}

#module_navigation a, #module_navigation a:visited
{
	text-decoration: none;
	color: #efefef;
}

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

#content
{
	width: 950px;
	margin: 0px auto;
	padding: 20px;
}

table.form th, table.form td
{
	padding: 3px;
	border-bottom: 1px dotted #ddd;
}

table.form input
{
	height: 18px;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: 10px;
}

table.form input[type='text']
{
		width: 220px;	
}

table.form th, table.form label
{
	margin-top: 5px;
	vertical-align: middle;
	text-align: left;
}

table.form td
{
	font-size: 10px;
	color: #999;
	padding-left: 5px;
}

table.form ul.error_list
{
	margin-left: 3px;
}

table.form ul.error_list li
{
	padding: 5px;
	background-color: #fee;
	color: #f00;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	
}

.data-listing, .data-item
{
	width: 900px;
}

.data-listing th, .data-listing th label
{
	vertical-align: middle;
	padding: 5px;
	background-color: #777;
	color: #fff;	
	text-align: center;
}

.data-listing td
{
	padding: 5px;
}

.data-item td
{
	padding: 5px;
}

.data-item th
{
	font-weight: bold;
	
}
.data-item th, .data-item th label
{
	vertical-align: middle;
	padding: 5px;
	text-align: center;
}

.status_orange
{
	color: orange;
	font-weight: bold;
}

.status_green
{
	color: #0d0;
	font-weight: bold;
	
}

.status_red
{
	font-weight: bold;
	color: #f00;
}