html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}


* {
	margin: 0;
	padding: 0;
	}
	
body {
	background: #003366 url("../images/avala_background_gradient.jpg") center top no-repeat;
	color: #003366;
	font-family: Arial, Helvetica sans-serif;
	}
	
hr { 
	width:90%; 
	margin:auto;
	color:#003366;
	margin-bottom:25px;
}

/***************************************/
/* LAYOUT */
/***************************************/

#container {
	position:relative;
	width: 800px;
	margin: 20px auto;
	background: #fff;
	}
	
#header {
	height: 130px;
	background: url("../images/header.jpg") left top no-repeat;
	}
	
	#header h1 {
		font-size: 12px;
		text-align: right;
		padding: 43px 15px 0 0;
		text-transform: uppercase;
		}
	
#mainmenu {
	height: 36px;
	background: url("../images/main_menu.png") 0 0 no-repeat;
	}

#content2 {
	overflow:hidden;
	margin: 0 0 0 20px;
	}
	
#content {
	position:relative;
	margin: 0 0 0 3px;

	}
	
	.full { padding: 20px; }
	.horizontal { padding: 0 20px; }
	.vertical { padding: 20px 0; }
	.font_sm { font-size: 12px; }


#bios{
 	height:200px;
	width:718px;
	margin:0px 0px 0px 0px;
	text-align:justify;
}

#biosContainer{
	position:relative;
	width:756px;
	margin:auto;
	color: #003366;
	font-family: Arial, Helvetica sans-serif;
	font-size:12px;
}

#biosContainer img{
	float:left;
	padding-right:10px;
	padding-bottom:15px;
	
}

#inner_content {
	padding: 20px 100px;
	}
	
#footer {
	position:relative;
	background: url("../images/footer_image.jpg") left bottom no-repeat;
	padding: 0 24px 12px 0px;
	text-align:right;
	}

	
/***************************************/
/* MAIN MENU */
/***************************************/	

#mainmenu ul {
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0;
	}
	
#mainmenu li {
	float: left;
	display: inline;
	}
	
#mainmenu li a {
	display: block;
	height: 36px;
	text-indent: -9999px;
	text-transform: uppercase;
	font-size: 11px;
	outline: none;
	}
	
#mainmenu li ul {
	position: absolute;
	left: -9999px;
    margin: -5px 0 0 0;
	}

#mainmenu li:hover ul, #nav li.sfhover ul {
    left: auto;
	}

#mainmenu li ul li { 
	padding: 0;
	margin: 0 1px 0 0;
	}

#mainmenu li ul li a {
	text-indent: 0;
	color: #003768;
	background: #a8bbcc;
	padding: 5px 8px 5px 8px;
	text-align: left;
	margin: 0;
	height: 15px;
	}

#mainmenu li ul li a:hover {
	background: #003768;
	color: #fff;
	}

#mainmenu li:hover {
	height: 1%; /* IE7 fix */
	}	
	
#mainmenu li a#home { width: 68px; background: url("../images/main_menu.png") -22px -0 no-repeat; }
#mainmenu li a#home:hover { background: url("../images/main_menu.png") -22px -36px no-repeat; }	

#mainmenu li a#about { width: 74px; background: url("../images/main_menu.png") -90px -0 no-repeat; }
#mainmenu li a#about:hover { background: url("../images/main_menu.png") -90px -36px no-repeat; }	

#mainmenu li a#capabilities { width: 88px; background: url("../images/main_menu.png") -164px -0 no-repeat; }
#mainmenu li a#capabilities:hover { background: url("../images/main_menu.png") -164px -36px no-repeat; }	

#mainmenu li a#clients { width: 60px; background: url("../images/main_menu.png") -252px -0 no-repeat; }
#mainmenu li a#clients:hover { background: url("../images/main_menu.png") -252px -36px no-repeat; }	

#mainmenu li a#news { width: 54px; background: url("../images/main_menu.png") -312px -0 no-repeat; }
#mainmenu li a#news:hover { background: url("../images/main_menu.png") -312px -36px no-repeat; }	

#mainmenu li a#contact { width: 88px; background: url("../images/main_menu.png") -366px -0 no-repeat; }
#mainmenu li a#contact:hover { background: url("../images/main_menu.png") -366px -36px no-repeat; }	

#mainmenu li a#blog { margin-left: 196px; width: 130px; background: url("../images/main_menu.png") -650px -0 no-repeat; }
#mainmenu li a#blog:hover { background: url("../images/main_menu.png") -650px -36px no-repeat; }	

ul#subnav_1, 
ul#subnav_2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	list-style: none;
	}
	
