/**
 * Default and common layout definitions
 * @author zebrakick.com
 * color a:   ###### 
 * color b:   ###### 
 * color c:   ###### 
 * color d:   ###### 
 */

body { 
	background: #FAFEFF url(/resources/images/layout/default/main-bg-grad.png) repeat-x;
}

body, input, textarea {
	font-size: 12px;
	font-family: Verdana, arial, san-serif;
	line-height: 1;
}

a, a:visited {
	color: #00478B;
}
			
a:hover { color: #307800; }

#content-container ul. ol {

}

#content-container ul li, ol li {
	margin: 10px 15px;
	line-height: 1.3em;
	list-style: circle;
}
			
#outer-wrapper {
	width: 954px;
	margin: 0 auto;
}

/* Common */
	#navigation, #ribbon, #toolbar ul { list-style-type: none; }
	#navigation li, #ribbon li, #toolbar li { display: inline; }

/* Header */
	#header {
		background: transparent url(/resources/images/layout/default/box-main-top.png) no-repeat 0 0;
		position: relative;
		margin-top: 27px;
	}
	#header h1 { padding: 5px 0 0 20px; }
	#header h1 a {
		background: url(/resources/images/common/logo.gif) no-repeat;
		display: block;
		width: 288px;
		height: 73px;
	}
	#header #slogan {
		position: absolute;
		top: 55px;
		right: 40px;
		font-size: 1.2em;
		color: #393939;
		height: 30px;
	}
	
	#navigation {
		position: absolute;
		right: 8px;
		top: 1px;
	}
	#navigation a {
		color: #3B3B3B;
		display: block;
		float: left;
		margin: 10px 15px 0;
		text-align: center;
		font-size: 12.4px;
		font-family: Helvetica;
	}
	
	#navigation a:hover {
		color: #307800;
	}
	
	#navigation #contact-us {
		background: url(/resources/images/layout/default/nav-btn-right.png) no-repeat;
		color: #fff;
		width: 97px;
		height: 31px;
		margin: 0;
		padding-top: 10px;
	}


/* Global search */
	#global-search { margin-left: 10px; } 
	#global-search .cap-l { background: url(/resources/images/layout/default/search/l.png) no-repeat; width: 10px; }
	#global-search .cap-r { background: url(/resources/images/layout/default/search/r.png) no-repeat; width: 20px; }
	#global-search .cap-r.active { background: url(/resources/images/layout/default/search/r_o.png); }
	#global-search .cap-l,
	#global-search .cap-r,
	#inp-global-search { display: block; float: left; height: 19px; }
	#inp-global-search {
		background: url(/resources/images/layout/default/search/b.png) repeat-x;
		border: none;
		width: 50px;
	}
	#lbl-global-search { position: absolute; display: block; margin-top: 4px; margin-left: 13px; z-index: 10; color: #6E6E6E; font-size: 11px; }



/* Ribbon */
	#ribbon {
		background: url(/resources/images/layout/default/ribbon-bg.png) no-repeat;
		height: 68px;
		margin: 0px;
	}
	#ribbon a span { display: block; }
	#ribbon a {
		padding: 18px 0 0 0;
		display: block;
		width: 238px;
		float: left;
		text-align: center;
		color: #fff;
		font-family: verdana;
	}
	#ribbon a * { font-family: verdana; }
	#ribbon a .line1 { font-size: 14px; }
	#ribbon a .line2 { font-size: 0.7em; padding-top: 4px; }
	
	#ribbon a:hover {
		color: #9FDDFF; 
		text-decoration: none;
	}

/* Toolbar */
	#toolbar {
		background: url(/resources/images/layout/default/main-bg-grad.jpg);
		position: absolute;
		top: 0;
		width: 930px;
		margin-top: 5px;
	}
	#toolbar ul {
		position: absolute;
		right: 0;
	}
	#toolbar li {
		float: left;
		margin-left: 10px;
	}
	#toolbar a {
		color: #6E6E6E;
		font-size: 10px;
		line-height: 19px;
	}

/* Content container */
	#content-container {
		background: url(/resources/images/layout/default/box-main-mid.png) repeat-y;
		padding: 1px 8px 0 7px;
	}
	
	
/* headers */	

.cap {
	position: relative;
}

.graphic-header {
	height: 80px;
	width: 681px;
	left: 11px;
	position: absolute;
}

.with-header .column-main {
	padding-top: 80px;
}

