/*   Encore Marketing Solutions Website Style Sheet (Main Layout Style)
     Created by: Clint Applegate (CA Visual Design)
	 Dated: 9/7/07
======================================================================*/
/*
	--------------------------------------------------------------------
	1. Page Properties Definition (Body, Links, Headings)
	--------------------------------------------------------------------
	2. Layout Boxes Definition  (Wrapper, ID Box(Header, Content, Footer)
	--------------------------------------------------------------------
	3. Navigations
		3.1 Menu1
		3.2 Menu2
	--------------------------------------------------------------------
	4. Content Boxes Definition (hd_insideboxes, main_content, sidebox)
	--------------------------------------------------------------------
	5. Footer Boxes Definition (copyright, validation)
		5.1 footer_menu			
	--------------------------------------------------------------------

*/

/*	--------------------------------------------------------------------
	1. Page Properties Definition (Body, Links, Headings)
	--------------------------------------------------------------------*/

body,td,th {
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #00509e;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #00509e;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003366;
}
a:hover {
	text-decoration: underline;
	color: #0066FF;
}
a:active {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 20px;
	color: #00509e;
	background-image: url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 18px;
	display: block;
	padding: 6px 0px;
	margin:0px 0px 5px 0px;
}
h2 {
	font-size: 18px;
	color: #00509e;
}
h3 {
	font-size: 16px;
	color: #00509e;
}
h4 {
	font-size: 14px;
}

h4.titlebar250 {
	margin:0px;
	padding:0px;
}
#sidebox h3 {
	font-size: 16px;
	color: #333333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00509E;
	margin: 0px;
}
/*	--------------------------------------------------------------------
	2. Layout Boxes Definition  (Wrapper, ID Box(Header, Content, Footer)
	--------------------------------------------------------------------*/

#wrapper {
	padding: 0px;
	width: 840px;
    margin: 0 auto;
	position:relative;
	background:none;
}

#header {
	margin: 0px;
	padding: 0px;
	height: 137px;
	width: 840px;
}
#flash {
	float: left;
	width:797px;
	height:137px;
}

#content_wrapper {
	margin: 0px auto;
	padding: 10px 0px;
	width: 800px;
	background-color: #FFFFFF;
	text-align:left;
}

#footer {
	width: 800px;
	margin: 0px auto;
}

/*	--------------------------------------------------------------------
	3. Navigations
		3.1 Menu1
		3.2 Menu2
		3.3 Submenus
	--------------------------------------------------------------------*/
#menubox1 {
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 840px;
	clear:both;
}

.menushadows_left {
	background-image: url(../images/hd_left_shadow2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width:21px;
	height: 34px;
	float:left;
}
.menushadows_right {
	background-image: url(../images/hd_right_shadow2.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width:21px;
	height: 34px;
	float:left;
}
#menu1 {
	float: left;
	height: 34px;
	width: 797px;
	background-image: url(../images/hd_bg2.jpg);
	background-repeat: repeat-x;
	text-align:right;
}

#menu1 ul {
	margin:0;
	padding:0 0 0;
	list-style:none;
}
#menu1 li {
	text-align:left;
	float:right;
	display:block;
	
	margin:0;
	padding:0px 0px 0 0 ;
	height:34px;
	width:127px;
	overflow:hidden;
}
#menu1 a 
{
    font-size: 11px;
    font-family: 'Arial' , Helvetica, sans-serif;
	font-weight:bold;
	background:url("../images/nav1_bg.gif") no-repeat left top;
	float:left;
	display:block;
	padding:10px 0px 0px 17px;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#00509E;
	height:25px;
	width:110px;
}
#menu1 a:hover {
	color:#004987;
	margin: 0;
    background: url("../images/nav1_bg_on.gif") no-repeat left top;
	width:127px;
}


#menubox2 {
    clear:both;
	margin: 0px auto;
	padding: 0px;
	height: 44px;
	width: 800px;
	background-image: url(../images/menu2bg.gif);
	background-repeat: repeat-x;
}

#menu2 {
	float: left;
	height: 43px;
	width: 790px;
	padding-left:7px;
	text-align:right;
}

#menu2 ul {
	margin:0;
	padding:0 0 0;
	list-style:none;
}
#menu2 li {
	text-align:left;
	float:left;
	display:block;
	
	height:43px;
	width:195px;
	overflow:hidden;
}
#menu2 a 
{
    font-size: 11px;
    font-family: 'Arial' , Helvetica, sans-serif;
	font-weight:bold;
	background:url("../images/nav2_bg.gif") no-repeat left top;
	float:left;
	display:block;
	padding:10px 0px 0px 20px;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#00509E;
	height:25px;
	width:185px;
	vertical-align: middle;
}

#menu2 a:hover {
	color:#004987;
	margin: 0;
    background: url("../images/nav2_bg_on.gif") no-repeat left top;
}
/*  3.3 Sub Menu Style
================================================================*/

#submenu {
	width: 206px;
	font-family: Arial, Helvetica, sans-serif;
}
#submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#submenu li {
	border-bottom: 1px solid #99CCFF;
}
#submenu li a:link, #submenu li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #006699;
	border-right: 1px solid #006699;
	background-color: #00509E;
	color: #FFFFFF;
	text-decoration: none;
}
#submenu li a:hover {
	background-color: #6699FF;
	color: #00509E;
}

