@charset "UTF-8";
/* CSS Document */


/* --- TAGS ---------------------------------------------------- */
* {margin:0px; padding:0px;}

a {color:#808080;}

body {background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080;}

div {position:relative;}

h1 {font-family:Arial; font-weight:bold; font-size:23px; text-decoration:none; border:none;}

h2 {height:16px /*20*/; padding-top:4px; padding-left:15px; font-family:Arial; font-weight:bold; font-size:10px;
	position:relative; clear:both; margin-bottom:15px;}
	h2 span.rightEdge {
		width:11px; height:20px; position:absolute; right:-1px; top:0px;}
		
h3 {font-size:12px; color:#F6C119; font-weight:bold; margin-bottom:5px;}
	h3 a {color:#F6C119;}

h4 {font-size:18px; font-weight:normal;}

img {}
	h3 img {}
	
p {color:#808080; line-height:18px; margin-bottom:15px;}



/* --- Colors ------------------------------------------------------------------------------------------------------------ */
.goldenrod {color:#f6c119;}
.dark_grey {color:#808080;} /*sample: paragraph text color*/
.medium_gray {color:#b6b6b6;} /*sample: home page section headings*/
.light_grey {color:#e3e3e3;} /*sample: sub menus*/



/* --- Classes ------------------------------------------------------------------------------------------------------------ */
a.read_more {text-decoration:none; font-weight:bold; display:block; width:100%; text-align:right;}
.clear_it {clear:both;}



/* --- PAGE HEADER Starts ------------------------------------------------------------------------------------------------------------ */
#page_header {width:100%; height:40px; margin:20px 0px;}
#pageHeader_wrap {width:970px/*990*/; height:auto; padding:0px 10px; margin:0px auto; color:#808080}


	#logo {width:270px; height:40px; margin-right:700px; float:left; background: url(../_images/layout/camryn_logo.png) no-repeat;}
	#logo h1 a {position:absolute; top:0px; left:0px; text-indent:-9999px; width:270px; height:40px;}

	#features {width:700px; margin-left:-700px; float:left; text-align:right; font-weight:bold;}
		#user_state {margin-bottom:20px; position:absolute; right:0px;}
			#user {color:#f6c119; padding:0px 15px; background:#ffffff url(../_images/layout/loggedIn_icon.png) no-repeat;}
			#logout {color:#f6c119; padding-left:15px; background:#ffffff url(../_images/layout/logOut_icon.png) no-repeat;}
		#tagline {width:124px; height:10px; position:absolute; right:0px; top:30px; background:#ffffff url(../_images/layout/camryn_tagline.png) no-repeat;}




/* MAIN MENU Starts ------------------------------------------------------------------------------------------------------------ */

#main_menu {width:100%; height:20px; margin-bottom:10px; clear:both; background:#f6c119;}
#mainMenu_wrap {width:990px/*990*/; height:auto; margin:0px auto; color:#ffffff}

	#main_menu ul {list-style:none;}	
	#main_menu ul li {position:relative; float:left;}

	#main_menu a {	
		width:198px; height:20px; display:block;	
		background:url(../_images/layout/main_menu.png) no-repeat;
		}
		#main_menu a * {display:none}

		/*--- idle ---*/
		#main_menu #about_menu { background-position: 0px 0px;}
		#main_menu #process_menu { background-position: -198px 0px;}
		#main_menu #capabilities_menu { background-position: -396px 0px;}
		#main_menu #tracking_menu { background-position: -594px 0px;}
		#main_menu #contact_menu { background-position: -792px 0px;}



/* --- FMA Starts ------------------------------------------------------------------------------------------------------------ */
#fma {width:100%; height:auto; margin-bottom:10px; background:#e3e3e3;}
	
#fma_wrap {width:970px/*990*/; height:auto; padding:0px 10px; margin:0px auto; background:#ffffff;}



/* SECONDARY MENU Starts ------------------------------------------------------------------------------------------------------------*/ 
#subMenu {width:100%; border-top:1px solid #F6C119; padding-top:10px; margin-bottom:30px;}
#subMenuWrap {width:970px; height:20px; margin:0px auto;}

#subMenuWrap a {text-decoration:none; font-family:Arial; font-weight:bold; font-size:10px;}
#subMenuWrap h2 {float:left;}

#subMenuWrap ul {list-style:none; margin:0px; padding:0px;}

#subMenuWrap ul li {position:relative; float:left; width:215px /*215*/; height:20px; margin:0px; padding:0px;
	background:#E3E3E3 url(../_images/layout/h2_leftEdge_ltGray.gif) no-repeat; color:#808282;}
	
	#subMenuWrap ul li span.rightEdge {width:11px; height:20px; position:absolute; right:-1px; top:0px; background:url(../_images/layout/h2_rightEdge_ltGray.gif) no-repeat;}

#subMenuWrap ul li.current {background:#F6C119 url(../_images/layout/h2_leftEdge_goldenrod.gif) no-repeat; color:#FFFFFF;}
	#subMenuWrap ul li.current span.rightEdge {width:11px; height:20px; position:absolute; right:-1px; top:0px; background:url(../_images/layout/h2_rightEdge_goldenrod.gif) no-repeat;}
	#subMenuWrap ul li.current a {color:#FFFFFF;}
	
#subMenuWrap ul li.mainPage {width:325px /*325*/;}



/* PAGE BODY Structure Starts ------------------------------------------------------------------------------------------------------------ */
#page_body {width:100%; height:auto; background:#ffffff; min-height: 300px;}
#pageBody_wrap {width:970px/*990*/; height:auto; padding:0px 10px; margin:0px auto;}

	#page_body img {}
	#page_body p {  font-size: 12px; }

	/* >>>>>>>>>>>>>>>>>>> INDEX Layout begins <<<<<<<<<<<<<<<<<<<<<<< */
	body#index #sideColumn {width:325px; height:auto; float:left;}
	body#index #mainColumn {width:645px; height:auto; float:left;}

	/* >>>>>>>>>>>>>>>>>>> One Column Layout begins <<<<<<<<<<<<<<<<<<<<<<< */
	.oneColumn #mainColumn {width:970px;}
	
	/* >>>>>>>>>>>>>>>>>>> Two Columns w/ equal weight <<<<<<<<<<<<<<<<<<<<<<< */
	.twoColumns #leftColumn {width:470px; float:left; margin-right:30px;}
	.twoColumns #rightColumn {width:470px; float:left;}



/* --- PAGE FOOTER Starts ---------------------------------------------------------------------------------------------------------- */
#page_footer {width:100%; height:auto; margin-bottom:10px; background:#ffffff; clear:both; font-size:10px; padding-top:30px;}
#pageFooter_wrap {width:970px/*990*/; height:auto; padding:0px 10px; margin:0px auto;}
	
	#comer_holdings {width:485px; margin-right:485px; float:left;}
		#comer_holdings img {float:left; margin-right:5px;}
	#legals {width:485px; margin-left:-485px; float:left; text-align:right;}




/* PAGE SPECIFIC CSS Begins -------------------------------------------------------------------------------------------------------- */

	/* >>>>>>>>>>>>>>>>>>> HOME PAGE Starts <<<<<<<<<<<<<<<<<<<<<<< */
	body#index #page_body {padding-top:0px; border-top:none;}

	#login_block {width:100%; height:40px; margin-bottom:10px; clear:both; background:#f6c119;}
	#loginBlock_wrap {width:990px/*990*/; height:40px; margin:0px auto; color:#585858; background:#ffffff;}

		#client_login {width:470px/*490*/; height:20px/*40*/; padding:10px; background:#f6c119; margin-right:500px; float:left;}
			#client_login * {float:left;}
			#client_login form {position:absolute; right:10px;}
			#client_login input {margin-left:5px; border:1px #808080 solid;}
			#client_login input.text {height:15px; padding-bottom:2px; padding-right:2px; font-size:12px; color:#808080; text-align:right;}
			#client_login input.login_button {width:57px /*59*/; height:17px /*19*/; border:1px #808080 solid; padding:0px;}
		#carrier_login {width:470px/*490*/; height:20px/*40*/; padding:10px; background:#f6c119; margin-left:-490px; float:left;}
			#carrier_login * {float:left;}
			#carrier_login form {position:absolute; right:10px;}
			#carrier_login input {margin-left:5px; border:1px #808080 solid;}
			#carrier_login input.text {height:15px; padding-bottom:2px; padding-right:2px; font-size:12px; color:#808080; text-align:right;}
			#carrier_login input.login_button {width:57px /*59*/; height:17px /*19*/; border:1px #808080 solid; padding:0px;}
		
	#white_papers {margin-bottom:70px;}
		#white_papers div {padding:0px 40px 0px 10px;}
		#white_papers img { float: left; margin-right: 15px; }
		#white_papers h2 {color:#ffffff; background:#b6b6b6 url(../_images/layout/h2_leftEdge_dkGray.gif) no-repeat 0px 0px;}
			#white_papers h2 span.rightEdge {
				background:url(../_images/layout/h2_rightEdge_dkGray.gif) no-repeat 0px 0px;}

	#clients h2 {color:#808282; background:#e3e3e3 url(../_images/layout/h2_leftEdge_ltGray.gif) no-repeat 0px 0px;}
		#clients h2 span.rightEdge {
			background:url(../_images/layout/h2_rightEdge_ltGray.gif) no-repeat 0px 0px;}
	#clients ul {list-style:none;}
		#clients ul li {margin-bottom:25px;}
	#clients img {float:none;}
	
	
	#news {width:645px /*645*/; margin-bottom:25px;}
		#news div {padding:0px 10px 0px 20px;}
		#news img.preview { float: left; margin-right: 15px; }
		#news h2 {color:#ffffff; background:#b6b6b6 url(../_images/layout/h2_leftEdge_dkGray.gif) no-repeat 0px 0px;}
			#news h2 span.rightEdge {
				background:url(../_images/layout/h2_rightEdge_dkGray.gif) no-repeat 0px 0px;}
	
	
	#the_blog {width:645px /*645*/; margin-bottom:25px;}
		#the_blog div {padding:0px 10px 0px 20px;}
		#the_blog img.preview { float: left; margin-right: 15px; }
		#the_blog h2 {color:#ffffff; background:#b6b6b6 url(../_images/layout/h2_leftEdge_dkGray.gif) no-repeat 0px 0px;}
			#the_blog h2 span.rightEdge {
				background:url(../_images/layout/h2_rightEdge_dkGray.gif) no-repeat 0px 0px;}
		#the_blog ul {list-style:none; position:relative;}
			#the_blog ul li {margin-bottom:15px; position:relative;}

	a.fullStory_button {display:block; height:18px /*20*/; width:76px /*78*/; border:1px #808080 solid;
		background:#F6C119 url(../_images/layout/fullStory_button.png) no-repeat;
		position:relative; left:556px;}
		a.fullStory_button span {display:none;}
	/* >>>>>>>>>>>>>>>>>>> HOME PAGE Ends <<<<<<<<<<<<<<<<<<<<<<< */

	/* >>>>>>>>>>>>>>>>>>> ABOUT PAGES Start <<<<<<<<<<<<<<<<<<<<<<< */
	div#philosophyList h3 {background:url(../_images/assets/camrynLogoMini.png) no-repeat; padding-left:25px; height:15px;}
	div#philosophyList p {margin-left:25px;}
	

	/* >>>>>>>>>>>>>>>>>>> CAPABILITIES PAGES Start <<<<<<<<<<<<<<<<<<<<<<< */
	div.serviceDetails {width:470px;}
	div.serviceDetails img {width:45px; float:left; margin-right:20px;}
	div.serviceDetails div.description {width:405px; float:left;}

	/* >>>>>>>>>>>>>>>>>>> CONTACT PAGES Start <<<<<<<<<<<<<<<<<<<<<<< */
	form.prospects, form.carriers {margin-top:20px;}
	form.prospects ul, form.carriers ul {list-style:none;}
	form.prospects li, form.carriers li  {margin-bottom:10px;}
	form.prospects label, form.carriers label {margin-right:10px; text-align:right; width:75px; display:block; float:left;}
	form.prospects input.text, form.carriers input.text {width:370px /*372*/; border:1px #808080 solid;}
	form.prospects textarea, form.carriers textarea {width:370px /*372*/; border:1px #808080 solid; height:150px;}
	form input.submit_button {width:57px /*59*/; height:17px /*19*/; border:1px #808080 solid; padding:0px;}