@charset "utf-8";

/*

Theme Name: Five Star Development

Theme URI: http://fivestardev.com/

Description: The default theme for Five Star Development's Web Site.

Version: 1.0

Author: Nicole Gagliardi

Author URI: http://fivestardev.com/

Tags: 

*/



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	line-height: 24px;
	background-color: #fff;
	}



p {
	margin: 0;
	padding: 15px 0 0 0;
	}

	

a:link, a:visited, a:active {
	color: #003366; 
	text-decoration: underline;
	}

	

a:hover { 
	color: #FF8C00; 
	text-decoration: underline; 
	}



	

a img { border-style: none; }



h1, h2, h3 {
	font-family: AvenierLTStdBlack, Avenier, Arial;
	margin: 0;
	}



h1 {
	font-weight: normal;
	font-size: 20px;
	line-height: 32px;
	padding: 20px 0 6px 0;
	background-image:url(images/title_bar.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	}

	

h2 {
	font-size: 15px;
	line-height:normal;
	margin-bottom: -12px;
	padding-top: 25px;
	}

	

h3 {
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	margin-bottom: -15px;
	}



input, textarea {
	border: 1px #dee6e9 solid;
	}

	

table ul {
	margin-left:0;
	}

	

.submit input {
	height: 25px;
	border: 1px #8b9497 solid;
	background: #d0daba;
	}

	

.animationIcon {
	position: relative;
	display:block;
	left:36px;
	top:15px;	
	}	

	

/* Fix IE 7, then 6 */

* html h1, * html h2, * html h3 { margin-bottom: 0 }

* html h3 { margin-bottom: -15px; }



/* All Pages */

#page {

	margin:0 auto;

	padding:0;

	position:relative;

	text-align:left;

	width:886px;

	z-index:12;

	background-image:none;

	}



#header {	

	position:relative;

	width:886px;

	height:78px;

	z-index: 1;

	}



#headerL {	

	position:relative;

	float:left;	

	width:205px;	

	}

	

#headerR {	

	position:relative;

	float:right;

	width:681px;

	height:24px;

	padding-top:34px;

	text-align: right;

	}

	

#banner {

	background-color:#dee6e9;

	padding: 10px;

	}

	

#banner img { 

	width: 863px;

	height: 84px;

	}



#MainBody {

	background-color:#dee6e9;

	padding-bottom: 10px;

	width: 100%;

	}
	
/* RLS, Landing Page */
	
#MainLanding
{
	background-color:#dee6e9;
	padding-top: 12px;
	width:100%;
}

#TopRow
{
	margin-left:12px;
	width:834px;
	height:327px;
	background:url(images/landing/top_row_bkgrnd.jpg) left top no-repeat;
	padding: 14px;
}

#SolCallout
{
	width:591px;
	height:278px;
	float:left;
	background:url(images/landing/sol_content.jpg) left top no-repeat;
	padding:18px;
}

#SolCallout h1
{
	padding:0px;
}

#SmallCallouts
{
	float:right;
}

#TRCallout1, #TRCallout2
{
	width:150px;
	padding:17px;
	font-size:11px;
	font-weight:normal;	
	line-height: 12px;
	
	height:114px;
	background:url(images/landing/top_right_callout.jpg) center no-repeat;
	margin-bottom:20px;
}

#TRCallout2 ul
{
	margin-top:0;
	margin-left:0;
	padding:0;
	
}
#TRCallout2 ul li
{
	padding-bottom: 3px;
	background:url(images/bullet_trans.gif) left top no-repeat;
	padding-left: 20px;

	list-style: none;
}

#TRCallout1 h2, #TRCallout2 h2
{
	padding:0 0 17px 0;
}

#SolItem h2
{
	padding:7px 0 0 0;
}

.morelnk1
{
	background-color:#8c9695;
	font-size:12px;
	font-weight:bold;
	
	position:relative;
	width:68px;
	padding: 3px 0 3px 13px;
	left:80px;
	top:25px;	
}


.morelnk1 a, .morelnk1 a:link, .morelnk1 a:visited, .morelnk1 a:hover, .morelnk1 a:active
{
	color:#fff;
	text-decoration:none;
}


#SolList a, #SolList a:link, #SolList a:visited, #SolList a:hover, #SolList a:active
{
	color:#515151;
	text-decoration:none;
	padding-right:20px;
	padding-left:5px;
	outline:none;
}

#SolList a:hover, .myActiveSol
{
	border-top:1px solid #515151;
	border-bottom:1px solid #515151;
}

.myInactiveSol
{
	border-top:none;
	border-bottom:none;
}
	

#SolList
{
	width:218px;
	height:241px;
	float:left;
	color:#333;
	margin-top:12px;
	line-height:22px;
}

#SolList ul
{
	border-right:1px solid #666;
	padding: 0;
	margin:10px 20px 0 0;
}

#SolList ul li
{
	list-style-type:none;
	text-align:right;
	width:197px;
	margin-right:0px;
}

#SolItem
{
	float:left;
	width:340px;
	margin-top:28px;
}