#about-header				{background: url(../../images/layout/headers/about.jpg) top left no-repeat;}
#careers-header				{background: url(../../images/layout/headers/careers.jpg) top left no-repeat;}
#case-studies-header		{background: url(../../images/layout/headers/case-studies.jpg)  top left no-repeat;}
#community-service-header	{background: url(../../images/layout/headers/community-service.jpg) top left no-repeat;}
#contracts-header			{background: url(../../images/layout/headers/contracts.jpg) top left no-repeat;}
#events-header				{background: url(../../images/layout/headers/events.jpg) top left no-repeat;}
#library-header				{background: url(../../images/layout/headers/library.jpg) top left no-repeat;}
#news-header				{background: url(../../images/layout/headers/news.jpg) top left no-repeat;}
#partners-header			{background: url(../../images/layout/headers/partners.jpg) top left no-repeat;}
#values-header				{background: url(../../images/layout/headers/values.jpg) top left no-repeat;}
#videos-header				{background: url(../../images/layout/headers/videos.jpg) top left no-repeat;}
#white-papers-header		{background: url(../../images/layout/headers/white-papers.jpg) top left no-repeat;}
#services-header		 	{background: url(../../images/layout/headers/services.jpg) top left no-repeat;}





	
/* Content - Boxes */

	#main-content {}

	#intro { background-color: #fff; }

    .box { padding: 0px;}
    .box .padder {
    	padding: 0px 10px;
    }
    
   	#main-content .box .column-main {
		width: 633px;
		margin: 0 25px;
	}

	#main-content .box .column-sidebar { 
		width: 200px; 
		margin: 0px 0px;
	}	
	
	#main-content.left .box .column-sidebar { 
		width: 235px; 
		margin: 0px 0px;
	}	   	    
	#main-content .box .cap { height: 17px;	}
	#main-content .box .padder { padding-bottom: 12px;	}
	#main-content .box.last .padder { padding-bottom: 10px;	}
    
    /* right content */
	
	
	#main-content.right 					{ background: url(/resources/images/layout/columns/content-right-gradient.jpg) top right repeat-y; }	
	#main-content.right .box 				{ background: url(/resources/images/layout/columns/content-right-repeat.jpg) top right repeat-y; }
	#main-content.right .box .cap 			{ background: url(/resources/images/layout/columns/content-right-cap.jpg) top right repeat-y; }
	#main-content.right .box.first .cap 	{ background: url(/resources/images/layout/columns/content-right-capfade.jpg) top right repeat-y; }
	#main-content.right .box .padder 		{ background: url(/resources/images/layout/columns/content-right-base.jpg) bottom right no-repeat; }
	#main-content.right .box.last .padder 	{ background: url(/resources/images/layout/columns/content-right-basefade.jpg) bottom right no-repeat; }
	
	#main-content.right .box .column-main {	float: right; }
	#main-content.right .box .column-sidebar { float: left;	}	
	
	/* left content */
	
	#main-content.left 					{ background: url(/resources/images/layout/columns/content-left-gradient.jpg) top left repeat-y; }	
	#main-content.left .box 				{ background: url(/resources/images/layout/columns/content-left-repeat.jpg) top left repeat-y; }
	#main-content.left .box .cap 			{ background: url(/resources/images/layout/columns/content-left-cap.jpg) top left repeat-y; }
	#main-content.left .box.first .cap 		{ background: url(/resources/images/layout/columns/content-left-capfade.jpg) top left repeat-y; }
	#main-content.left .box .padder 		{ background: url(/resources/images/layout/columns/content-left-base.jpg) bottom left no-repeat; }
	#main-content.left .box.last .padder 	{ background: url(/resources/images/layout/columns/content-left-basefade.jpg) bottom left no-repeat; }
	
	#main-content.left .box .column-main {	float: left; }
	#main-content.left .box .column-sidebar { float: left;	}	
	
	

/* sidebar stuff */
	.column-sidebar h2 {
		text-align: center;
		color: #6B6B6B;
		font-size: 14px;
		
	}
	
	.column-sidebar h3 a {
		font-size: 16px;
		color: #00478B;
		text-decoration: none;
	}	

	.column-sidebar ul {
		padding: 0px 0px 0px 10px;
	}
	
	.column-sidebar ul li {
		list-style: none !important;
		margin: 8px 0px !important;
		line-height: 15px;
	}
	
	.column-sidebar ul li a {
		color: #888;
	}

	.column-sidebar ul li a:hover {
		color: #00478B;
	} 


	.column-2s {
		width: 46%;
		float: left;
		margin-right : 2%; 
	}

	.link-list {
		margin: 0 10px !important;
	}


/* subnav */
	.subnav {
		background: url(/resources/images/layout/columns/subnav-base.png) bottom right no-repeat;
		padding-bottom: 9px;
		margin-bottom: 10px;
	}
	
	.subnav .padder {
		padding: 1px 10px 0px !important;
		background: url(/resources/images/layout/columns/subnav-cap.png) top right no-repeat !important;
		margin-bottom: 10px;
	}
	
	.subnav .padder  h3 { color: #9FDDFF;}
	
	.subnav .padder a {
		color: white;
		text-decoration: none !important;	
	}
	
	.subnav .padder a:hover {
		color: #9FDDFF;
	}
	
	.subnav.white {
		background: url(/resources/images/layout/columns/subnav-base-white.png) bottom right no-repeat;
	}
	
	.subnav.white .padder {
		background: url(/resources/images/layout/columns/subnav-cap-white.png) top right no-repeat !important;
	}
	
	.subnav.white .padder  h3 { color: #00478B;}

	.subnav.white .padder a {
		color: #00478B;
	}
	
	.subnav.white .padder a:hover {
		color: #307800;
	}

/* Footer */
	#footer {
		background: url(/resources/images/layout/default/box-main-bottom.png) no-repeat bottom left;
		padding: 10px 20px;
		margin-bottom: 20px;
	}
	
	#footer ul {
		text-align: center;
		padding-bottom: 10px;
		margin: 0px;
	}
	
	#footer ul li {
		list-style: none !important;
		display: inline;
		margin: 0px 10px;
	}
	
	.vcard {
		font-size: 10px;
		color: #666;
		text-align: center;	
	}

/* Tail (below the cap) */
	#tail {
		text-align: center;
		margin-bottom: 10px;
	}
	#tail * {
		font-size: 9pt;
		color: #A8C8CF;
	}
	
.blue-badge {
	float: left;
	margin-right: 10px;
}	

#greenback {
	border: 1px solid #999;
	margin-bottom: 10px;
}


#greenback div h3 {
}


#greenback div {
	background: url(../../images/layout/headers/greenback.jpg) center center no-repeat;
	padding: 2px 10px 10px;
	color: white;
	border: 2px solid white;
	margin: 0px !important;
}

#greenback a {
	color: white;
	text-decoration: underline;
}

#user-controls {
	position: absolute;
}
#user-controls a {
	display: block;
	margin: 0 0 0 20px;
	float: left;