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

* { margin:0; padding:0; }
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	
	background: #666666;
	margin:0;
	padding: 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: #a13a1b;
	line-height:160%;	
}

li 
{
	list-style-position:inside;
}

.thrColFixHdr #container {
	width: 1095px;
	background-image:url(../images/TiledBG.jpg);

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.thrColFixHdr #header {
	/*background: #fff1e1;*/
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:195px;
	position:relative;
}
.thrColFixHdr #header_contact {
	position:absolute;
	top:28px;
	right:35px;
	text-align:right;
	font-weight:bold;
}
.thrColFixHdr #sidebar1 {
	float: left; /* 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 */
	/*background: #EBEBEB; *//* the background color will be displayed for the length of the content in the column, but no further */
	

	padding: 0px 0px 0px 7px; /* This padding works together with the rounded-corner dialog padding. */
}
.thrColFixHdr #sidebar2 {
	float: right; /* 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 */
	/*background: #EBEBEB; *//* the background color will be displayed for the length of the content in the column, but no further */
	
	padding: 0px 0px 0px 0px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #mainContent {
	margin: 0 355px 0 365px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.thrColFixHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. *//*background:#DDDDDD;*/
}
.thrColFixHdr #footer p, .twoColFixRtHdr #footer p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:small;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*
	Two-Column Page Styles
*/

.twoColFixRtHdr #container { 
	width: 1095px;
	background-image:url(../images/TiledBG.jpg);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #header_contact {
	position:absolute;
	top:28px;
	right:35px;
	text-align:right;
	font-weight:bold;
}
.twoColFixRtHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:195px;
	position:relative;
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 425px; /* 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 */
	margin-right:20px;
	padding: 0 10px;
}
.twoColFixRtHdr #sidebar1Wide {
	float: right; /* since this element is floated, a width must be given */
	width: 560px; /* 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 */
	margin-right:20px;
	padding: 0 10px;
}

.twoColFixRtHdr #mainContent { 
	margin: 0 475px 0 10px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixRtHdr #mainContentNarrow { 
	margin: 0 610px 0 10px; 
	padding: 0 20px; /
} 

.twoColFixRtHdr #mainContent h1, .twoColFixRtHdr #mainContentNarrow h1
{ 
	margin-top:15px; /* should be the same as for sidebar1 */
	font-size:24px;
}
.twoColFixRtHdr #mainContent h2, .twoColFixRtHdr #mainContentNarrow h2
{ 
	font-size:20px;
	margin-top:15px;
	margin-bottom:0px;
}
.twoColFixRtHdr #mainContent h3, .twoColFixRtHdr #mainContentNarrow h3
{ 
	font-size:18px;
	margin-bottom:5px;
}
.twoColFixRtHdr #mainContent p, .twoColFixRtHdr #mainContentNarrow p
{
	margin:5px 0 10px 0;
}

.twoColFixRtHdr #sidebar1 h1, .twoColFixRtHdr #sidebar1Wide h1
{ 
	margin-top:15px; /* should be the same as for mainContent */
	margin-bottom:5px;
	font-size:22px;
}
.twoColFixRtHdr #sidebar1 h2, .twoColFixRtHdr #sidebar1Wide h2
{ 
	font-size:18px;
	margin-bottom:5px;
}
.twoColFixRtHdr #sidebar1 h3, .twoColFixRtHdr #sidebar1Wide h3
{ 
	border-bottom:solid 2px; 
}
.twoColFixRtHdr h3.clients_words 
{
	padding-bottom:7px; 
	margin-right:140px;
	margin-top:15px;
	font-size:22px;
}
.twoColFixRtHdr #sidebar1
{
	margin:15px 0 10px 0;
}


/*                    */
/*  Who We Serve Page */
/*                    */
.twoColFixRtHdr #mainContent #whoweserve h4
{
	margin-bottom:0px;
}



.testimonials
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
}
.client_name
{
	font-size:18px;
	font-weight:bold;
}


.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#DDDDDD; */
} 



#mainContent a:link, #sidebar1 a:link, #sidebar2 a:link, #home_main a:link {
	color:#651212;
	background-color:#f7d9b3;
	text-decoration:none;
}
#mainContent a:hover, #sidebar1 a:hover, #sidebar2 a:hover, , #home_main a:hover{
	text-decoration:underline;
}
#mainContent a:visited, #sidebar1 a:visited, #sidebar2 a:visited, #home_main a:visited {
	color:#651212;
	text-decoration:underline;
}

#mainContent a:hover :visited, #sidebar1 a:hover :visited, #sidebar2 a:hover :visited, #home_main a:hover :visited {
	text-decoration:underline;
}
/* Wrecks top menu bar
#mainContent a:link, #sidebar1 a:link, #sidebar2 a:link, #home_main a:link, .twoColFixRtHdr #container a:link {
	color:#651212;
	background-color:#f7d9b3;
	text-decoration:none;
}
#mainContent a:hover, #sidebar1 a:hover, #sidebar2 a:hover, , #home_main a:hover, .twoColFixRtHdr #container a:hover {
	text-decoration:underline;
}
#mainContent a:visited, #sidebar1 a:visited, #sidebar2 a:visited, #home_main a:visited, .twoColFixRtHdr #container a:visited {
	color:#651212;
	text-decoration:underline;
}

#mainContent a:hover :visited, #sidebar1 a:hover :visited, #sidebar2 a:hover :visited, #home_main a:hover :visited, .twoColFixRtHdr #container a:hover :visited {
	text-decoration:underline;
}
*/

/* get rid of those system borders being generated for A tags */
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
}


.picleft 
{
	float:left;
	padding-right:15px;
	padding-bottom:12px;
}
.picright 
{
	float:right;
	padding-left:15px;
	padding-bottom:15px;
}

/*
	Home Page Accordion
*/
#home_main
{
	height:435px;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion_home {
	background:#FFFFFF url(../images/h300.png) repeat-x scroll 0;
	height:280px;
	padding:10px 0 10px 20px;
	width: 1050px; 
	height:400px;
	border:1px solid #ddd;
}

/* accordion header */
.accordion_header {
	float:left;
	margin-right:15px;
	/* needed if using h2 instead of img:*/ margin-top:0;
	cursor:pointer;
	margin-top:145px;
	
	/*opacity:0.5;*/	/* Will work for non-IE browsers */
	/*
		This is for IE but it doesn't work with transparent PNGS:
		filter: alpha(opacity=50);
		We'll just have to lose the grayed-out appearance on the non-current tabs in IE.
	*/
}
.accordion_header h3
{
	font-size:19px;
	text-align:center;
}

/* currently active header */
.accordion_header.current {
	cursor:default;
	opacity:1;
	/* See above for explanation.
	filter: alpha(opacity=100);
	*/
}

.home-page-photo
{
 float:left;
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion_home div.content {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
	border:1px double #aaa;
	padding:15px;
 	height:365px; 
 }

/*
   Fixed width on each element is essential to prevent the text from automatically 
   reflowing (animated-ly!) while the panels are sliding open/closed.
*/
#accordion_home div.content ul
{
	width:250px;
	margin-left:340px;
}
#accordion_home div.content h1 {
	margin:0 0 -10px 0;
	font-size:26px;	
	width:580px;
}
#accordion_home div.content h2 {
	margin:15px 0 15px 0;
	font-size:19px;	
	font-weight:normal;
	width:580px;
}
#accordion_home div.content p {	
	font-size:18px;
	width:250px;
	margin-left:340px;
	padding-bottom:10px;
}



/* 
   For jQuery TOOLS 
*/


/* For jQuery TOOLS Overlays */
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:778px;	
	height:541px;
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}