#SolItem p
{
	line-height:18px;
	font-size:11px;
}

#BotRow
{	
	width:862px;
	/*height:235px;*/
	padding-left:12px;
	padding-bottom:12px;
}

#BotCallout1 a, #BotCallout1 a:link, #BotCallout1 a:visited, #BotCallout1 a:active, #BotCallout2 a, #BotCallout2 a:link, #BotCallout2 a:visited, #BotCallout2 a:active
{
	color:#515151;
}

#BotCallout1 a:hover, #BotCallout2 a:hover { 
	color: #FF8C00; 
}

#BotWhiteBlock
{
	float:left;
	background-color: #fff;
	width: 640px;
}
#BotCallout1
{
	float:left;
	width: 216px;
	padding: 0 17px;
}

#BotCallout2
{
	float:left;
	width:361px;
	padding: 0 0 17px 17px;
	border-left: 12px solid #dee6e9;
}

#BotCallout1, #BotCallout2
{
	
	font-size:11px;
	line-height:18px;
}

#BotCallout1 h2, #BotCallout2 h2, #BotCallout3 h2
{
	margin-bottom:20px;
	padding-top:24px;
}

#BotCallout1 h2 a, #BotCallout2 h2 a
{
	text-decoration: none;
}

#BotCallout1 h2 a:hover, #BotCallout2 h2 a:hover
{
	text-decoration: underline;
}

#BotCallout2 table, #BotCallout2 table tr, #BotCallout2 table tr td, #BotCallout2 table tr td a
{
	line-height:18px;
	border-collapse:collapse;
}

#BotCallout2 table tr td.regtxt
{
	background-color:#8c9695;
	font-weight:bold;
}

#BotCallout2 td.regtxt a, #BotCallout2 td.regtxt a:link, #BotCallout2 td.regtxt a:visited, #BotCallout2 td.regtxt a:hover, #BotCallout2 td.regtxt a:active
{
	font-size:9px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	margin-left:5px;
	padding: 0 15px;
}

#BotCallout3
{
	background-color:#8c9695;
	width:176px;
	float:right;
	padding: 0 17px;
}

#BotCallout3 p
{
	margin-top:0px;
	padding-top:0px;
}

.ClientQuote
{
	font-style:italic;
	font-size:12px;
	color: #fff;
	line-height:14px;
}

#ClientTest
{
	height:150px;
	width:170px;
}

.QuoteName
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
	padding-bottom:0px;
	line-height:10px;
}

.QuoteCompany
{
	font-size:11px;
	font-style:italic;
	margin-top:0px;
	padding-top:0px;
	line-height:10px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.regdesc
{
	background-color:#dee6e9;
}


#SocNet
{
	margin-top:25px;
}

#SocNet a, #SocNet a:link, #SocNet a:visited, #SocNet a:hover, #SocNet a:active, 
#theawards a, #theawards a:link, #theawards a:visited, #theawards a:hover, #theawards a:active, 
.morelnk2 a, .morelnk2 a:link, .morelnk2 a:visited, .morelnk2 a:hover, .morelnk2 a:active
{
	outline:none;
	border:none;
}

#OurAwards
{
	margin-top:10px;
}

.regtxt, .regdesc
{
	border-bottom:4px solid #fff;
}

.morelnk2
{
	width:50px;
	position:relative;
	left:128px;
	top:-25px;
	background-color:#fff;
	padding-left:15px;
	font-weight:bold;
}

.morelnk2 a, .morelnk2 a:link, .morelnk2 a:visited, .morelnk2 a:hover, .morelnk2 a:active
{
	color:#515151;
	text-decoration:none;
	cursor:pointer;
}

/* End Landing Page */	

#MainBody ul li {

	background:url(images/bullet.gif) left top no-repeat;

	padding-left: 20px;

	list-style: none;

	}

	

.typicalPaddingTop { padding-top: 15px; }



.clearingDiv {

	clear:both

	}



/* Sub Page */

#MainBody #SingleCol {

	background-color: #fff;

	margin: 0 0 0 10px;

	width: 866px;

	}

#MainBody #SingleCol .contentPad {

	padding: 0 30px 10px 30px;

	}

	

/*#MainBody #SingleCol h1 { 

	background-repeat: no-repeat;

	background-position: left bottom;

	}*/



/* Homepage */	

#MainBodyCol1 {	

	/*position:relative;*/

	float:left;

	width:500px;

	background-color: #fff;

	margin: 0 0 0 10px;

	}

	

* html #MainBodyCol1 { margin-left:5px; }



#MainBodyCol1 .contentPad {

	padding: 0 30px 40px 30px;

	}

	

#MainBodyCol1 .homeLinks img { padding: 0 0 0 5px}



#MainBodyCol2 {

	color: #333;

	margin:0;

	padding:0;

	}

		

#MainBodyCol2 .contentPad {

	padding: 0 20px 0 530px;

	}



/*#MainBodyCol2 h1 {

	margin-top:0;

	background-image:none

	}*/





/* Blog */
.navigation .alignleft, .navigation .alignright {
	width:50%;
}

.navigation .alignleft { float:left }

