* {
	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;
	}

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

#container {
	width: 800px;
	margin: 20px auto 10px 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;
	}
	
#content {
	overflow: hidden;
	}
	
	.full { padding: 20px; }
	.horizontal { padding: 0 20px; }
	.vertical { padding: 20px 0; }
	.font_sm { font-size: 12px; }
	
#inner_content {
	padding: 20px 100px;
	}
	
#footer {
	background: url("../images/footer_image.jpg") left bottom no-repeat;
	padding: 0 29px 12px 29px;
	}
	
/***************************************/
/* 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_1 { border-bottom: 1px solid #c7c7c7; }

ul#subnav_1 span, 
ul#subnav_2 span {
	margin: 0 10px 0 10px;
	}
	
ul#subnav_1 li, 
ul#subnav_2 li {
	display: inline;
	}
	
ul#subnav_1 li a, 
ul#subnav_2 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.ColorLink:link {
	color: #FFCA3E;
	}

a.ColorLink:visited {
	color: #FFCA3E;
	}

a {
	outline: none;
	}
	
a:link {
	color:#003768;
	text-decoration:none;
	}

a:visited {
	color: #003768;
	text-decoration: none;
	}
	
/***************************************/
/* CAPABILITIES */
/***************************************/

#cap_container {
	width: 760px;
	height: 514px;	
	overflow: hidden;
	}
	
#cap_container .flash {
	float: left;
	display: inline;
	width: 378px;
	height: 366px;
	margin-top: 17px;
	}
	
#cap_container .text {
	float: right;
	display: inline;
	padding: 30px 40px 0 0;
	font-size: 12px;
	width: 330px;
	}
	
	.capabilities { 
		background: url("../images/capabilities_right_background.jpg") left top no-repeat;
		}
	
	.capabilities .text { color: #fff; }
	
	.identification { background: url("../images/ci_right_background.jpg") left top no-repeat; }
	.identification .text { color: #fff; }
	
	.conversion { background: url("../images/cc_right_background.jpg") left top no-repeat; }

	.retention { background: url("../images/cr_right_background.jpg") left top no-repeat; }
	.retention .text { color: #fff; }
	
	.text .capabilities, 
	.text .identification, 
	.text .conversion, 
	.text .retention { background: none; }
	
	.text .capabilities { text-align: right; padding: 90px 0 0 100px; }
	
/***************************************/
/* 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: 381px;
	height: 391px;	
	font-size: 12px;
	color: #fff;
	padding: 100px 350px 25px 25px;
	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;
}