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


/********************************
Text Styles
********************************/
h1
{font-size:20px; color:#333; font-weight:lighter;}
.darkblue
{color:#2B4755;}
h2
{color:#F90; font-size:14px; font-weight:bold;}


body
{background:url(../img/background.png) repeat-x; background-color:#3F9BB6; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}

a
{color:#369; text-decoration:none;}
a:hover
{color:#666; text-decoration:underline;}

#container
{width:992px; margin:auto;}

#header
{height:130px;}
	#logo
	{width:344px; float:left;}
	#phonenav
	{float:left; width:648px;}
		#phone
		{height:49px; text-align:right; color:#FFF; margin:50px 50px 0 0; font-size:22px;}
		#nav
		{}		
#flash
{height:207px;}

#ticker
{height:29px; padding:9px 0 9px 0;}
	#tickerCont
	{width:913px; height:27px; margin:auto; border:1px solid #999; background:url(../img/tickerback.jpg) repeat-x; line-height:27px; padding:0 5px 0 5px;}

#bodyCont
{width:950px; margin:auto; background-color:#FFF;}
	#leftCol
	{float:left; width:189px; margin:0 13px 0 13px;}
	#middleCont
	{
	float:left;
	width:501px;
	text-align: justify;
}
	#middleContInner
	{float:left; margin-left:13px; margin-right:13px; width:926px;}	

	#middleContAct
	{float:left; margin-right:13px; width:385px; float:left;}	
	#middleContAct2
	{float:left; width:525px; float:right;}	


	#rightCont
	{float:left; width:208px; margin:0 0 0 13px;}
		#featurebox1, #featurebox2, #featurebox3
		{width:218px;}
		#featurebox1
		{height:44px; background:url(../img/featurebox1back.gif);}
		#featurebox2
		{height:45px; background:url(../img/featurebox2back.gif);}
		#featurebox3
		{height:45px; background:url(../img/featurebox3box.gif); margin-top:2px;}
		.featurebox1Icon
		{float:left; width:46px;}
		.featurebox1Text
		{float:left; padding:5px; color:#fff; font-size:13px; font-weight:bold;}
		.featurebox2Text
		{float:left; padding:5px; color:#fff; font-size:13px; line-height:30px; font-weight:bold; }

#retainerBox
{padding:10px; border:1px dotted #999; background-color:#f4f4f4; margin-right:10px;}
#retainerBox h2
{color:#2B4755;}

.parabox2
{border:1px dotted #21515F; padding:5px;}

.parabox
{border:1px solid #999; padding:5px; float:left; width:200px; margin:0 14px 0 5px; height:350px;}
.paraboxHead
{background:#2D7A9F; color:#FFF; padding:5px; margin-bottom:7px; font-size:12px;}
.paraboxHead h2, .paraboxHead h3, 
{color:#FFF; font-size:12px;}
.parabox3
{border:0px dotted #21515F; padding:5px; float:left; width:200px; margin:0 14px 0 5px; height:220px; margin-bottom:10px;}



#homeEmployeesBox
{width:301px; float:left; margin:15px 5px 10px 14px;}
#homeCompromiseBox
{width:301px; float:left; margin:15px 5px 10px 4px;}
#homeEmployersBox
{width:301px; float:left; margin:15px 13px 10px 4px;}
.homeboxTop
{height:29px; background:url(../img/homeboxTop.jpg) no-repeat; font-size:17px; color:#FFF; padding-left:10px; line-height:29px; margin-bottom:9px;}
.homeboxCont
{margin:10px 0 10px 0; height:50px;}

.innerbox
{width:211px; margin: 10px 0 0 7px;}
.innerboxTop
{height:29px; background:url(../img/innerboxTop.jpg) no-repeat; font-size:17px; color:#FFF; padding-left:10px; line-height:29px; margin-bottom:9px;}
.innerboxCont
{margin:10px 0 10px 0; line-height:18px;}

#callbackInner
{width:211px; padding:10px 0 5px 0; margin-left:18px;}

.imgpad
{padding-right:10px;}

#footer
{background:url(../img/sooterbar.gif) repeat-x; padding:13px 13px 5px 13px; font-size:11px; color:#666;}
#footer a
{color:#666; text-decoration:none;}
#footer a:hover
{color:#F90; text-decoration:underline;}
#underfooter
{width:925px; margin:auto; padding-top:5px; font-size:11px; color:#B1D8E4;}

	#smallinks
	{float:left;}
	#pom
	{float:right;}

#contactBox
{border:0px dotted #ccc; padding:5px; width:500px;}
.contactCellPad
{padding:0 10px 10px 0;}

/********************************
Navigation
********************************/
#services a, #employers a, #employees a, #compromise a, #contact a, #servicesOn, #employersOn, #employeesOn, #compromiseOn, #contactOn
{float:left; height:31px; display:block; line-height:30px; text-align:center; color:#333; text-decoration:none; font-size:17px; letter-spacing:-1px;}
#services a:hover, #employers a:hover, #employees a:hover, #compromise a:hover, #contact a:hover
{color:#FFF;}

#services a
{background:url(../img/btn/services-off.gif); width:91px;}
#services a:hover
{background:url(../img/btn/services-on.gif); width:91px;}
#servicesOn
{background:url(../img/btn/services-on.gif); width:91px; color:#FFF;}

#employers a
{background:url(../img/btn/employer-off.gif); width:100px;}
#employers a:hover
{background:url(../img/btn/employer-on.gif); width:100px;}
#employersOn
{background:url(../img/btn/employer-on.gif); width:100px; color:#FFF;}

#employees a
{background:url(../img/btn/employee-off.gif); width:105px;}
#employees a:hover
{background:url(../img/btn/employee-on.gif); width:105px;}
#employeesOn
{background:url(../img/btn/employee-on.gif); width:105px; color:#FFF;}

#compromise a
{background:url(../img/btn/compromise-off.gif); width:205px;}
#compromise a:hover
{background:url(../img/btn/compromise-on.gif); width:205px;}
#compromiseOn
{background:url(../img/btn/compromise-on.gif); width:205px; color:#FFF;}


#contact a
{background:url(../img/btn/contact-off.gif); width:103px;}
#contact a:hover
{background:url(../img/btn/contact-on.gif); width:103px;}
#contactOn
{background:url(../img/btn/contact-on.gif); width:103px; color:#FFF;}

#enddiv
{background:url(../img/btn/enddiv.png);}