/* CSS Document */

/* Banner */
#bannerLeft { float: left; width: 492px; height: 334px; padding: 0; margin: 0; }
#bannerRight { float: right; width: 502px; height: 334px; padding: 0 0 0 10px; margin: 0; }
#bannerRight h1, #banner404 h1  {
	width: 462px;
	margin: 70px 0 0 0;
	padding: 0 0 15px 0;
	font-size: 30px;
	color: #0052a5;
	font-weight: bold;
}
#bannerRight p, #banner404 p  {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
#bannerRight .readMoreBtn, #banner404 .readMoreBtn {
	float: right;
	width: 208px;
	height: 40px;
	margin: 20px 40px 0 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
}
#bannerRight a, #banner404 a {
	width: 200px;
	height: 29px;
	float: right;
	color: #0052a5;
	font-weight: bold;
	text-decoration: none;
	padding: 9px 0 0 0;
	margin: 21px 51px 0 0;
	text-align: center;
}
* html #bannerRight a, * html #banner404 a  { padding: 3px 0 0 0; }
#bannerRight a:hover, #banner404 a:hover {
	color: #333333;
	text-decoration: none;
}

/* Easy Slider */
#portfolio ul, #portfolio li { padding: 0; margin: 0; list-style: none; }
/* define width and height of list item (slide), entire slider area will adjust according to the parameters provided here */ 
#portfolio li { width: 492px; height: 334px; overflow: hidden; }
#portfolio li img { border: none; }
#portfolio li a { padding: 0; margin: 0; }
span#prevBtn { }
span#nextBtn { }

/* Boxes */
#servicesBox { width: 1004px; padding: 0; margin: 0 auto; }
#servicesBox h2 { font-size: 18px; color: #0052a5; font-weight: bold; padding: 0 0 15px 0; margin: 0; }
* html #servicesBox h2 { padding: 15px 0; }
#servicesBox .box {
	float: left;
	width: 306px;
	padding: 10px;
	margin: 0 3px;
	background: url(../images/bgBox.jpg) top left no-repeat;
	border: 1px solid #dfdfdf;
}
* html #servicesBox .box { width: 305px; }
#servicesBox .box img { float: left; padding: 0 10px 0 0; margin: 0; }
#servicesBox .box h3 { font-size: 14px; font-weight: bold; padding: 2px 0 15px 0; margin: 0; }
#servicesBox .box p { padding: 0 0 12px 0; margin: 0; }
#servicesBox .box a {
	float: right;
	color: #0052a5;
	font-weight: bold;
	text-decoration: none;
}
#servicesBox .box a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#otherBox { width: 1004px; height: 250px; padding: 0; margin: 0; background: url(../images/bgOtherBox2.jpg) no-repeat; }
#otherBox .box2 {
	float: left;
	width: 308px;
	height: 210px;
	padding: 20px 10px;
	margin: 0 3px 0 3px;
}
* html #otherBox .box2 { width: 302px; }
#otherBox .box2 h3 { font-size: 18px; font-weight: normal; padding: 0 0 15px 0; margin: 0; color: #961120; }
#otherBox .box2 img { float: left; padding: 0 10px 0 0; margin: 0; }
#otherBox .box2 p { line-height: 22px; color: #ffffff; padding: 0 0 12px 0; margin: 0; }
#otherBox .box2 a {
	background: url(../images/button2.gif) no-repeat;
	width: 208px;
	height: 32px;
	float: right;
	color: #0052a5;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0;
}
#otherBox .box2 a:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}