/*	--------------------------------------------------------------------
	4. Content Boxes Definition (main_content, sidebox)
	--------------------------------------------------------------------*/
.hd_insidebox_left {
	float: left;
	background-image: url(../images/hd_left_shadow1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 21px;
	height:137px;
}

.hd_insidebox_right {
	float: left;
	background-image: url(../images/hd_right_shadow1.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 21px;
	height:137px;
}

.hd_flash {
	float: left;
}

#sidebox {
	background-color: #C6D4DF;
	padding: 0px;
	margin-right: 9px !important;
	margin-right: 5px;/*for IE*/
	float: right;
	width: 230px;
}
.sidebox_content {
	padding: 5px 10px;
	width: 210px;
}

#main_content {
	margin: 0px 0px 0px 10px;
	width: 540px;
	text-align:left;
}

.sidebox_title {
	font-size: 18px;
	color: #00509E;
	background-image: url(../images/sidebar_titlebg.jpg);
	background-repeat: no-repeat;
	text-indent: 18px;
	display: block;
	margin: 0px 0px 10px 0px;
	padding:7px 0px;
	height:23px;
}

.contentpane {
	width: 790px;
	margin: 0px auto;
}	
.underconstruction {
	font-size: 16px;
	font-weight: bold;
}
.underconstruction_pbox {
	color: #00509E;
	background-color: #C4E1FF;
	border: 4px double #00509e;
	display: block;
	width: 500px;
	margin: 5px auto;
}
#service_cell {
	margin: 0px auto;
	width: 500px;
}

#service_cell td {
	padding: 5px;
	height: 20px;
	width: 250px;
	vertical-align: middle;
}
.service_celltd1 {
	background-color: #72A2D6;
}
.service_celltd2 {
	background-color: #BCCCDA;
}
.service_celltd3 {
	background-color: #D3DEE7;
}

.contact_box250 {
	padding: 8px 10px 9px 10px;
	width: 248px;
	text-align: left;
	/*height: 198px;*/
}

.contact_box250_bdr {
	padding: 9px 10px 9px 10px;
	width: 248px;
	background-image: url(../images/vline_bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	height: 197px;
}

#floatbox {
	float: left;
	background-color: #D7E1EA;
}

.contact_info{
	display: block;
	margin: 15px 0px;
}
.contact_info dd.tabinfo {
	margin-top: -14px;
	margin-left: 42px;
}

.clear_all {
    clear:both;
}

#thumb_work ul{
	width                   : 540px;
/*	margin-left             :-35px !important;
	margin-left             :4px;*/
	list-style: none;
	margin: 0;
	padding: 0;
}

#thumb_work li {
	float                       : left;
	display                     : inline;
	width                       : 170px;
	height                      : 110px;
	overflow                    : hidden;
	padding-right               : 7px;
	padding-bottom              : 7px;
}

/*  Home Services highlights box
============================================================*/

.hm_product_180box {
	float: left;
	height: 300px;
	width: 180px;
	background-image: url(../images/hm_promotional_bg.jpg);
	background-repeat: no-repeat;	
}

.hm_graphic_180box {
	float: left;
	height: 300px;
	width: 180px;
	background-image: url(../images/hm_graphic_bg.jpg);
	background-repeat: no-repeat;	
}

.hm_web_180box {
	float: left;
	height: 300px;
	width: 180px;
	background-image: url(../images/hm_web_bg.jpg);
	background-repeat: no-repeat;	
}
.hm_learmore_btn {
	display: block;
	margin: 250px auto 0px auto;
	width: 130px;
}

/*  SiteMap Style box
============================================================*/
#sitemap ul {
	list-style-type: none;
}

.sitemapbar {
	background-image: url(../images/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding:15px 0px 0px 30px;
	margin:0px 4px;
	height: 28px;
	color:#004987;
	display: block;
}
.sitemap_indent{
	width: 445px;
	margin: 0px 0px 0px 100px;
}
.insideline {
	line-height: 28px;
	list-style-type: none;
	margin:0px;
}

/*	--------------------------------------------------------------------
	5. Footer Boxes Definition (copyright, validation)
		5.1 footer_menu			
	--------------------------------------------------------------------*/
#footer_menu {
	background-image: url(../images/footer_navbg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 10px 5px;
	width: 790px;
	height:20px;
	text-align:center;
}

#footerbox2 {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	height:50px;
	margin: 0px;
	padding: 5px 20px;
	width: 760px;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

#footer_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #00509E;
}

#footer_menu li {
	display: inline;
	padding: 10px 5px 0px 5px;
}

#footer_menu a:link, #footer_menu a:visited {
	color: #00509E;
	text-decoration: none;
}

#footer_menu a:hover {
	color:  #00509E;
	text-decoration: underline;
}

.ftr_validation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	display:block;
	margin: 0px;
}

.ftr_validation a:link {
	color:#FFF;
}
.floatbox {
	float: left;
	background-color: #D7E1EA;
	padding: 0px 0px 10px 0px;
	width: 48%;
}
#main_content li {
	margin: 0 0 10px 0;
}