.navigation .alignright { float:right; text-align:right }

div.post {clear:both}

#BlogContentColumn {

	width:656px;

	background-color: #fff;

	margin: 0 0 0 10px;

	float: left;

	display:inline;

	}

	

#BlogContentColumn .contentPad {

	padding: 0 30px 40px 30px;

	}

	

#MainBody #BlogContentColumn .date { 
	font-size: 10px;
	font-style: italic;
	padding-top: 8px;
	}

	

.postmetadata {

	font-size: 10px;

}

.entry img.avatar {

	 padding: 0;
	 
	 margin: 8px 20px 10px 0; 
	 
	 /*border: 1px solid #000; */
	 
	 width: 60px;
	 
	 height: 60px;
	 
	 background: #fff; 
	 
	 float: left;
	 
}	

/* Newsletters */
.newsletter_date {
	font-weight:bold;
	margin-top: -10px;
}

/* Sidebar */

#sidebar {

	width:200px;

	color: #333;

	margin:0;

	padding:0;

	float:right;

	display:inline;

}



#sidebar .contentPad {

	padding: 0 15px 0 15px;

}



#sidebar ul {

	margin:0;

	padding:0;

	}



#sidebar ul li {

	margin: 0;

	padding:0;
	
	background:none;

	}



#sidebar ul li ul {

	margin:0;

	padding: 10px 0 0 15px;

}



* html #sidebar ul li ul { 

	padding-top:0; 

	}



		

/* Footer */

#footer {

	color: #8b9497;

	font-size: 10px;

	clear:both;

	}



#footerLeft {

	float:left;

	}



/* Navigation Menu Styles  */

.mainmenu {

	float: right;

	margin: 0;

	padding: 0;

	list-style: none;

	font-size: 12px;

	line-height: 12px;

}



.mainmenu li {

	z-index: 500;

	float: left;

	position:relative;	

	text-align:left;	

	}

	

/* Mainmenu */	

.mainmenu a {

	display: block;

	height: 24px;

	}

	

.mainmenu #home a {

	background: url(images/nav/home.gif);

	background-repeat: no-repeat;

	width: 69px;

	}

.mainmenu #home a:hover { background: url(images/nav/home_over.gif); }



.mainmenu #aboutUs a {

	background: url(images/nav/about_us.gif);

	background-repeat: no-repeat;

	width: 86px;

	}	

.mainmenu #aboutUs a:hover { background: url(images/nav/about_us_over.gif); }



.mainmenu #solutions a {

	background: url(images/nav/solutions.gif);

	background-repeat: no-repeat;

	width: 92px;

	}	

.mainmenu #solutions a:hover { background: url(images/nav/solutions_over.gif); }



.mainmenu #careers a {

	background: url(images/nav/careers.gif);

	background-repeat: no-repeat;

	width: 79px;

	}	

.mainmenu #careers a:hover { background: url(images/nav/careers_over.gif); }



.mainmenu #contactUs a {

	background: url(images/nav/contact_us.gif);

	background-repeat: no-repeat;

	width: 101px;

	}	

.mainmenu #contactUs a:hover { background: url(images/nav/contact_us_over.gif); }



.mainmenu #clientLogin a {

	background: url(images/nav/client_login.gif);

	background-repeat: no-repeat;

	width: 112px;

	}	

.mainmenu #clientLogin a:hover { background: url(images/nav/client_login_over.gif); }



/* Submenu */

.mainmenu li ul  {

	z-index: 500;

	position: absolute;

	margin: 0;

	padding: 0;

	list-style: none;

	visibility: hidden;

	}



.mainmenu li ul li {clear:both;}



/* THIRD TIER Adapted from: http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html */

.mainmenu li ul ul, * html .mainmenu li ul ul { 
	margin: -25px 0 0 166px;
}



.mainmenu li ul.twoRow, * html .mainmenu li ul.twoRow { 
	margin-top: -37px;
}



.mainmenu li#aboutUs ul li a, .mainmenu li#solutions ul li a {
	background-image:none;
	width:150px;
	height:auto;
	color: #555;	
	padding:6px 0 6px 15px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;	
	}

	

.mainmenu li#aboutUs ul li a:hover, .mainmenu li#solutions ul li a:hover {
	background-image:none;
	}

		

.mainmenu li#aboutUs ul li a {
	background-color: #b3cae5;
	border-bottom: 1px #dee6e9 solid;
	border-right: 1px #dee6e9 solid;
	}

.mainmenu li#aboutUs ul li a:hover { 
	background-color: #dee6e9;
	}

	

.mainmenu li#solutions ul li a {
	background-color: #cbafd0;
	border-bottom: 1px #e0cae4 solid;
	border-right: 1px #e0cae4 solid;
	}

.mainmenu li#solutions ul li a:hover { 
	background-color: #e0cae4;
	}



/* Fix IE. Hide from IE Mac \*/

* html ul.mainmenu li { height: 1%; }

* html ul.mainmenu li a { height:24px; }

* html ul.mainmenu li ul.dropdown li a { height: auto; }

/* End */