/*======================
	TABLES
========================*/
table
{
	border-collapse:collapse; 
	border:solid 1px #505050;
}
tr
{

}
td
{
	padding:5px; 
	border:solid 1px #a4a4a4;
	background:#eeeeee; 
}
th
{
	padding:5px 10px 5px 10px;
	font-weight:700;
	font-size:14px; 
	background:#85afec; 
	border:solid 1px #505050; 
	border-bottom:solid 2px #505050; 
	color:#152337; 
	
}
/*======================
	IMAGES
========================*/
img
{
	vertical-align:middle; 
}
/*======================
	HR
========================*/
hr
{
	border:0; 
	border-bottom:solid 1px #e1e1e1;
	background:0; 
	width:100%;
	height:1px; 
	margin:8px 0 8px 0;
}

/*======================
	HORIZONTEL LINE
========================*/
.border-bottom
{
	border-bottom:solid 1px #e1e1e1;
	padding:0px 0 15px 0;
	margin:0px 0 8px 0;
}
/*======================
	FLOATS
========================*/

.clear{ clear:both; }

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
.aligncenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
/*======================
	WIDTH
========================*/
.width-10{ width:10%; }
.width-20{ width:20%; }
.width-30{ width:30%; }
.width-40{ width:40%; }
.width-50{ width:50%; }
.width-60{ width:60%; }
.width-70{ width:70%; }
.width-80{ width:80%; }
.width-90{ width:90%; }
.width-100{ width:100%; }
/*======================
	MARGIN
========================*/
.marginbottom{ margin-bottom: 10px; }
.margintop{ margin-top:10px; }

/*======================
	IMAGE
========================*/
.img
{
	border:solid 1px #7f7f7f; 
	border-left:solid 1px #e0e0e0; 
	border-top:solid 1px #e0e0e0; 
	padding:5px 5px 7px 5px; 
	margin:3px; 
	background:#fff; 
}
/*======================
	PORTFOLIO
========================*/
ul.portfolio
{
	padding:0; 
	margin: 0; 
	list-style:none; 
	float:left; 
	margin-bottom:10px; 
}
 
ul.portfolio li{ float:left; width:225px; margin: 0 20px 0 20px;  }
ul.portfolio a{ display:block }
ul.portfolio a:visited{ color:#d78708;  }
ul.portfolio a.border
{
	border:solid 1px #c4c4c4;
	background:#16253a; 
	padding:6px; 
	width:210px; 
	float:left;  
	margin-bottom:3px; 
}
ul.portfolio p
{
	color:#525252; 
}


/*======================
	ARROW LIST
========================*/
dl.arrow-list{}
ul.arrow-list{ list-style:none; margin-bottom:15px; margin-left:10px; }
ul.arrow-list li{ margin-bottom:10px;  font-size:14px; }
dl.arrow-list dt, ul.arrow-list li
{
	background:url(../images/arrow.gif) no-repeat 0 2px; 
	padding-left: 24px; 
}
dl.arrow-list dd
{
	margin:0;
	margin-left: 22px;  
	padding:0; 
}
/*======================
	BOX
========================*/
.box
{
	background:#fff7ec url(../images/box_highlight.gif) repeat-x 0 100%; 
	padding:15px; 
	border:solid 1px #ff9c00;
	
}
.box h2:first-child{ margin-top:0}
/*======================
	NEWS
========================*/
.news-item
{
	float:left; 
	padding-left:72px; 	
	padding-bottom:10px; 
	margin-bottom:15px; 
	border-bottom:solid 1px #cbcbcb; 
	width:550px; 
	
}
.news-item p
{
	float:left; 
}
.news-item h3
{
	font-size:14px; 
	color:#05090e; 
	margin-top:0; 	
	margin-bottom:5px; 
}
.date-item
{
	float:left; 
	width:57px; 
	margin-left:-72px;
	height: 67px; 
	background:url(../images/date_item.gif) no-repeat; 
}
.date-item span.day
{
	color:#fff; 
	font-weight:bold; 
	display:block; 
	margin:0 auto; 
	font-size:12px; 
	padding:0; 
	line-height:1.2;
	text-align:center; 
}
.date-item span.date
{
	font-size:24px; 
	padding-top:0px; 
	color:#ff9c00; 
	display:block; 

	text-align:center; 
	line-height:1.4; 
}
.date-item span.year
{
	display:block; 
	color:#616161; 
	font-size:10px; 
	text-align:center;
}
/*======================
	SITE MAP
========================*/
#site-map
{
	font-size:16px; 
	line-height:1.7; 
}
/*======================
    FREE QUOTE
========================*/
.free-quote
{
    float:left; 
    width:235px; 
    height:181px;  
    background:url(../images/free_quote.gif) no-repeat 50% 0; 
}
.free-quote .info
{
   float:left;
   margin:10px 0 0 10px;
    width:210px;  
    
}
.free-quote a
{
    width:100%; 
    height:83px; 
    display:block; 
}
.free-quote p{ margin: 10px 5px 0 5px; color:#fff; }