/* ----------------------------------------------

	CDAA.com.au

---------------------------------------------- */

/* ----------------------------------------------

CSS RESET

---------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
body { }
select, input, textarea, button { font: 99% 'Calibri', sans-serif}
pre, code, kbd, samp { font-family: monospace, sans-serif }
body, select, input, textarea { color: #444 }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
h1{font-family: PFSquareSansPro-Regular; font-weight: normal;}

h2{font-family: PFSquareSansPro-Regular; font-weight: normal;}
h3{font-family: PFSquareSansPro-Regular; font-weight: normal;}


html { overflow-y: scroll }
a:hover, a:active { outline: none }
a, a:link, a:active, a:visited { color: #00B8DD }
a:hover, a.hovered { color: #9AEAFF }
ul, ol { margin-left: 1.8em }
ol { list-style-type: decimal }
nav ul, nav li { margin: 0 }
small { font-size: 85% }
strong, th { font-weight: bold }
td, td img { vertical-align: top }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
textarea { overflow: auto }
.ie6 legend, .ie7 legend { margin-left: -7px }
input[type="radio"] { vertical-align: text-bottom }
input[type="checkbox"] { vertical-align: bottom }
.ie7 input[type="checkbox"] { vertical-align: baseline }
.ie6 input { vertical-align: text-bottom }
label, input[type=button], input[type=submit], button { }
button, input, select, textarea { margin: 0 }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd }
a:link { -webkit-tap-highlight-color: #FF5E99 }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic }
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }


/* ----------------------------------------------

HELPER/GLOBAL CLASSES

---------------------------------------------- */
.hr {background: url("images/hr.gif") 0 9px no-repeat; height: 30px; clear: both;}
.clear {clear: both;}

/* ----------------------------------------------

PRIMARY STYLES

---------------------------------------------- */
body { font-family: 'Calibri', 'Helvetica Neue',sans-serif; font-size: 0.75em; 
font-size-adjust: 0.47;}
a, a:link, a:visited { text-decoration: none }
td { padding: 3px }
.fbLike { padding-bottom: 10px; float: right; }


#hearder_bg { background: url('images/bg_gray.gif') 0 0 #2B2B2D; color: #FFFFFF; height: 195px; position: absolute; top: 0; width: 100%; z-index: 99; }
#top { height: 195px; color: #FFF; position: relative; }
#top .container { height: 100px; position: relative; z-index: 500; }
#top h1 { background: url("images/logo.png") no-repeat scroll 0 0 transparent; display: block; height: 90px; left: 28px; overflow: hidden; position: absolute; text-indent: -1000px; top: 18px; width: 207px; }
#top h1 a { display: block; width: 197px; height: 74px; }
#top h2 { overflow: hidden; text-indent: -1000px; position: absolute; top: 10px; right: 0; background: url('images/sprites.png') -292px -3px no-repeat; width: 195px; height: 38px; }


#top nav { bottom: 6px; height: 75px; display: block; position: absolute; right: 21px; z-index: 500;/*font-family: PFSquareSansPro-Regular; font-weight: normal;*/}

#dnn_topnav{}
.M{}

#top nav ul { display: block; height: 75px; top: 35px; margin: 0; padding: 0; position: relative; z-index: 500; }
#top nav li { display: block; float: left; height: 75px; margin: 0; z-index: 500; }
#top nav li a { color: #adadad; font-size: 1.3em; padding: 10px 10px 55px; }
#top nav li a:hover { color: #00b8dd }
#top nav li.mmSelected a, #top nav li a.activeParent { color: #fff; /*put your 'active' color here*/ }
#top nav ul ul { display: none; position: absolute; top: 75px; width: 200px;height: auto; z-index: 500; /*  background: #2b2b2d; border-top: 5px solid #00b8dd;*/ }
#top nav ul ul li { float: none; padding: 0; height: auto; }
#top nav ul ul li a { text-transform: none; display: block; text-transform: none; font-weight: bold; font-size: 1.3em; }

#top nav ul li ul li a:hover {background: none repeat scroll 0 0 #222224 ;
background: -moz-radial-gradient( 50% 60%, circle, #2a4953 0px, #222224 115px );
background:-webkit-gradient( radial, 50% 60%, 0, 50% 60%, 115, from(#2a4953), to(#222224) );
color: #000000; margin-left: -11px;  padding-left: 21px !important; padding-top: 32px !important; color: #00AFDB !important; }

#top nav ul li ul li a:active {background: none repeat scroll 0 0 #222224;background: -moz-radial-gradient( 50% 50%, circle, #2a4953 0px, #222224 115px ); color: #000000; margin-left: -11px;padding-left: 21px !important; padding-top: 32px !important; color: #949494 !important;

-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 1) inset;-webkit-text-shadow: 0 -2px 0px #000; 
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 1) inset;-moz-text-shadow: 0 -2px 0px #000; 
-o-box-shadow: 0 0 5px rgba(0, 0, 0, 1) inset;-o-text-shadow: 0 -2px 0px #000; 
box-shadow: 0 0 5px rgba(0, 0, 0, 1) inset;text-shadow: 0 -2px 0px #000; 


}

#top nav ul li ul li:hover { }
#top nav ul li.nav-Company ul,
#top nav ul li.nav-Capabilities ul { width: 950px; height: 200px; right: -21px; }
#top nav ul li.nav-Career ul { padding-left:480px;width: 470px; height: 200px; right: -180px; }
#top nav ul li.nav-Company ul li, 
#top nav ul li.nav-Capabilities ul li, 
#top nav ul li.nav-Career ul li { border-left: 1px solid #000000; border-right: 1px solid #4D5254; display: block; float: left; height: 200px;  padding: 0 0 0 10px; width: 119px; }
#top nav ul li.nav-Company ul li{ width: 122px; }
#top nav ul li.nav-Capabilities ul li {width: 107px;}

#top nav ul li.nav-Company ul li a, #top nav ul li.nav-Capabilities ul li a, #top nav ul li.nav-Career ul li a { text-transform: none; font-weight: bold; padding: 0; display: block; padding: 10px; height: 158px; color: #FFFFFF;
position:relative;-webkit-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;-moz-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;-o-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;margin-left: -11px; padding-left: 21px !important; padding-top: 32px !important;    font-family: PFSquareSansPro-regular;}
#top nav ul li.nav-Company a span, #top nav ul li.nav-Capabilities a span, #top nav ul li.nav-Career a span { color: #ADADAD; display: block; font-size: 13px; font-weight: normal; padding: 10px 0; position: absolute; top: 72px; width: 125px; }
#top nav .lineBG { display: block; position: absolute; z-index: 40; bottom: -22px; left: 0; height: 40px; }
#top nav .lineBG .line { position: absolute; top: 0; left: 10px; display: none; width: 40px; height: 40px; background-image: url("images/menu_indicator.png"); background-position: center center; background-repeat: no-repeat; }

/* nav icons*/

.menu_icons{ background-image: url("images/new_sprite.png"); background-position:0px -815px; background-repeat:no-repeat;display: block;height: 100px;margin-top: 35px;overflow: hidden;position: absolute;text-indent: -1000px;
left: 50%;
margin-left: -50px;
width: 100px;
bottom:0px;}

.brand_icon{ background-position:0px -815px;}
.digital_icon{ background-position:-100px -815px;}
.mobile_icon{ background-position:-200px -815px;}
.app_icon{ background-position:-300px -815px;}
.shop_icon{ background-position:-598px -815px;}
.host_icon{ background-position:-202px -1010px;}
.om_icon{ background-position:-400px -815px;}
.optimum_icon{ background-position:-500px -815px;}

.company_icon{ background-position:0px -915px;}
.project_icon{ background-position:-600px -915px;}
.achieve_icon{ background-position:-100px -915px;}
.value_icon{ background-position:-200px -913px;}
.people_icon{ background-position:-300px -915px;}
.partners_icon{ background-position:-400px -915px;}
.sustain_icon{ background-position:-500px -915px;}

.career_icon{ background-position:0px -1015px;}
.positions_icon{ background-position:-0px -1015px;}
.join_icon{ background-position:-100px -1015px;}

/* page icons*/

.page_icon{
	  background-image: url("images/new_sprite.png");
    background-position: 0px -1115px;
    background-repeat: no-repeat;
    top: 0px;
    height: 130px;
    position: absolute;
    right: -200px;
    width: 135px;
	}

.branding_page{ background-position:0px -1115px;}
.website_page{ background-position:-130px -1115px;}
.mobile_page{ background-position:-260px -1115px;}
.application_page{ background-position:-380px -1115px;}
.online_page{ background-position:-517px -1115px;}
.optimum_page{ background-position:-655px -1115px;}
.ecommerce_page{ background-position: -465px -1385px;}
.hosting_page{ background-position: -600px -1385px;}


.company_page{ background-position:0px -1265px;}
.achievements_page{ background-position:-130px -1265px;}
.value_page{ background-position:-260px -1265px;}
.people_page{ background-position:-380px -1265px;}
.partners_page{ background-position:-517px -1265px;}
.sustainability_page{ background-position:-630px -1265px;}
.project_page{ background-position:-760px -1265px;}
.contact_page {background-position: -310px -1375px;}