ul#subnav_3 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:.9em;
	}
	
	ul#subnav_1 { border-bottom: 1px solid #c7c7c7; }

ul#subnav_1 span, 
ul#subnav_2 span {
	margin: 0 10px 0 10px;
	}
ul#subnav_3 span {
	margin: 0 10px 0 10px;
	color:#FFF;
	}
	
ul#subnav_3 span a:link {
	color:#FFF;
	}	
ul#subnav_3 span a:hover {
	color:#FFF;
	}		
ul#subnav_3 span a:visited {
	color:#FFF;
	}		
ul#subnav_3 span a:active {
	color:#FFF;
	}		
	
ul#subnav_1 li, 
ul#subnav_2 li {
	display: inline;
	}
ul#subnav_3 li {
	display: inline;
	}
	
	
ul#subnav_1 li a, 
ul#subnav_2 li a {
	text-transform: uppercase;
	font-weight: bold;
	}
ul#subnav_3 li a {
	text-transform: uppercase;
	font-weight: bold;
	}
/***************************************/
/* TYPOGRAPHY */
/***************************************/

h3, h4, p, ol, ul {
	margin-bottom: 15px;
	}
	
ul ul, ol ol {
	margin-bottom: 0;
	}

ol, ul {
	margin-left: 25px;
	}

#main_image p { text-align: center; }

#footer p {
	text-align: right;
	font-size: 11px;
	}
	
img {
	border: 0;
	}
	
.blog hr {
	margin: 15px 0 15px 0;
	}
	
/***************************************/
/* LINKS */
/***************************************/

a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #34699b;
}
a:active {
	text-decoration: none;
	color: #003366;
}

/***************************************/
/* CAPABILITIES */
/***************************************/

#cap_container {
	position:relative;
	width: 760px;
	height: 550px;	
	margin:0px 0px 0px 0px;

	}
	
#cap_container .flash {
	position:relative;
	width: 378px;
	height: 550px;
	margin-top: 17px;
	}
	
#cap_container .text {
	position:relative;
	padding: 20px 40px 10px 25px;
	font-size: 12px;
	margin:auto;
	}
/* ci */
.capabilities { 
	position:relative;
	width:600px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.capabilities .text { 
	position:relative;
	color: #000; 
}
	
.text .capabilities { 
	text-align:justify; 
	margin: 0px 0px 0px 0px;
		position:relative;
}



/***************************************/
/* PORTFOLIO - SUCCESS STORIES */
/***************************************/	

#portfolio_col {
	overflow: hidden;
	}
	
#portfolio_col #col1, 
#portfolio_col #col2, 
#portfolio_col #col3, 
#portfolio_col #col4 { 
	float: left;
	display: inline;
	width: 190px;
	}

h4.portfolio {
	margin: 0;
	font-size: 12px;
	}
	
#portfolio_identification, 
#portfolio_conversion, 
#portfolio_retention,
#portfolio_interactive {
	width: 716px;
	position: relative;
	padding: 15px 20px;
	min-height: 300px;
	}
	
	#portfolio_identification { color: #fff; background: #39939B url("/res/images/ci_cs_top_image.png") center top no-repeat; }
	#portfolio_conversion { background: #EDBA29 url("/res/images/cc_top_image.png") center top no-repeat; }
	#portfolio_retention { color: #fff; background: #003366 url("/res/images/cr_cs_top_image.png") center top no-repeat; }
	#portfolio_interactive { color: #fff; background: #003366 url("/res/images/cr_cs_top_image.png") center top no-repeat; }

#tabs {
	overflow: hidden;
	}
	
#portfolio_identification img.main, 
#portfolio_conversion img.main, 
#portfolio_retention img.main { float: left; }

#portfolio_identification p, 
#portfolio_conversion p, 
#portfolio_retention p { margin-left: 475px; font-size: 12px; }

#portfolio_identification #tabs ul,
#portfolio_conversion #tabs ul, 
#portfolio_retention #tabs ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 140px;
	position: absolute;
	top: 90px;
	left: 345px;
	}

