/*CSS Document*/
BODY, TD, TH
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
BODY
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: -5px 74px -5px 125px;
/*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
	padding: 0 0px 0 0;
	text-align: center;
/*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector*/
	color: #000000;
	background-repeat: no-repeat;
	background-image: url(images/bar_bg.jpg);
	background-repeat: repeat-x;
}
.oneColFixCtr #container
{
	width: 780px;
/*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
	background: #FFFFFF;
	margin: 0 auto;
/*the auto margins (in conjunction with a width) center the page*/
	border: 0px solid #000000;
	text-align: left;
/*this overrides the text-align: center on the body element.*/
}
.oneColFixCtr #mainContent
{
	padding: 0 0px;
/*remember that padding is the space inside the div box and margin is the space outside the div box*/
}
#tabs UL
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	background-image: url(images/nav_bg.jpg);
}
#tabs LI
{
	display: inline;
	margin-bottom: -1px;
}
#tabs A
{
	background-image: url(images/button_back1.jpg);
	display: block;
	float: left;
	padding-top: 7px;
	margin: 0 0 0 0px;
	text-align: center;
	width: 116px;
	height: 25px;
	text-decoration: none;
	font-size: 12px;
	color: #222222;
}
#tabs A:hover
{
	background-image: url(images/button_back2.jpg);
	display: block;
	float: left;
	padding-top: 7px;
	margin: 0 0 0 0px;
	text-align: center;
	width: 116px;
	height: 25px;
	text-decoration: none;
	color: #222222;
}
#picmain
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #EBEBEB;
	height: 190px;
	background-image: url(images/little_man_home.jpg);
}
#picquote
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #EBEBEB;
	height: 190px;
	background-image: url(images/little_man_quote.jpg);
}
#picmac
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
	height: 190px;
	background-image: url(images/little_man_services.jpg);
	background-repeat: no-repeat;
}
#picteam
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
	height: 190px;
	background-image: url(images/ourteam.jpg);
	background-repeat: no-repeat;
}
#picclients
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
	height: 190px;
	background-image: url(images/little_men_clients.jpg);
	background-repeat: no-repeat;
}
#piccontact
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
	height: 190px;
	background-image: url(images/little_man_phone.jpg);
	background-repeat: no-repeat;
}
#picnews
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 374px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
	height: 190px;
	background-image: url(images/latest_news.jpg);
	background-repeat: no-repeat;
}
#introtext
{
	float: right;
/*since this element is floated, a width must be given*/
	width: 386px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #EBEBEB;
	height: 180px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	font-size: 12px;
	margin-bottom: 0px;
}
#orangebar
{
	width: 740px;
	height: 12px;
	margin-top: -1px;
	float: left;
	padding-right: 0px;
	margin: 0px;
	background: #FF8601;
}
#banners
{
	float: left;
}
#orangebarshort
{
	width: 762px;
	background-image: url(images/nav_orange_bg.jpg);
	height: 2px;
	float: none;
}
#orangebarvshort
{
	width: 360px;
	background-image: url(images/nav_orange_bg.jpg);
	height: 2px;
	float: none;
}
#featuredsite
{
	float: left;
/*since this element is floated, a width must be given*/
	width: 354px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FF6600;
	height: 140px;
	background-image: url(images/featured_bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
}
#clientarea
{
	width: 183px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FF9900;
	height: 140px;
	background-image: url(images/clientarea_bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border-right: 1px solid #FFFFFF;
	float: left;
}
#new
{
	width: 182px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FF6600;
	height: 140px;
	background-image: url(images/whats_new_bg.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	float: right;
}
#pagecontent
{
	clear: both;
	float: none;
	width: 760px;
	background-color: #F2E7BD;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
P
{
	margin: 0px 0px 10px;
	line-height: 150%;
}
H2
{
	color: #FD8000;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
}
H3
{
	color: #FD8000;
	font-size: 16px;
	font-weight: bold;
}
#portfolioleft
{
	float: left;
	width: 370px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	font-size: 12px;
	background-color: #F2E7BD;
}
#portfolioright
{
	float: none;
/*since this element is floated, a width must be given*/
	width: 370px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	font-size: 12px;
	margin-left: 370px;
	background-color: #F2E7BD;
}
.client_subj
{
	height: 175px;
}
A
{
	color: #FD8000;
	font-weight: bold;
	text-decoration: none;
}
A:hover
{
	color: #FD8000;
	font-weight: bold;
	text-decoration: underline;
}
.projet
{
	background: #F3E7BD;
	height: 130px;
	width: 180px;
	float: left;
}
.project_image
{
	z-index: 5;
	float: left;
}
HR
{
	color: #FF6600;
}
.mainText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
	text-align: justify;
}
.mainText A:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2962BC;
	text-decoration: underline;
	text-align: justify;
}
.mainText A:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #2962BC;
	text-decoration: underline;
	text-align: justify;
}
.mainText A:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FE3B01;
	text-decoration: underline;
	text-align: justify;
}