.career_page{background-position: 15px -1385px;}
.join_page{background-position:-155px -1385px; width:150px;}
.contact_page {background-position: -310px -1375px;}


.sub_back_ground{
	 background: #2b2b2d; /* old browsers */ background: -moz-linear-gradient(top, #353537 0%, #222224 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353537), color-stop(100%,#222224)); /* webkit */
    height: 205px;
    position: absolute;
    top: 129px;
    width: 100%;
    z-index: 101;
	 display: none;
	
	}

#top nav ul li.nav-Your { border-left: 1px solid #4D5254;}

.nav-Capabilities li.child-1, .nav-Company li.child-1 { border-left: none!important }
/*
.nav-Capabilities li.child-7 { width: 154px!important }*/




#main { margin-top: -65px; min-height: 520px; position: relative; z-index: 100; }

#main.inside_capabilities{background: url("images/white_bg_internal.gif") repeat scroll 0 0 transparent;}


.blue_header{background: url("images/blue_header.gif") repeat-x scroll 0 0 transparent;
    height: 285px;
    position: absolute;
    top: 0;
    width: 100%;}

#main.homepage { background: url("images/home_bg.gif") repeat-x scroll 0 0 transparent;}
#main.homepage .container { background: -moz-radial-gradient( 50% 60%, circle, rgba(71,204,240,0.7) -50px, rgba(0,0,0,0) 400px );
background:-webkit-gradient( radial, 50% 60%, -50, 50% 60%, 400, from(#2a4953), to( rgba(0,0,0,0)) );

}

#main_bg_img { background: url("images/circles.png") repeat scroll 0 0 transparent; float: left; height: 150%; position: fixed; top: -200px; width: 100%; z-index:0; }
#dots { background: url("images/dots.png") repeat scroll 0 0 transparent; float: left; height: 150%; position: fixed; top: -200px; width: 100%; z-index: 0; }
#home_dots { /*background: url("images/white_bg_dot.gif") repeat scroll 0 0 transparent;*/background: url("images/bg_gray.gif") repeat scroll 0 0 transparent;  

float: left; height: 150%; position: fixed; top: -200px; width: 100%; z-index: 0; }