#portfolio_identification #tabs li a,
#portfolio_conversion #tabs li a, 
#portfolio_retention #tabs li a { 
	display: block; 
	width: 140px; 
	height: 51px;
	text-indent: -9999px;
	}
	
	/* CUSTOMER IDENTIFICATION */
	
	#portfolio_identification #tabs li a#objective { background: url("/res/images/portfolio_menu_identification.png") -0 -0 }
	#portfolio_identification #tabs li.selected a#objective { background: url("/res/images/portfolio_menu_identification.png") -140px -0 }
	#portfolio_identification #tabs li a#objective:hover { background: url("/res/images/portfolio_menu_identification.png") -280px -0 }
	
	#portfolio_identification #tabs li a#strategy { background: url("/res/images/portfolio_menu_identification.png") -0 -51px }
	#portfolio_identification #tabs li.selected a#strategy { background: url("/res/images/portfolio_menu_identification.png") -140px -51px }
	#portfolio_identification #tabs li a#strategy:hover { background: url("/res/images/portfolio_menu_identification.png") -280px -51px }	
	
	#portfolio_identification #tabs li a#results { background: url("/res/images/portfolio_menu_identification.png") -0 -102px }
	#portfolio_identification #tabs li.selected a#results { background: url("/res/images/portfolio_menu_identification.png") -140px -102px }
	#portfolio_identification #tabs li a#results:hover { background: url("/res/images/portfolio_menu_identification.png") -280px -102px }	
	
	/* CUSTOMER CONVERSION */
	
	#portfolio_conversion #tabs li a#objective { background: url("/res/images/portfolio_menu_conversion.png") -0 -0 }
	#portfolio_conversion #tabs li.selected a#objective { background: url("/res/images/portfolio_menu_conversion.png") -140px -0 }
	#portfolio_conversion #tabs li a#objective:hover { background: url("/res/images/portfolio_menu_conversion.png") -280px -0 }
	
	#portfolio_conversion #tabs li a#strategy { background: url("/res/images/portfolio_menu_conversion.png") -0 -51px }
	#portfolio_conversion #tabs li.selected a#strategy { background: url("/res/images/portfolio_menu_conversion.png") -140px -51px }
	#portfolio_conversion #tabs li a#strategy:hover { background: url("/res/images/portfolio_menu_conversion.png") -280px -51px }	
	
	#portfolio_conversion #tabs li a#results { background: url("/res/images/portfolio_menu_conversion.png") -0 -102px }
	#portfolio_conversion #tabs li.selected a#results { background: url("/res/images/portfolio_menu_conversion.png") -140px -102px }
	#portfolio_conversion #tabs li a#results:hover { background: url("/res/images/portfolio_menu_conversion.png") -280px -102px }	
	
	/* CUSTOMER RETENTION */
	
	#portfolio_retention #tabs li a#objective { background: url("/res/images/portfolio_menu_retention.png") -0 -0 }
	#portfolio_retention #tabs li.selected a#objective { background: url("/res/images/portfolio_menu_retention.png") -140px -0 }
	#portfolio_retention #tabs li a#objective:hover { background: url("/res/images/portfolio_menu_retention.png") -280px -0 }
	
	#portfolio_retention #tabs li a#strategy { background: url("/res/images/portfolio_menu_retention.png") -0 -51px }
	#portfolio_retention #tabs li.selected a#strategy { background: url("/res/images/portfolio_menu_retention.png") -140px -51px }
	#portfolio_retention #tabs li a#strategy:hover { background: url("/res/images/portfolio_menu_retention.png") -280px -51px }	
	
	#portfolio_retention #tabs li a#results { background: url("/res/images/portfolio_menu_retention.png") -0 -102px }
	#portfolio_retention #tabs li.selected a#results { background: url("/res/images/portfolio_menu_retention.png") -140px -102px }
	#portfolio_retention #tabs li a#results:hover { background: url("/res/images/portfolio_menu_retention.png") -280px -102px }	
	
/***************************************/
/* PORTFOLIO - GALLERY */
/***************************************/	

#portfolio_gallery {
	width: 716px;
	position: relative;
	padding: 15px 20px;
	color: #fff;
	overflow: hidden;
	background: #003366 url("/res/images/portfolio_top_image.png") center top no-repeat;
	}

#thumbnail_gallery {
	width: 279px;
	margin: 35px 0 25px 0;
	float: left;
	display: inline;
	overflow: hidden;
	}
	
#description {
	width: 279px;
	float: left;
	display: inline;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	}
	
#main_image {
	margin-top: 35px;
	width: 420px;
	height: 450px;
	float: right;
	display: inline;
	}
	
#main_image img {
	border: 5px solid #fff;
	text-align: center;
	}
	
#thumbnail_gallery ul {
	list-style: none;
	margin-left: 0;
	}
	
#thumbnail_gallery li {
	float: left;
	display: inline;
	position: relative;
	}
	
#thumbnail_gallery li a {
	border: 2px solid #fff;
	width: 75px;
	height: 75px;
	display: block;
	margin: 5px;
	}
	
#thumbnail_gallery li a:hover {
	margin: -2px 0 0 -2px;
	border: 4px solid #fff;
	margin: 3px;
	}	

/***************************************/
/* BLOG */
/***************************************/

