/* Axis41 - Primary styles */
/* Copyright 2009 Axis41 */

/* Sitewide */

html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	color: #2C3F4B;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #FFFFFF;
}

body {
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.clear {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: -1px 0 0;
	padding: 0;
	width: 100%;
}

/* Loading Indicator */
#loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	z-index: 20;
	display: none;
	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 51px;
	height: 51px;
	margin: -25px 0 0 -25px;
	padding: 3px 2px;
	z-index: 300;
	background: transparent url('../images/loader_background.png') no-repeat left top;
	filter:alpha(opacity=65);
	opacity:0.65;
	-moz-opacity:0.65;
}

/* Primary navigation */

#navigation_con {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 100;
	height: 32px;
}

#navigation_con a {
	color: #dbe0e2;
	text-decoration: none;
}

#navigation_con #nav_right a {
	padding: 2px 5px;
}

#navigation_con #nav_right a:hover {
	background: #384a56;
}

#navigation_con #home_link {
	width: 106px;
	height: 66px;
	display: block;
	position: absolute;
	left: 45px;
	background-image: url(../images/home_link.png);
	z-index: 970;
}

#navigation_con #home_link:hover {
	text-decoration: none;
}

#navigation_con #home_link span {
	visibility: hidden;
}

#navigation_con #pri_navigation {
	height: 32px;
	background-color: #3d5562;
	position: relative;
	z-index: 960;
}

#navigation_con #pri_navigation #nav_left {
	height: 22px;
	float: left;
	margin: 0 0 0 0;
	padding: 9px 0 0 175px;
	font-size: 12px;
	text-transform: uppercase;
}

#navigation_con #pri_navigation #nav_left li {
	margin: 0 20px 0 0;
	padding: 0 8px 0 0;
	float: left;
	list-style-type: none;
	background: url(../images/nav_bullet.png) no-repeat right center;
}

#navigation_con #pri_navigation #nav_left li.open {
	background: none;
}

#navigation_con #pri_navigation #nav_right {
	height: 23px;
	float: right;
	margin: 0 0 0 0;
	padding: 9px 25px 0 0;
	font-size: 11px;
}

#navigation_con #pri_navigation #nav_right li {
	margin: 0 8px 0 0;
	float: left;
	list-style-type: none;
}

/* Sub navigation */
#navigation_con #sub_navigation_con {
	position: relative;
	top: -76px;
	background: url(../images/nav_shadow.png) repeat-x left bottom;
	height: 75px;
	padding: 0 0 11px 0;
	overflow: hidden;
	z-index: 100;
}

#navigation_con #sub_navigation {
	height: 64px;
	padding: 6px 0 6px 0;
	background-color: #55707e;
	filter: alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:0.9;

}

#navigation_con #sub_navigation ul {
	display: none;
}

#navigation_con #sub_navigation #think {
	width: 95px;
	float: left;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 170px;
	font-size: 12px;
	list-style-type: none;
}

#navigation_con #sub_navigation #think li {
	margin: 0 0 0 0;
}

#navigation_con #sub_navigation #think li a {
	width: 80px;
	display: block;
	padding: 3px 0 3px 5px;
}

#navigation_con #sub_navigation #think li a:hover {
	background-color: #3d5562;
	text-decoration: none;
}

#navigation_con #sub_navigation #think li a.current {
	background-color: #435e6b;
	text-decoration: none;
}

#navigation_con #sub_navigation #speak {
	width: 145px;
	float: left;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 232px;
	font-size: 12px;
	list-style-type: none;
	/* border-right: 1px solid #dbe0e2; */
}

#navigation_con #sub_navigation #speak li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navigation_con #sub_navigation #speak li a {
	width: 140px;
	display: block;
	padding: 3px 0 3px 5px;
}

/*#navigation_con #sub_navigation #speak li a:hover, #navigation_con #sub_navigation #speak li.active a, #navigation_con #sub_navigation #speak li:hover a {
	background-color: #364c59;
	text-decoration: none;
}*/

#navigation_con #sub_navigation #speak li a.hover,
#navigation_con #sub_navigation #speak li a:hover {
	background-color: #3d5562;
	text-decoration: none;
}

#navigation_con #sub_navigation #speak li a.current {
	background-color: #435e6b;
	text-decoration: none;
}

#navigation_con #sub_navigation #speak ul {
	width: 540px;
	height: 64px;
	float: left;
	position: absolute;
	top: 0;
	margin: 0 0 0 140px;
	padding: 0 0 0 20px;
	font-size: 11px;
}

#navigation_con #sub_navigation #speak ul li {
	margin: 0 0;
	float: left;
	list-style-type: none;
}

#navigation_con #sub_navigation #speak ul li a {
	display: block;
	width: 175px;
	padding: 2px 0 2px 5px;
}

#navigation_con #sub_navigation #speak ul li a:hover {
	background-color: #3d5562;
	text-decoration: none;
}

#navigation_con #sub_navigation #speak li:hover ul, #navigation_con #sub_navigation #speak li.active ul {
	/*display: block;*/
}

#navigation_con #sub_navigation #speak #client-portfolio ul {
	height: 130px;
	overflow: hidden;
}

#navigation_con #sub_navigation #speak #client-portfolio ul li a {
	width: 175px;
}

#navigation_con #sub_navigation #speak #recent-work ul li a {
	width: 200px;
}

/* Page canvas */

#page_canvas, #a-container {
	height: 100%;
	width: 100%;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*background: url(../images/portfolio_test.jpg) no-repeat fixed;*/
	overflow: hidden;
	position: relative;
}

/* homepage flash */
#home-flash {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
}

/* Alert Box */
.alert-body {
	background-color: #d1d1d5;
}

.alert-box{
	width: 422px;
	height: 286px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -211px 0 0 -143px;
}

.alert-box .alert-box-top {
	height: 7px;
	background: url(../images/alert_box_top.png) no-repeat center bottom;
}

.alert-box .alert-box-middle {
	height: 271px;
	padding: 0 0 0 7px;
	background: url(../images/alert_box_bg.png) repeat-y center top;
}

.alert-box .alert-box-bottom {
	height: 8px;
	background: url(../images/alert_box_bottom.png) no-repeat center top;
}

.alert-box h1 {
	font: 18px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	background-color: #4b5d69;
	line-height: 35px;
	padding-left: 25px;
	padding-right: 25px;
	width: 356px;
	margin: 0;
}

.alert-box p {
	margin: 21px 50px 21px 25px;
	color: #2c3f4a;
	font: 13px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.alert-box p a {
	color: #2c3f4a;
	text-decoration: underline;
}