#main > .bg { z-index: 11; -webkit-box-shadow: 0px 1px 20px hsla(0,0%,0%,0.4); -moz-box-shadow: 0px 1px 20px hsla(0,0%,0%,0.4); box-shadow: 0px 1px 20px hsla(0,0%,0%,0.4); background: url('images/backgrounds/bg_home.jpg') center top repeat-x; display: block; width: 100%; height: 507px; position: absolute; top: 0; left: 0; margin: 0 auto; z-index: 101; }
#main > .bg2 { z-index: 10; nowhitespace: afterproperty; background: #FFF; /* old browsers */ background: -moz-linear-gradient(top, #FFF 0%, #C6C7C9 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#C6C7C9)); /* webkit */display:block; width:100%; height:610px;position:absolute; top:507px; left:0; margin:0 auto; z-index:100;; }
footer { width: 100%; height: auto; color: #FFF; background: url('images/bg_gray.gif') 0 0 #2B2B2D; display: block; position:relative; z-index:3;}
footer a, footer a:link, footer a:visited { color: #00AFDB }
footer a:hover { color: #9AEAFF }
footer .serviceText { padding: 0px 0px 50px 0; clear: both; }
footer .serviceText .module { display: block; width: 230px; float: left; padding-left: 10px; font-size: 1.167em; line-height: 1.167em; }
footer .serviceText div:first-child .module { padding-left: 0 }
footer .serviceText .module h3 {  font-size: 1.3333em; line-height: 4em; color: #ffffff; }
footer .serviceText .module h2 { color: #00AFDB;  font-size: 2em; line-height: 2.5em; }
footer .fullWidth { padding-top: 30px; display: block; font-size: 1.5em;}
footer #logos {clear: both;float: left;margin-left: 30px;padding-top: 20px;width: 603px;}

footer #logos .logos {margin-right: 64px;}
footer .Tech_partners{ color: #696A6C;
    font-family: PFSquareSansPro-light;
    font-size: 30px;}
footer #social { background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #4D5254;
    clear: both;
    height: 115px;
    margin: 0 auto 20px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 915px;}
footer #footerLinks { border-top: 1px solid #4D5254;clear: both;color: #999999;margin-top: 25px;padding: 30px 0;text-align: center;}
footer #footerLinks a { color: #999999 }
footer #footerLinks a:hover { color: #ffffff }
.social { float: left; width: 35px;position: relative;left:15px;top: 35px; }


	
	.follow_us {color: #696A6C;font-family: PFSquareSansPro-light;font-size: 30px;left: 15px;position: absolute;top: 0;}
	/*
.follow_us { background-image: url("images/new_sprite.png"); background-position: -136px -140px; background-repeat: no-repeat; display: block; height: 90px; left: 290px; margin: 0 auto; overflow: hidden; position: relative; text-indent: -1000px; top: -28px; width: 95px; }*/
.social a { background-image: url("images/new_sprite.png"); background-repeat: no-repeat; display: block; height: 35px; overflow: hidden; text-indent: -1000px; width: 35px;position:relative; }


.twitter a { background-image: url("images/new_sprite.png"); background-position: -18px -166px; left: 0; position: relative; }
.twitter a:hover { background-position: -18px -200px }
.twitter a:active { background-position: -18px -132px }




.content .openClose, .openClose .moduleTitle {
    padding: 0;
	    background: url("images/BgOpenClose_bg.png") repeat-x scroll right top #FFFFFF;
width:100%
}
.openClose .moduleTitle a {
    background: url("images/BgOpenClose.png") repeat-x scroll right top #FFFFFF;
    color: #3A3A3D;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 51px;
	height: 51px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 20px;
    width: 920px;
}
.openClose .moduleTitle a:hover {
    color: #3A3A3D;
}


.open .moduleTitle , .open .moduleTitle a {
    background-position: right bottom;
}
.openClose .moduleBody {
    display: none;
	margin-bottom: 15px;
	 color: #777777;
	
}
.openCloseContent {
   font-size: 15px;
    margin: 0 auto;
    padding: 30px;
    width: 880px;
}


.openClose .cdaa_btn{float: none;}






.faceb a { background-position: -72px -166px; left: 0; position: relative; }
.faceb a:hover { background-position: -72px -200px }
.faceb a:active { background-position: -72px -132px }
.in a { background-position: -259px -166px; left: 0; position: relative; }
.in a:hover { background-position: -259px -200px }
.in a:active { background-position: -259px -132px }
.vimeo a { background-position: -311px -166px; left: 0; position: relative; }
.vimeo a:hover { background-position: -311px -200px }
.vimeo a:active { background-position: -311px -132px }

.container { margin: 0 auto; position: relative; width: 950px; z-index: 120; }

.container_full{ margin: 0 auto 10px; position: relative; width: 950px; z-index: 120; }

/*
#main .container{overflow: hidden;}*/
.work_container { margin: 0 auto; position: relative; width: 950px; z-index: 120; }
.project_container { margin: 0 auto; position: relative; width: 950px; z-index: 120; }

.project_container #project {display: block;}
.container_top { position: relative; width: 100%; }
#project_details { background: none repeat scroll 0 0 #353839; padding-bottom: 30px; overflow: hidden; }
/*#mainContent { -webkit-box-shadow: 0px 1px 5px hsla(0,0%,0%,0.4); -moz-box-shadow: 0px 1px 5px hsla(0,0%,0%,0.4); box-shadow: 0px 1px 5px hsla(0,0%,0%,0.4); }*/
.follow { cursor: pointer; display: block; width: 134px; position: fixed; top: 200px; left: -77px; z-index: 2000; background: url('images/sprites.png') 0px -109px no-repeat; }
.follow .inside { padding: 18px 12px 10px }
.follow .inside a { display: block; width: 60px; height: 50px; background-image: url('images/icns_sideSocial.png'); overflow: hidden; text-indent: -1000px; margin-bottom: 10px; }
.follow .inside a.fb { background-position: 0px -7px }
.follow .inside a.twitter { background-position: 0px -66px }
.follow .inside a.linkedin { background-position: 0px -125px }
.follow .inside a.vimeo { background-position: 0px -184px }
.follow .inside a.youtube { background-position: 0px -242px }


/* generic in-html-module style */
p, ul { padding-bottom: 1em }

/* ----------------------------------------------

WORK SECTION

---------------------------------------------- */

/* Work Section Filters */
.workFilter {padding: 10px 25px; height: 41px; line-height: 39px;}
.workFilter h2 {float: left; color: #fff; margin-right: 10px; font-size: 18px;}
.workFilter a {float: left; padding: 0 20px; margin-right: 10px; color: #adadad; border-top: 1px solid transparent; font-size: 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.workFilter a:hover {background: #222; background: rgba(0,0,0,0.5);}
.workFilter a.currentFilter {color: #2b2b2b; text-shadow: 1px 1px 0 #98def2; border-top: 1px solid #a3e6f8; 
	background: #43c1e3;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1e9cca), color-stop(1, #43c1e3));
	background-image: -webkit-linear-gradient(center bottom, #1e9cca 0%, #43c1e3 100%);
	background-image: -moz-linear-gradient(center bottom, #1e9cca 0%, #43c1e3 100%);
	background-image: -o-linear-gradient(center bottom, #1e9cca 0%, #43c1e3 100%);
	}	
	.workFilter a.currentFilter:hover {border-top: 1px solid transparent; 
		background: #46ccf0;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #21aadc), color-stop(1, #46ccf0));
		background-image: -webkit-linear-gradient(center bottom, #21aadc 0%, #46ccf0 100%);
		background-image: -moz-linear-gradient(center bottom, #21aadc 0%, #46ccf0 100%);
		background-image: -o-linear-gradient(center bottom, #21aadc 0%, #46ccf0 100%);
		}
	.workFilter a.currentFilter:focus,
	.workFilter a.currentFilter:active {border-top: 1px solid #2286a6;
		background: #34a5c5;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #36accd), color-stop(1, #34a5c5));
		background-image: -webkit-linear-gradient(center bottom, #36accd 0%, #34a5c5 100%);
		background-image: -moz-linear-gradient(center bottom, #36accd 0%, #34a5c5 100%);
		background-image: -o-linear-gradient(center bottom, #36accd 0%, #34a5c5 100%);
		-webkit-box-shadow: inset 0 2px 1px #2286a6;
		}

.workFilter,
.workPane {background: url("/Portals/0/skins/cdaa/images/hr.gif") top left no-repeat;}

/* Work Section Articles */
.workPaneContent, .workPaneContent .DNNModuleContent > div {clear: both; width: 950px;}
#dnn_ContentPane.workPane {padding: 30px 0; display: none; margin-top: 0;}
.workPaneContent:after {content: ""; display: block; height: 0; overflow: hidden; clear: both;}

.workWrap {display: block;}
.workItem {float: left; width: 310px; position: relative;}
.workItem h2 {font-size: 24px;}
.workItem em {font-style: normal; color: #adadad; padding: 3px 0 0; font-size: 14px;display: none;}

.workItem img {display: block; width: 310px; height: 224px; margin: 16px 0 25px;}

.workItem .hoverElement {display: none; width: 310px; height: 224px; bottom: 25px; background: #47ccf0; background: rgba(71,204,240,0.9); color: #fff; position: absolute; left: 0; text-align: center; font-size: 19px;}
.workItem .hoverElement span {padding-top: 100px; display: block;}

/* Margins for 1 and 2 */
.workPane .workItem.col1,
.workPane .workItem.col2 {width: 320px;}
.workPane .workItem:nth-child(3n+1),
.workPane .workItem:nth-child(3n+2) {width: 320px;}


/* ----------------------------------------------

PROJECT PAGE

---------------------------------------------- */
/* Restyling a new section to be a short #main */
#workFilterSection {margin-top: -65px; position: relative; z-index: 100;}
#main.projectMain {margin-top: 0; background: #222; background: rgba(0,0,0,0.2); min-height: 501px;}

/* Mobile Slides */
#dnn_mobileSlides {display: none;}

/* Layout */
#projectLeftContainer {float: left; padding-left: 25px; width: 263px; color: #adadad;}
h2.projectName {font-size: 20px; color: #fff; padding: 32px 0 20px;}

.projectMain .slideArea {float: right; width: 632px; clear: none; position: relative; height: auto; overflow: hidden;}

/* Launch Button */
a.launchSite {margin-top: 10px; width: 110px; height: 47px; background: url("images/new_sprite.png") -424px -745px no-repeat; display: block; text-indent: -9999px; outline: hidden;}
a.launchSite:hover {background-position: -544px -745px;}
a.launchSite:active, a.launchSite:focus {background-position: -664px -745px;}

/* Resizing stuff */
#main .slideArea.project .tabs,
#main .slideArea.project .tab,
.project_slides, 
.project_slides .slides,
.project_slides .slides .slide_container {width: 632px !important; height: 501px !important;}

.projectLeft {font-size: 14px;}

/* Rezedding the arrows */
.slideArea.project .next, .slideArea.project .prev {z-index: 920;}

/* Arrow Styles */
.project_container .tab .next,
.project_container .tab .prev {background: #000; background: rgba(0,0,0,0.2); top: 0; width: 20px; height: 501px; padding: 0 10px;}

.project_container .tab .prev {left: 0;}
.project_container .tab .next {right: 0;}

.project_container .tab .next span,
.project_container .tab .prev span {display:block; background: url('images/new_sprite.png'); width:20px; height:40px; overflow:hidden; text-indent:-1000px; position:absolute; top:242px; z-index:980; cursor:pointer}

.project_container .tab .next span {background-position: -285px -510px;}
.project_container .tab .prev span {background-position: -260px -510px;}

/* Launch Site Button */
.launchSite {}

/* ----------------------------------------------

NORMAL CONTENT PAGES

---------------------------------------------- */

.content, .contentThin { display: block; margin: 0 auto; position: relative; clear: both; }
/*.content .bg { background: url('images/bg_mainShadow.png') center center no-repeat; position: absolute; bottom: -45px; left: -42px; display: block; width: 1029px; height: 130px; z-index: 25; }*/
.contentThin .bg { background: url("images/bg_mainShadow.png") no-repeat scroll -32px 0 transparent; bottom: 0px; display: block; height: 130px; position: absolute; width: 1029px; z-index: 25; }
.contentThin .contentArea { color: #777; display: block; margin-bottom: 40px; padding: 5px 5px 2px; position: relative; top: 45px; z-index: 26; }
.contentArea_btm {     color: #777;
    display: block;
    float: left;
    margin-bottom: 40px;
    margin-left: 25px;
    padding: 5px 5px 2px;
    position: relative;
    top: 15px;
    width: 275px;
    z-index: 26; }

.content .contentArea { padding: 30px 30px 0; color: #777;/* background: #fff; */display: block; z-index: 26; position: relative; min-height: 100px; }
.contentArea_careers { padding: 30px 30px 0; color: #777; display: block; z-index: 26; position: relative; min-height: 100px; }
.contentArea .footer { display: block; nowhitespace: afterproperty; color:#54534A; background:none;  }
.columnLeft { padding-bottom: 100px; position: relative; display: block; float: left; width: 201px; }


.columnLeft blockquote { font-size: 1.667em; color: #EC9123; font-style: italic; }
.columnLeft .footer header { text-transform: uppercase; font-size: 1.125em; padding-bottom: 10px; }
.columnLeft .footer { font-size: 1.333em; border: 0; height: 90px; font-weight: normal; }
.columnRight { padding-bottom: 120px; position: relative; display: block; float: right; width: 660px; height: 100%; }
.columnRight .contentPane { display: block; border-bottom: 1px dashed #999; margin-bottom: 5px; padding-bottom: 20px; clear: both; }
.img_right { background: none repeat scroll 0 0 #F8F8F9; border: 1px solid #414247; float: right; margin-left: 10px; padding: 5px; }
.img_left { background: none repeat scroll 0 0 #F8F8F9; border: 1px solid #414247; float: right; padding: 5px; }
.content_img { background: none repeat scroll 0 0 #F8F8F9; border: 1px solid #414247; display: block; margin-bottom: 15px; padding: 5px; }
.columns { /*: ; -moz-column-count: 1; -moz-column-gap: 1.5em; -moz-column-rule: 1px inset #c4c8cc; -webkit-column-count: 1; -webkit-column-gap: 1.5em; -webkit-column-rule: 1px inset #c4c8cc; */ }
.columnRight .contentPane a { color: #00AFDB }
.columns a:hover { text-decoration: underline }
.columnRight .contentPane .module { font-size: 1.1em; min-height: 300px; }
.columnRight .contentPane .module header h2, #dnn_LeftColumn header h2, .module-header { font-weight: normal; nowhitespace: afterproperty; color: #00AFDB; /*border-bottom: 1px dashed #999; */ font-size:1.875em; margin-bottom:20px; }
.columnRight .contentPane .module p { padding-bottom: 1em; line-height: 1.5em; }
.columnRight .contentPane .module li { line-height: 1.5em }
.columnRight .footer { display: block; width: 660px; }
.columnRight .footer .module { padding-top: 20px }
.columnRight .footer .module p { float: left; width: 210px; padding-right: 10px; }
.columnRightTab {   
 background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #E6E6E6;
    color: #7E7E7E;
    float: right;
    font-size: 14px;
    margin-top: 0;
    padding: 10px 20px;
    position: relative;
    right: -22px;
    width: 269px;
	}
.columnRightTab h2{font-family: PFSquareSansPro-Regular;}
.contact { float: left }
.contactColumnLeft { float: right; font-size: 15px; line-height: 150%; margin-bottom: 30px; width: 610px; }

.contactColumnRight { border-right: 1px solid #E6E6E6; color: #7E7E7E; float: left; font-size: 14px;  padding: 20px 30px 30px; position: relative; left: -30px; width: 219px; }

#dnn_RightColumnTab { color: #7e7e7e }
#dnn_RightColumnTab strong, #dnn_RightColumnTab .Head { color: #2b2b2b }
#dnn_RightColumnTab ul {margin-left: 17px;}
#dnn_RightColumnTab li {margin: 0; font-size: 15px; line-height:25px;}
.contentPane UL LI { list-style-image: url('images/bullet.png') }
.contentPane LI { margin: 10px 0 }
.TabColumnLeft { float: left; font-size: 15px; line-height: 150%; width: 580px; margin-bottom: 30px; }
.TabColumn { float: left; font-size: 15px; line-height: 150%; margin-bottom: 30px; width: 855px; }
.TabColumn .Normal { margin-bottom: 25px }


/* ----------------------------------------------

BOTTOM WHITE AREA

---------------------------------------------- */

#bottom {background: url("images/white_bg_dot.gif") repeat; }
#bottom_wrapper { margin: 0 auto; width: 950px; }

#bottom_clinet_logos{border-bottom: 1px solid #E6E6E6; margin-bottom: 15px; padding: 15px 0 15px 20px;}
#bottom_clinet_logos a{}
#bottom_clinet_logos a:hover {opacity: 0.8;}

#bottom .module img { padding-left: 15px }
#bottom .module img:hover {opacity: 0.8;}

/*#bottom .module img:active{box-shadow: 0 0 15px #000000 inset;}*/
#bottom .contentArea { min-height: 100px }
#dnn_bottomContent_CDAA, #dnn_bottomContent_testimonials, #dnn_bottomContent_Services {border-right: 1px solid #E6E6E6;margin-left: 20px;padding-right: 15px; height:245px; }

/* Bottom Heading Styles */
#bottom h2 {font-size: 30px; height: 50px;margin-bottom: 35px;color:#2B2B2D;}
#dnn_bottomContent_CDAA h2{ background: url("images/new_sprite.png") no-repeat scroll 210px -406px transparent;}
h2.client_testimonials { background: url("images/new_sprite.png") no-repeat scroll 195px -457px transparent;}
h2.capabilities_testimonials {font-size:30px; background: url("images/new_sprite.png") no-repeat scroll 195px -457px transparent;color:#2b2b2d;height: 50px;    margin-bottom: 30px;}
h2.capabilities_services {background: url("images/new_sprite.png") no-repeat scroll 210px -640px transparent;color: #2B2B2D;font-size: 30px;margin-bottom: 10px;margin-top: 35px;height: 35px;}
h2.capabilities_talk {
    background: url("images/new_sprite.png") no-repeat scroll 190px -510px transparent;
    color: #2B2B2D;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 45px;
    margin-top: 10px;
    padding-top: 10px;
}
h2.capabilities_related_work {background: url("images/new_sprite.png") no-repeat scroll 200px -365px transparent;color: #2B2B2D;font-size: 30px;height: 30px;margin-bottom: 15px;margin-top: 10px;padding-top: 10px;line-height:30px;}
	
	.content_related_work ul{  margin-left: 13px;}
	.content_related_work li{font-size: 16px;margin: 0;color:#00AFDB;line-height: 25px;}


h2.capabilities_opti  {background: url("images/new_sprite.png") no-repeat scroll 195px -550px transparent; color: #2B2B2D; font-size: 30px; margin-bottom: 60px; padding-right: 45px; width: 220px;height:50px;}
#dnn_bottomContent_letsTalk h2{ background: url("images/new_sprite.png") no-repeat 210px -505px transparent;}
#dnn_bottomContent_Services h2{ background: url("images/new_sprite.png") no-repeat 220px -368px transparent; height: 39px; margin-bottom: 41px; }

/* Bottom Content Styles */
#bottom a{}
#bottom .module a:first-child img { margin-left: 20px; padding-left: 0; }
#bottom p, #bottom ul { color: #00AFDB; float: left; font-size: 18px; margin-left: 19px; width: 215px; font-family: PFSquareSansPro-light;}
#dnn_bottomContent_CDAA p, #dnn_bottomContent_testimonials p, #dnn_bottomContent_letsTalk p {color: #777777;float: left;font-family: PFSquareSansPro-light;font-size: 15px;line-height:1.2;margin-left: 0;width: auto;font-family: 'Calibri', 'Helvetica Neue',sans-serif;}


.content_related_work{  border-right: 1px solid #E6E6E6; float: left; margin-right: 20px; position: relative; width: 287px;}
.content_talk{width:250px;float:left;  height: 240px; position:relative;}

/* .content_talk .Content_Submit, .content_related_work .Content_Submit{position:absolute; bottom:0px;} */

/* ----------------------------------------------

FOOTER

---------------------------------------------- */

/*.recent_work { background-image: url("images/recent_work.png"); background-repeat: no-repeat; display: block; height: 33px; left: 25px; position: relative; text-indent: -1000px; top: 25px; }*/
.recent_work {  display: block; height: 33px; left: 25px; position: relative; top: 25px; font-size:3em;		font-family: PFSquareSansPro-Regular; font-weight: normal; }
/*
#feeds { border-bottom: 1px solid #4D5254; margin-bottom: 25px; padding-bottom: 10px; width: 915px; }
#feeds .contentArea { width: 467px; padding: 0; float: left; margin: 0; }*/
/*
#dnn_footer2.contentArea_wide { border-right: 1px solid #4D5254; float: left; font-size: 16px; margin-bottom: 25px; margin-right: 25px; min-height: 360px; padding: 0 80px 0 0; width: 525px; }
*/

/* jQuery Feeds */
#social #dnn_CDAALife h2 {font-size: 13px; text-align: left; margin: 0; padding: 0; font-family: 'Calibri', 'Helvetica Neue',sans-serif; clear: both;}

#dnn_footer2.contentArea_wide {float:left;font-size:16px;width:915px;}

#dnn_footer2.contentArea_wide .home_intro { font-size: 22px; line-height: 120%; }
#dnn_footer2 strong { color: #fff }
#social .contentArea { min-height: 142px; background: transparent; }
#social #twitter .module { padding-right: 0; background: url("images/new_sprite.png") no-repeat scroll -485px 0 transparent; min-height: 60px; }
#dnn_CDAALife .module { padding-right: 0; background: url("images/new_sprite.png") no-repeat scroll -325px 0 transparent;margin-top: -15px; height : 50px;}
#social .module { color: #d3d3d6; padding: 0px; }
#social .module a { color: #00AFDB }
#social .module a:hover { color: #9AEAFF }
#social h2 { color: #fff; font-weight: normal; font-size: 24px; margin-left: 3px; margin-bottom: 10px; }

 #twitter { border-left: 1px solid #4D5254;left: 615px;position: relative;top: -157px;width: 320px;}
 .tweetList {font-size: 12px;height: 93px;list-style: none outside none;margin: 0;overflow: hidden;padding: 0;position: absolute;text-align: left;top: 37px;width: 265px;z-index: 40; }

#social .tweetList li { clear: both; nowhitespace: afterproperty; display: block; margin: 0; padding: 15px 20px 6px 20px; list-style: none; color: #d3d3d6; /*border-bottom: 1px solid #6e6e70;*/ overflow:hidden;; }
#social .tweetList li a { color: #00AFDB }
#social .tweetList li span { /*display: block;*/ overflow: hidden; }
#social .tweetList li small { float: left; display: block; color: #999999; font-size: 100%; width: 80px; }
#dnn_RightColumnTab ul.testimonials{height:150px; margin: 10px 0;}
#dnn_RightColumnTab ul.testimonials li {margin: 0; font-size: 15px; line-height:21px;}

.testimonials strong{color:#00AFDB!important;    font-style: normal;
    font-weight: normal;}



	
	
	
#dnn_bottomContent_testimonials .testimonials strong{ color: #777777 !important;
    font-size: 14px;
    line-height: 100%;}

.testimonials li, #dnn_bottomContent_Services li {    color: #777777;
    font-family: 'Calibri','Helvetica Neue',sans-serif;
    font-size: 16px;
	}
.testimonials li {height:150px; float: left;
    margin-left: -20px;
    width: auto;
	display:block;}
#dnn_bottomContent_Services li {
	list-style-image: url("images/bullet.png");
}


#social_icons{float: left;width: 310px;}
#dnn_CDAALife {  border-left: 1px solid #4D5254;padding-left: 20px;position: relative;right: -300px;top: -15px;width: 180px;}
 .ModDNNNewsFeedsC { margin: 0; padding: 0; list-style: none; width: 280px; margin-top: 0px; }
 .DNN_News_ItemLink { clear: both; color: #FFFFFF; display: block; height: 10px; list-style: none outside none; margin: 0; overflow: hidden; padding: 4px 0; }
 .DNN_News_ItemDate { display: block; color: #999999; width: 80px; float: left;}
 .DNN_News_ItemLink a { color: #00AFDB; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:left;}
#dnn_ContentPane { margin-top: 6px }

#dnn_ContentPane h3{ color: #000000;font-size: 30px;margin-bottom: 15px;}
#dnn_ContentPane strong { font-size: 20px;font-family: PFSquareSansPro-Light;color:#000;}
#dnn_ContentPane .BlogBody strong { font-size: 100%; }
.blog #dnn_ContentPane { border-top: 1px solid #DADADA; margin-top: 6px; width: 690px; }
.contentArea_careers #dnn_ContentPane { width: 875px }


/* ----------------------------------------------

TAB MENU

---------------------------------------------- */

#dnn_tabNav > ul, #dnn_tabNav > ul ul, #dnn_tabNav > ul li { margin: 0; padding: 0; text-align: center; list-style: none;/*font-family: PFSquareSansPro-Regular; font-weight: normal;*/}

.topRow { background:url("images/line_blue.gif") repeat-x scroll 0 75px transparent; float: left; height: 285px; left: -30px; padding: 0px; position: relative; top: -30px; width: 950px; }
#TabMenu { display: block; height: 40px; margin-top: 17px; position: relative; margin-left: 10px; }
#TabMenu ul li { display: none }
#TabMenu ul li.show_sub ul ul { display: none }
#TabMenu ul li.show_sub, #TabMenu ul li.show_sub:hover { display: block }
#TabMenu li.show_sub li { display: inline-block; text-align: center; }
#TabMenu li.show_sub li a { font-size: 1.3em; line-height: 40px; color: #000; font-weight: normal; -webkit-text-shadow: 0px 1px 1px #8be6f8; -moz-text-shadow: 0px 1px 1px #8be6f8; text-shadow: 0px 1px 1px #8be6f8; padding: 12px; }
#TabMenu li.show_sub li a:hover, #TabMenu li.show_sub li.mmSelected a, #TabMenu li.show_sub li.active_item a{ color: #fff !important; -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; }
#TabMenu #dnn_tabNav > ul { position: relative; z-index: 50; float: left; }
#TabMenu .bg { display: block; position: absolute; top: 2px; width: auto; height: 39px; background: #2B2B2D;; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 40; -webkit-box-shadow: 0px 1px 4px #000 inset; -moz-box-shadow: 0px 1px 4px #000 inset; box-shadow: 0px 1px 4px #000 inset; }

#TabMenu:active .bg { display: block; position: absolute; top: 2px; width: auto; height: 39px; background: #2B2B2D;; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; z-index: 40; -webkit-box-shadow: 0px 1px 4px #000 inset; -moz-box-shadow: 0px 1px 4px #000 inset; box-shadow:0 5px 3px #000 inset; }


.ie #TabMenu li.show_sub li a { line-height: 40px; color: #000; font-weight: bold; padding: 10px; }
.ie #TabMenu li.show_sub li a:hover { color: #fff }
.ie #TabMenu .bg { background: #333 url('images/ie_tabs.png') top left repeat-x; overflow:hidden; }
.ie #TabMenu .bg .left { display: block; width: 19px; height: 39px; position: absolute; top: 0; left: 0; background: #333 url('images/ie_tabs.png') bottom left no-repeat; }
.ie #TabMenu .bg .right { display: block; width: 19px; height: 39px; position: absolute; top: 0; right: 0; background: #333 url('images/ie_tabs.png') bottom right no-repeat; }
.ie7 #TabMenu li.show_sub li { display: block; float: left; }
#dnn_RowTop { display: block; font-size: 18px; line-height: 150%; padding: 30px; position: absolute; top: 60px; width: 685px; color: #004c63; font-family: PFSquareSansPro-light, 'Calibri', 'Helvetica Neue',sans-serif;}
#dnn_RowTop p { line-height: 1; font-size: 30px; }
#dnn_RowTop h3 { color: #FFFFFF;  font-size: 44px; font-weight: normal; line-height: 100%; margin-bottom: 15px; margin-top: 10px; font-family: PFSquareSansPro-light;}
#internalTopNav, #internalTopNav li { float: left; list-style: none; padding: 0; margin: 0; }
#internalTopNav a { display: block; padding: 3px 0 3px 10px; width: 120px; margin-left: 10px; border-left: 1px dotted #80d7ed; }
#internalTopNav li:first-child a { padding-left: 0; margin-left: 0; border: 0; }
#internalTopNavCurrentItem { color: #00aedb; text-decoration: underline; }




/* ----------------------------------------------

SLIDER STYLES

---------------------------------------------- */

.slideArea { position: relative; display: block; height: 535px; clear: both; }
#main .tabs { display: block; position: relative; height: 580px; z-index: 60; }
.tab { display: block; width: 950px; height: 535px; text-align: center; position: absolute; z-index: 50; }
/*#clients {display:none;}_NO__DOTCOMMA__AFTER__*/


#work .work_container .module { position: relative; width: 940px; height: 510px; padding-top: 15px; background: #fff; border: 5px solid #ec9122; }
#clients .client_container .module { position: relative; width: 940px; height: 500px; background: #fff; border: 5px solid #00aedb; padding-top: 25px; }
#slides .slides .module { position: relative; width: 940px; height: 525px; background: #fff; border: 5px solid #FFF; }
.tab .module .module, .tab .module .module img { position: relative; width: auto; height: auto; border: 0; background: none; padding: 0; margin: 0; }
#clients .module { background: #fff }
#clients .module a { display: inline-block; position: relative; z-index: 180; }
#clients .module a img { display: inline-block; min-height: 100px; min-width: 100px; }
#clients .module .thumbs { padding: 10px 0px 10px 10px; display: none; width: 852px; height: 158px; background: #fafafb url('images/loading.gif') center center no-repeat; border: 1px solid #ecedee; position: absolute; left: 37px; top: 0px; z-index: 190; }
#clients .module .thumbs .module { position: static }
#clients .module .thumbs img { float: left; padding: 0 10px 10px 0px; }
#clients .next, #work .next, #slides .next { display: /*block*/ none; background: url('images/new_sprite.png') -158px -454px!important; width:46px; height:55px; overflow:hidden; text-indent:-1000px; position:absolute; top:242px; right:4px; z-index:300; cursor:pointer }
#clients .prev, #work .prev, #slides .prev { display: /*block*/ none;  background:url("images/new_sprite.png") repeat scroll -100px -453px transparent !important; width:55px; height:55px; overflow:hidden; text-indent:-1000px; position:absolute; top:242px; left:0px; z-index:300; cursor:pointer }
#work .prev:hover { background-position: -100px -503px !important }
#work .next:hover { background-position: -158px -504px !important }
#clients .client_container, #work .work_container, #project .slide_container, .slides .slide_container { position: absolute; width: 950px; height: 535px; display: block; }
#clients .client_container .bg, #work .work_container .bg, .slide_container .bg { /*background: url('images/bg_mainShadow.png') center center no-repeat; position:absolute; bottom:-53px; left:-42px; display:block; width:1029px; height:130px;*/ }
#project .slide_container .slide_pic { padding: 5px }
/*
.slide_container p, .slide_container h2{display:none;}
*/
#project .slide_container.s0 .slide_pic { padding: 0px }
#work .row, .wide .row { display: block; clear: both; margin: 0 auto; }
/*    #work .imgs, .wide .imgs {background:#fafafb; border:1px solid #ecedee; padding-bottom: 0; padding-left: 5px; padding-right: 2px; padding-top: 4px; width: 828px; position:relative; z-index:110;}_NO__DOTCOMMA__AFTER__*/





.intro_text{  position: relative; z-index: 110;}
.intro_text h2 {  color: #00AFDB;    font-size: 45px;    left: 90px;    line-height: 110%;    position: absolute;    text-align: left;    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);    top: 105px;    width: 501px;}
.intro_text p {     color: #ADADAD;    font-size: 18px;    left: 93px;    line-height: 125%;    position: absolute;    text-align: left;    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);    top: 40px;    width: 445px;}






#work .texts, .wide .texts { min-height: 55px; margin-top: -62px; padding: 77px 20px 0px; width: 831px; background: url('images/bg_smallShadow.png') center top no-repeat; position: relative; z-index: 100; }
#work .texts .textItem, .wide .texts .textItem { font-size: 12px; display: block; float: left; width: 274px; height: auto; text-align: left; padding-left: 6px; width: 273px; }
#work .texts .textItem:first-child, .wide .texts .textItem:first-child { padding-left: 0 }
.textItem h3 { color: #EC9122; margin-bottom: 0px; }


#work .imgs a h3 {background: url("images/new_sprite.png") no-repeat scroll -320px -456px transparent;color: #ADADAD;font-size: 16px;font-weight: normal;height: 30px;left: 0;margin-top: 170px;padding-left: 15px;padding-top: 10px;position: absolute;text-align: left;top: 0; width: 300px;}
#work .imgs a h3:hover { background-position: -310px -416px; color: #00B8DD; padding-left: 50px; width: 250px; }
#work .imgs a h3:active { background-position: -310px -376px; color: #00B8DD; padding-left: 50px; width: 250px; }
.clients_slides .row1, .clients_slides .row2 { height: 239px; float: left; position: relative; background: #ffffff; background: -moz-linear-gradient(top, #888888 0%, #efefef 1%, #ffffff 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888) ,color-stop(1%,#efefef), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); }
.clients_slides .row1 h3, .clients_slides .row2 h3 { background: url("images/new_sprite.png") no-repeat scroll -20px -607px transparent; bottom: 15px; color: #ADADAD; font-size: 16px; font-weight: normal; height: 20px; left: 107px; overflow: hidden; position: absolute; text-align: left; text-indent: -1000px; width: 20px; }
/*            .row.imgs a:hover {opacity:.8;}_NO__DOTCOMMA__AFTER__*/





.clients_slides .row1 h3:hover, .clients_slides .row2 h3:hover { background-position: 0 0 }
.wide .columnFull { background: #F2F2F2; padding: 20px; }
.slides { display: block; width: 950px; height: 535px; position: absolute; top: 0; left: 0; }

.slides {display: none;}
a.workButton { display: block; width: 72px; text-align: center; background: #ec9122; padding: 5px; position: absolute; left: 20px; top: -25px; color: #fff; z-index: 400; cursor: pointer; }
a.clientsButton { display: block; width: 72px; text-align: center; background: #00aedb; padding: 5px; position: absolute; left: 91px; top: -25px; color: #fff; z-index: 040; cursor: pointer; }
a.active { z-index: 500; padding: 7px 5px 8px 5px; top: -30px; }
.loading { display: none; height: 540px; width: 960px; background: #ffffff url('images/loading.gif') center center no-repeat; position: absolute; top: 0; left: 0; z-index: 550; }


.first_slide{opacity:0;}

/* ----------------------------------------------

HOMEPAGE

---------------------------------------------- */
.home #slides .slide_container .bg { display: none }
.home #slides .bg { background: url('images/bg_mainShadow.png') center center no-repeat; position: absolute; bottom: -53px; left: -42px; display: block; width: 1029px; height: 130px; }
/*.home_slides h2 { font-family: 'Calibri', 'Helvetica Neue',sans-serif; }*/
.home .firstSlide h2 { top: 190px !important; left: 271px !important; text-transform: capitalize; width: 560px !important; }
/*.home .slide_container .module img {position: absolute; top: 50px; left: 100px;opacity:0;}*/
.slide_animate_img {position: absolute;left:0; bottom:0; opacity:0;}

.slides .submit {background: url("images/new_sprite.png") no-repeat scroll -497px -276px transparent;bottom: 100px;color: #fff;display: block;font-size: 18px;height: 30px;left: 390px;padding-top: 10px;position: absolute;text-indent: 0;text-shadow: 0 1px 1px #006B8A;width: 135px;font-family: PFSquareSansPro-Regular; font-weight: normal;}

.submit_capabilities{margin-left:275px;}
.slides .submit:hover { background-position: -497px -316px ;color: #fff;}
.slides .submit:active { background-position: -497px -236px ;color: #fff;}
.slides .submit_capabilities{   background-position: -579px -605px;
    color: #333333;
    text-shadow: 0 1px 1px #999999;
    width: 255px;}
.slides .submit_capabilities:hover{background-position:-579px -565px; color: #000;}
.slides .submit_capabilities:active{background-position:-579px -526px; color: #000; }

.submit_shadow, .capabilities_shadow{background: none repeat scroll 0 0 transparent;bottom: 112px;box-shadow: 0 43px 17px #000000;height: 10px;left: 0;position: absolute;width: 135px;z-index: -1;}

.capabilities_shadow{margin-left: 275px;width:240px;}
#bottom .submit {  background: url("images/new_sprite.png") no-repeat scroll -497px -276px transparent;color: #fff;display: block;font-family: PFSquareSansPro-Regular;font-size: 18px;font-weight: normal;height: 30px;left: 0;padding-top: 10px;position: absolute;
    text-indent: 40px;text-shadow: 0 1px 1px #006B8A;top: 175px;width: 135px;}
	
#bottom .submit:hover { background-position: -497px -316px; }
#bottom .submit:active { background-position: -497px -236px; }


#dnn_RightColumnTab .Content_Submit, #dnn_ContentPane .Content_Submit,#dnn_footerContactDetails .submit{ 
 background: url("images/new_sprite.png") no-repeat scroll -497px -276px transparent;
    color: #fff;
    display: block;
    font-family: PFSquareSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    height: 30px;
     margin-top: 15px;
    padding-top: 10px;
    text-align:	center;
    text-shadow: 0 1px 1px #006B8A;
    width: 135px;}
	
	#dnn_ContentPane .Content_Submit:hover,#dnn_footerContactDetails .submit:hover { background-position: -497px -316px;color: #fff; }
#dnn_ContentPane .Content_Submit:active,#dnn_footerContactDetails .submit:active { background-position: -497px -236px;color: #fff; }

.cdaa_btn { background: url("images/new_sprite.png") no-repeat scroll -18px -276px transparent; color: #FFF !important; display: block; float: left; font-size: 16px; height: 32px; margin-top: 8px; padding-top: 8px; text-align: center; text-indent: 0; text-shadow: 0 1px 1px #006B8A; width: 285px; }
.cdaa_btn:hover { background-position: -18px -316px }
.cdaa_btn:active { background-position: -18px -236px }

#dnn_footerContactForm .submit { background: url("images/new_sprite.png") no-repeat scroll -497px -276px transparent; color: #3D3D3D; display: block; font-size: 16px; height: 31px; padding-top: 8px; text-indent: 27px; text-shadow: 0 1px 1px #8BE6F8; width: 150px; }
#dnn_footerContactForm .submit:hover { background-position: -497px -316px }
#dnn_footerContactForm .submit:active { background-position: -497px -236px }

#capabilities { height: 145px }
#dnn_capabilitiesContent { height: 135px }
#dnn_capabilitiesContent a:visited, #dnn_capabilitiesContent a:link { float: left; position: relative; border-left: 3px solid #fff; width: 154px; height: 135px; color: #fff; text-decoration: none; font-size: 14px; vertical-align: bottom; }
#dnn_capabilitiesContent a:first-child { border-left: 0px }
#dnn_capabilitiesContent a img { position: absolute; top: 0; left: 0; }
#dnn_capabilitiesContent a h2 { position: absolute; bottom: 6px; left: 6px; }
#dnn_footer.serviceText { display: none }
footer .container { padding-top: 35px; margin-bottom: 0; }


#dnn_footerContactForm { float: left; margin-left: 10px; width: 635px; }
#dnn_footerContactForm h2 { color: #fff; font-weight: normal; font-size: 24px; margin-left: 3px; }
#dnn_footerContactDetails { border-left: 1px solid #4D5254; float: left; font-size: 18px; padding-left:25px; height: 208px;}
#dnn_footerContactDetails h2, #dnn_footerContactDetails h3 { color: #D3D3D6; font-weight: normal; font-family: PFSquareSansPro-light;  }


#dnn_footerContactDetails h2 {font-size: 30px;margin-bottom: 10px;padding-top: 0;color: #696A6C; }
#dnn_footerContactDetails h3 { font-size: 30px; }
#dnn_footerContactDetails p { line-height: 1.5 }
#dnn_footerContactDetails .module { margin-top: 13px }
/* login form */


/* ----------------------------------------------

CONTACT US

---------------------------------------------- */
.form { font-size: 0.75em; width: 615px; }
.form table { width: 615px }
.form table table { width: auto }
.form td { padding: 0 }
.form h3 { font-size: 1.8em; color: #47C8F5; line-height: 1em; padding-bottom: 1em; }
.form input, .form select { margin: 0 14px 8px 0 }
#dnn_ctr407_FormMaster_ctl_5fa6a813d95a4b7eb53ea6c7039189a8 { height: 60px }
.sitepromoter, .blue_box { background: none repeat scroll 0 0 #cef4fd; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.25) inset; color: #00acda; display: block; padding: 11px; width: 610px; }
.sitepromoter_thankyou{ background: none repeat scroll 0 0 #cef4fd; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.25) inset; color: #00acda; display: block; padding: 11px; width: 570px; }
.blue_box { width: 785px; min-height: 50px; }
.blue_box ul { display: block; list-style: none; padding: 2px 0 0 0; margin: 0; text-align: center; }
.blue_box li { display: inline-block; list-style: none; padding: 2px 0 0 0; margin: 7px 10px 0 10px; }
.blue_box a, .blue_box a:link, .blue_box a:visited {color:#006BA3}
.blue_box a:hover, .blue_box a:active {color:#00B8DD}


.form input.NormalTextBox, .contact_item, .contact_item_message, input[type="file"] { background: none repeat scroll 0 0 #FAFAFA; border: none; border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 1 3px rgba(0, 0, 0, 0.25) inset; color: #7E7E7E; display: block; padding: 9px; width: 260px; font-size: 14px;
-webkit-transition:  background 0.5s linear 0s;
-moz-transition:  background 0.5s linear 0s;
-o-transition:  background 0.5s linear 0s;
transition:  background 0.5s linear 0s;
 }
.no-boxshadow .form input.NormalTextBox, .no-boxshadow .contact_item, .no-boxshadow .contact_item_message, input[type="file"], .no-boxshadow .form textarea.NormalTextBox  {border:1px solid #cccccc}
#dnn_ctr412_MainView_ViewEntry_txtAuthor, #dnn_ctr412_MainView_ViewEntry_txtWebsite, #dnn_ctr412_MainView_ViewEntry_txtComment, #dnn_ctr412_MainView_ViewEntry_txtCommentTitle { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 0 7px rgba(0, 0, 0, 0.25) inset; color: #A8A8A8; display: block; padding: 11px; width: 260px; font-size: 11px; }
#dnn_leftColumnBottom .contact_item { width: 120px }



#dnn_leftColumnBottom .submit { background: url("images/new_sprite.png") no-repeat scroll -497px -276px transparent; color: #3D3D3D; display: block; font-size: 16px; height: 31px; padding-top: 8px; text-indent: 45px; text-shadow: 0 1px 1px #8BE6F8; width: 150px; }
#dnn_leftColumnBottom .submit:hover { background-position: -497px -316px }
#dnn_leftColumnBottom .submit:active { background-position: -497px -236px }





#dnn_ctr752_FormMaster_tdFormMasterHeaderCell { padding-left: 10px }
#footerContact .contact_item, #footerContact .contact_item_message { background: none repeat scroll 0 0 #3e4143;
-webkit-transition:  background 0.5s linear 0s;
-moz-transition:  background 0.5s linear 0s;
-o-transition:  background 0.5s linear 0s;
transition:  background 0.5s linear 0s;

}
#dnn_ctr731_FormMaster_ctl_c0ed84826597415c9f7d10bf1334d6e3div { font-size: 12px; margin-top: 20px; }
.contact_item_message { height: 100px }
/*
.careers_submit { /*background: none repeat scroll 0 0 #2A2C2D; border: 1px solid #000000; border-radius: 25px 25px 25px 25px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;  color: #FFFFFF; display: block; font-size: 13px;  text-shadow: 0 1px 1px #000;*//*cursor: pointer;margin-top: 25px !important; float: left; background:none!important;  }*/

.careers_submit { 
 background-image: url("images/new_sprite.png")!important;
 background-position:-19px -276px;
 background-repeat:no-repeat;
 background-color:transparent;
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-family: PFSquareSansPro-Regular;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    margin-top: 14px !important;
    padding-top: 2px;
    text-align: center;
    text-shadow: 0 1px 1px #006B8A;
    width: 285px;
}



.form .NormalCheckBox td, .form .contact_item2 td { padding:0px }
.form label.SubHead, .contact_h { padding: 5px 0 15px 0; display: block; font-size: 15px; }
.form span.NormalTextBox { display: block; margin-bottom: 30px; }
.form textarea.NormalTextBox { background: none repeat scroll 0 0 #FAFAFA; border: 1px solid #FFFFFF; border-radius: 5px 5px 5px 5px; -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; box-shadow: 0 1 3px rgba(0, 0, 0, 0.25) inset;  color: #7E7E7E; display: block; margin: 0 0 15px; padding: 7px; width: 137px; font-size:14px;}


.form input:hover, .form textarea:hover { outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background:#F1F0F0;}
.form input:focus, .form textarea:focus { outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background:#f2fbfd!important;}

/* Over-riding animation on form inputs */
.form input.careers_submit {-webkit-transition: all 0 ease; -moz-transition: all 0 ease; transition: all 0 ease;}

.careers_submit:hover { background-position: -19px -316px!important;color: #fff;  background-repeat:no-repeat; background-color:transparent!important;-webkit-transition: all 0s; -moz-transition: all 0!important;transition: all 0!important; }
.careers_submit:active { background-position: -19px -236px!important;color: #fff; background-repeat:no-repeat; background-color:transparent!important;-webkit-transition: all 0s; -moz-transition: all 0;}

.form .submit { background: url("images/send_enquiry.jpg") no-repeat scroll 0 0 transparent; display: block; float: right; height: 39px; margin-right: 39px; overflow: hidden; position: relative; text-indent: -1000px; width: 284px; }
.form .submit:hover { background-position: left bottom }


.form .submit { background: url("images/new_sprite.png") no-repeat scroll -18px -276px transparent; color: #FFF !important; display: block; float: right; font-size: 16px; height: 32px; margin-top: 8px; padding-top: 8px; text-align: center; text-indent: 0; text-shadow: 0 1px 1px #006B8A; width: 285px; }
.form .submit:hover  { background-position: -18px -316px }
.form .submit:active { background-position: -18px -236px }


#dnn_ctr407_FormMaster_Cdaa_Contact_form td { }
#dnn_ctr407_FormMaster_Cdaa_Contact_form .NormalRed {display:none !important;}


/* ----------------------------------------------

HOMEPAGE CONTACT FORM

---------------------------------------------- */
#dnn_footerContactForm .contact_item {font:12px 'Calibri', sans-serif; margin: 0 20px 0 0; border: none; }
#dnn_footerContactForm .contact_item:focus {outline:none; background:#4e5154!important}

#dnn_footerContactForm .contact_item:hover {outline:none; background:#434648}

#dnn_footerContactForm textarea.contact_item { max-width: 265px; min-height: 68px; width: 265px; }
#dnn_footerContactForm .contact_h { padding: 3px; color: #A8A8A8; }
#dnn_footerContactForm td { position: relative }
#dnn_footerContactForm .submit { float: right; margin-top: 15px; }




.OPTiMUM{}

/* ----------------------------------------------

RECENT NEWS

---------------------------------------------- */
.recentNews { font-size: 1.167em; display: none; }
.recentNews .module { width: 475px; float: left; }
.recentNews h2 { font-size: 1.429em; line-height: 3em; color: #00AFDB; }
.recentNews ul, .recentNews li { display: block; list-style: none; padding: 2px 0 0 0; margin: 0; }
.recentNews ul { float: left; width: 230px; }
.recentNews p { padding-bottom: 0; padding-top: 3px; display: block; }
.recentNews a, .recentNews a:visited, .recentNews a:link { color: #FFFFFF }
.recentNews a:hover, .recentNews a:active { color: #2ac8f0 }
.recentNews .ModDNNNewsFeedsC { clear: both }
.recentNews .ModDNNNewsFeedsC .recent_date { display: block; float: left; }
.recentNews .ModDNNNewsFeedsC a { display: block; margin-left: 88px; }




/* ----------------------------------------------

NEWS and CDAA LIFE BLOG

---------------------------------------------- */
.ModOrizontiNukeNewsC, .blog { }
.NukeNews_Item, .NukeNews_AltItem { font-size: 0.9em }
.blog .columnLeft #dnn_LeftColumn { margin-top: 10px; font-size: 0.857em; }
.blog .columnLeft #dnn_LeftColumn .module { padding-bottom: 1em }
.blog .columnLeft #dnn_LeftColumn h2 { font-size: 1.25em; color: #47C8F5; padding: 1em 0; font-weight: bold; margin-bottom: 0px; }
.blog .columnLeft #dnn_LeftColumn a, .blog .columnLeft #dnn_LeftColumn a:link, .blog .columnLeft #dnn_LeftColumn a:visited { color: #7E7E7E; text-decoration: none; }
.blog .columnLeft #dnn_LeftColumn a:hover { color: #47C8F5 }
.blog .columnLeft #dnn_LeftColumn td { padding: 1px 0 }
#dnn_ctr419_ViewCategories_tvCategories { margin-top: -20px }
.blog .columnRight .contentPane { border-bottom: 0 }

/*

.blog #leftColumnTop {border-bottom:1px dashed #999; padding-bottom:9px;}
.blog .columnRight {border-top:1px dashed #999; margin-top:10px;}*/

.blog .contentPane .module { min-height: 0px; font-size: 1.167em; }
/*#dnn_ctr412_MainView_ViewBlog_lstBlogView tr { border-top: 1px solid #dadada; background: -moz-linear-gradient(top, #F5F5F5 0%, #ffffff 50%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(50%,#ffffff), color-stop(100%,#ffffff)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#C6C7C9',GradientType=0 ); }*/
.ModOrizontiNukeNewsC .BlogBody, .blog .BlogBody { /*background: url("images/blog_triangle.png") no-repeat scroll 40px -1px transparent; */ border-bottom: 1px solid #DADADA; clear: both; float: left; margin-left: 0; padding: 20px; position: relative; top: -1px; width: 650px;font-size: 15px; }
.ModOrizontiNukeNewsC .BlogTitle, .blog .BlogTitle { font-size: 30px; padding: 10px 0px 5px 0px; }
.ModOrizontiNukeNewsC .BlogTitle a, .blog .BlogTitle a { color: #47C8F5 }
.ModOrizontiNukeNewsC .BlogDateline, .blog .BlogDateline { font-size: 0.857em; font-style: italic; }
.ModOrizontiNukeNewsC .BlogMoreLink, .blog .BlogMoreLink { background: url("images/new_sprite.png") no-repeat scroll -320px -565px transparent; 
height: 30px; padding-left: 15px; padding-top: 9px; position: relative; top: 24px; width: 84px; float: left; color: #3D3D3D !important; }
.dnn_ctr412_MainView_ViewEntry_lblPostedBy { color: #6F6F71 }
.BlogMoreLink:hover { background-position: -320px -605px }

.BlogMoreLink:active { background-position: -320px -525px }

.ModOrizontiNukeNewsC .BlogFooterLeft, .blog .BlogFooterLeft { display: none }
.BlogReadMore{font-size:13px;}
.ModOrizontiNukeNewsC .BlogFooterRight, .blog .BlogFooterRight { padding-top: 2em; font-size: 12px; }
.ModOrizontiNukeNewsC .BlogCommentsNormal, .blog .BlogCommentsNormal { background: url("images/new_sprite.png") no-repeat scroll -420px -565px transparent; float: left; 
height: 30px; padding-left: 45px; padding-top: 9px; width: 92px; color: #3D3D3D !important;  position: relative;
    top: 0px;}
.BlogCommentsNormal:hover { background-position: -420px -605px }
.BlogCommentsNormal:active { background-position: -420px -525px}
.ModOrizontiNukeNewsC .BlogEditLink, .blog .BlogEditLink { float: right }
.ModOrizontiNukeNewsC .Blog_RecentEntries a, .blog .Blog_RecentEntries a { display: block; padding-bottom: 10px; }
.BlogCommentsC { border-top: 1px dashed #999; padding: 15px 0px; }
.blog .columnRight { padding-bottom: 0px; top: -6px; }
.blog .columnLeft { background: none; color: #7E7E7E; float: left; font-size: 14px; left: 0; margin-top: 0; padding: 0 10px 0 30px; position: absolute; width: 200px; border-right: 1px solid #DADADA; }
.blog_wrapper { /*width: 550px;*/ float: left; }
.blog_img { background: none repeat scroll 0 0 #F8F8F9; clear: both; padding: 5px; }
.blog_header { left: -30px; position: relative; top: -30px; width: 950px; height: 285px; }
.BlogBody a { color: #3D3D3D }
.ModBlogC td { padding: 0 }
.ShareBadgePRO_Toolbar, .BlogTrackback, .BlogPrint { display: none }
blockquote { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("images/quote_wh.gif"); background-origin: padding-box; background-position: 10px 2px; background-repeat: no-repeat; background-size: auto auto; color: #00AFDB; font-family: 'Calibri',sans-serif; font-size: 1.2em; font-size-adjust: none; font-stretch: normal; font-style: italic; font-variant: normal; font-weight: normal; line-height: normal; margin-bottom: 0.25em; margin-left: 0; margin-right: 0; margin-top: 0.25em; }
blockquote, pre { padding-bottom: 0.25em; padding-left: 40px; padding-right: 40px; padding-top: 0.25em; }

.BlogLeftTD {vertical-align: middle; width:120px;}
.BlogCommentsC #dnn_ctr412_MainView_ViewEntry_txtComment {width:620px; margin-bottom:10px;}

/* Fixing "visible by administrator only" taking up the entire blog space bug */
.blog .contentPane .DnnModule {clear:both;}

/* ----------------------------------------------

BLOG TABLE

---------------------------------------------- */
#blog_table {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 20px;
    text-align: left;
    width: 480px;
}

#blog_table th {
    border-bottom: 2px solid #47C8F5;
    color: #47C8F5;
    font-size: 14px;
    font-weight: normal;
    padding: 10px 8px;
}

#blog_table td {
    border-bottom: 1px solid #CCCCCC;
    padding: 6px 8px;
}

/* ----------------------------------------------

TERMS

---------------------------------------------- */
#terms{font-size: 12px;line-height: 115%;}

#terms UL LI {
	list-style:disc;
}

#terms LI {
    margin: 0;
}

#terms strong {
	font-size:13px;
}
#terms table{}
#terms tr{}
#terms td{   border: 1px solid;
    margin: 0;
    padding: 5px;}

#terms blockquote{ background: none repeat scroll 0 0 transparent;
    color: #444444;
    font-size: 13px;}
	
	#terms h1{font-size:16px; margin-bottom: 10px;}

	#terms h2{font-size:14px; margin-bottom: 10px;}


/* ----------------------------------------------

CAREERS FORM

---------------------------------------------- */
#Careers_form { }
#Careers_form h2 {font-size: 30px; margin: 30px 0 20px 0; color: #2B2B2D;}
#form_nav { float: left; margin-top: 25px; }
#form_wrapper { width: 950px; margin-bottom: 25px; overflow: hidden; position: relative; /*    top: -20px;left: -70px;*/ }
#dnn_form_slider { position: relative; }
#dnn_form_slider .NormalRed { display: none!important }
#Career_One { background: url("images/careers_stages.png") no-repeat scroll 0 -196px transparent; float: left; font-size: 24px; height: 35px; margin-right: 20px; padding-top: 5px; text-indent: 50px; cursor: pointer; text-shadow: 0 1px 1px #8BE6F8; }
#Career_Two { background: url("images/careers_stages.png") no-repeat scroll 0 -146px transparent; float: left; font-size: 24px; height: 35px; margin-right: 20px; padding-top: 5px; text-indent: 50px; cursor: pointer; text-shadow: 0 1px 1px #8BE6F8; }
#Career_Three { background: url("images/careers_stages.png") no-repeat scroll 0 -49px transparent; float: left; font-size: 24px; height: 35px; margin-right: 20px; padding-top: 5px; text-indent: 50px; cursor: pointer; text-shadow: 0 1px 1px #8BE6F8; }
#Career_One:hover { background-position: 0 -196px!important }
#Career_Two:hover { background-position: 0 -96px!important }
#Career_Three:hover { background-position: 0 0!important }




/* ----------------------------------------------

TzCheckboxes

---------------------------------------------- */
.contact_item2 label { display:none;}

.ie8 .contact_item2 LABEL { top: 5px!important }
.tzCheckBox { background: url("images/new_sprite.png") no-repeat scroll -18px -78px transparent; cursor: pointer; display: inline-block; height: 35px; margin-bottom: 0; margin-left: 0; padding-bottom: 0; position: relative; white-space: nowrap; width: 300px; left: -2px; }
.tzCheckBox label { }
.tzCheckBox:hover { background-position: -319px -78px; margin: 0; position: relative; z-index: 10; }
.tzCheckBox.checked { background-position: -18px -29px; margin: 0; position: relative; z-index: 10; }
.tzCheckBox .tzCBContent { color: #7E7E7E; cursor: pointer; display:block; font-size: 14px; line-height:35px; position: absolute; left: 43px; top:0px; z-index: 11; }
.tzCBPart { background: url('images/new_sprite.png') no-repeat left bottom; width: 14px; position: absolute; top: 0; left: -14px; height: 33px; overflow: hidden; }
.tzCheckBox.checked .tzCBPart { background-position: top right; left: auto; right: -14px; }


/*tweet*/

/* ----------------------------------------------

CLIENT ACCESS REQUEST

---------------------------------------------- */
#dnn_requestform {display: none;}
#cboxWrapper #dnn_requestform {display: block;}
iframe html.no-js, iframe html.no-js body {overflow: none;}

/* ----------------------------------------------

COLORBOX

---------------------------------------------- */
/* Core Styles */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* User Style */
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


.tweet_box { float: left; background-image: url("images/new_sprite.png"); background-position: 0 -459px; background-repeat: no-repeat; color: #FFFFFF; display: block; font-size: 10px; height: 17px; margin-bottom: 0; margin-left: auto; margin-right: auto; overflow: hidden; padding-top: 50px; position: absolute; right: 0; text-indent: 28px; width: 77px; }



.addthis_button_tweet{  overflow: hidden;    margin-right: 35px;    width: 55px;}
.addthis_counter.addthis_pill_style  {margin-right: 35px;}

.IN-widget{margin-left:25px;}


/* ----------------------------------------------

INTERNET EXPLORER SUPPORT

---------------------------------------------- */

.ie8 .ie #top .nav { bottom: -14px; border: 1px solid red; }
.no-cssgradients #main .bg2 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#C6C7C9',GradientType=0 ); /* ie */ }
/*

.no-cssgradients #feeds .contentArea {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A3A3C', endColorstr='#555658',GradientType=0 ); }
*/

.ie .form input.NormalTextBox, .ie .form textarea, .ie .contact_item { outline: none; border: 1px solid #ccc; }
.no-opacity .row.imgs a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" }
.no-rgba #top nav ul ul { background: #2b2b2d }
.no-rgba #top nav { background: #2b2b2d; /*bottom: -14px;*/; }
.no-rgba #project .slide_pic .text_container { background: url('images/bg_black.png') top left repeat; zoom: 1; }


.ie7 #top {z-index:110; background: #2b2b2d }
.ie7 #top nav ul li a span {left:10px;}
.ie7 #top nav ul li li {position:relative;}


.ie7 .ie_spots, .ie8 .ie_spots, .ie9 .ie_spots{display:block;}

/* ----------------------------------------------

ADMIN MODULES

---------------------------------------------- */
ul.dnnActionMenuBody {z-index: 9999;}

/* MobiNuke Clearing */
.ModmobiNukeC, .DnnModule-mobiNuke {clear: both;}

/* Logout Link */
.dnnControlPanel {position: relative;}
#dnnLogout {position: absolute; right: 90px; top: 0;}
#dnnLogout a {color: red;}


/* ----------------------------------------------

MEDIA QUERIES

---------------------------------------------- */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}
@media screen and (max-device-width: 480px) {}

/* ----------------------------------------------

PRINT STYLESHEET

---------------------------------------------- */
@media print {

  * { background: transparent !important; color: #444 !important; text-shadow: none !important; width:auto; }
  a, a:visited { color: #444 !important; text-decoration: none !important; }
  /*a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  

  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
    

    #top {height:auto !important;}
    #top h1 { text-indent:0; font-size:20px; text-transform:uppercase; width:auto; height:auto; position:relative; display:block;}
    #top h2 { text-indent:0; font-size:15px; width:auto; height:auto; position:relative; display:block;}
    #top nav, .no-cssgradients .bg, .no-cssgradients .bg2, .bg, .bg2{display:none !important;}
    

    .columnLeft {width:25% !important}
    .columnRight {width:70% !important}
    .container {width: 100% !important;}
}