.blog_sidebar {
	width: 137px;
	float: left;
	display: inline;
	border: 1px solid #003768;
	padding: 10px;
	}
	
.blog_main {
	float: left;
	display: inline;
	width: 550px;
	padding: 0 25px;
	}
	
/***************************************/
/* HOMEPAGE */
/***************************************/

#home_top {
	padding-top: 0px;
	background: #003768 url("../images/home_top_bar.jpg") left top no-repeat;
	width: 756px;
	overflow: hidden;
	}
	
#home_top_inside {
	padding-left: 32px;
	overflow: hidden;
	background: #a8bbcf;
	}
	
#home_top_left {
	position: relative;
	float: left;
	width: 270px;
	height: 270px;
	display: inline;
	}

	#home_top_left img {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		}
	
	#home_top_left img.active {
		z-index:10;
		}
	
	#home_top_left img.last-active {
		z-index:9;
		}
	
#home_top_right {
	float: right;
	display: inline;
	width: 425px;	
	}
		
	.home_wheel {
		margin-top: 45px;
		margin-left: 10px;
		}
		
#home_top h3 {
	font-size: 16px;
	margin-top: 27px;
	}
	
#home_top p {
	font-size: 15px;
	margin-top: 25px;
	}
	
#home_bottom {
	width: 706px;
	background: #013668 url("../images/home_bottom.png") left bottom no-repeat;
	overflow: hidden; 
	padding: 25px 25px 118px 25px;
	}
	
#home_bottom_wrap {
	background: #013668 url("../images/home_bottom_wrap.png") left top no-repeat;
	overflow: hidden;
	}

#home_bottom_wrap #col_1, 
#home_bottom_wrap #col_2, 
#home_bottom_wrap #col_3 {
	float: left;
	display: inline;
	}

#home_bottom_wrap #col_1 {
	width: 325px;
	padding-right: 15px;
	}

#home_bottom_wrap #col_2 {
	width: 325px;
	padding-left: 15px;
	padding-right: 15px;
	}

#home_bottom_wrap #col_3 {
	width: 220px;
	padding-left: 15px;
	padding-right: 0;
	}
	
#home_bottom h4 {
	color:#FFCA3E;
	font-size:11px;
	}
	
#home_bottom p {
	font-family: Verdana, Helvetica sans-serif;
	color:#fff;
	font-size:11px;
	}
	
#home_bottom p.more {
	color: #FFCA3E;
	}
	
#home_bottom p.more a {
	color: #FFCA3E;
	}
	
/***************************************/
/* CLIENTS */
/***************************************/

.clients_list {
	background: url("../images/client_wrap.png") left top repeat-y;
	overflow: hidden;
	margin-bottom: 15px;
	}

.clients_list .col_1, 
.clients_list .col_2, 
.clients_list .col_3 {
	float: left;
	display: inline;
	width: 235px;
	}

.clients_list .col_2, 
.clients_list .col_3 {
	width: 220px;
	padding-left: 15px;
	padding-right: 0;
	}	
	
/***************************************/
/* ABOUT */
/***************************************/		

#aboutus {
	width: 396px;
	height: 391px;	
	font-size: .75em;
	color: #fff;
	padding: 100px 350px 25px 15px;
	background: url("../images/Avala-About-Us.jpg") left top no-repeat;
	}
	
#fragment-2, #fragment-3 {
	display: none;
	}
	
/***************************************/
/* NEWS */
/***************************************/		

.linkscol1, 
.linkscol2 {
	width: 280px;
	float: left;
	display: inline;
	margin-top: 25px;
	}

.linkscol1 {
	margin-right: 30px;
	}


.linkscol1 a, 
.linkscol2 a {
	font-weight: bold;
	text-decoration: underline !important;
	}
	
/***************************************/
/* NEWSLETTER */
/***************************************/		

.newsletter_content {
	width: 750px;
	padding-right: 20px;
	padding-left: 20px;
}

/***************************************/
/* CAPABILITIES */
/***************************************/


#capImage{
	position:absolute;
	margin:0px 10px 0px 0px;
	width:255px;
	height:491px;
	
}

#capText{
	position:relative;
	margin:10px 0px 0px 270px;
	width:480px;
	padding-top:10px;
	font-family: Arial, Helvetica sans-serif;
	font-size:12px;
}

#brandAlignment{
	position:relative;
	margin:auto;
	width:756px;
	height:550px;
}

#brandHeader{
	position:relative;
	margin:auto;
	width:756px;
/*	height:550px;  */
}



#customerProcess{
	position:relative;
	margin:auto;
	width:756px;
	height:491px;	
}