@charset "UTF-8";
/* 
	MeduZa - iDesign Press
	email: meduza@iphone4.tw
*/

/************************************************

			Generic Basic Styling
			
*************************************************/

body, html{
border: 0;
padding: 0;
margin: 0;
}

body{
	font-family: Verdana, Arial, DFPOP1W5-B5, "DFYuan Std W5", PMingLiU, "Century Gothic";
	background-color: #ffffff;
	background-image: url(../layout_imgs/site_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #343434;
	font-size: 12px;
	line-height: normal;
}

img{
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
}

img a{
	margin: 5px;
	border: none;
}

a{color: #b00000;}

/************************************************

		Custom Styling for Specifi IDs
			
*************************************************/

#mainblock{
	width: 860px;
	height: auto;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../layout_imgs/mainblock_repeat.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#mainblock_header{
	width: 860px;
	background-color: transparent;
	background-image: url(../layout_imgs/mainblock_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainblock_footer{
	width: 860px;
	background-color: transparent;
	background-image: url(../layout_imgs/mainblock_footer.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header{
width: 860px;
height: 276px;
clear: both;
position: relative;
}

#nav{
width: 100%;
height: 100%;
position: relative;
text-align: center;
}

#home, #about_sy, #services, #clients, #claims, #faq, #contact_us{
	position: absolute;
	display: block;
	width: 88px;
	height: 23px;
	top: 226px;
	line-height: 23px;
	color: white;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../layout_imgs/button_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#home:hover, #about_sy:hover, #services:hover, #clients:hover, #claims:hover, #faq:hover, #contact_us:hover{
	color: #b00000;
	background-color: transparent;
	background-image: url(../layout_imgs/button_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#home{
left: 65px;
}

#about_sy{
left: 165px;
padding-bottom: 5px;
}

#services{
left: 269px;
}

#clients{
left: 373px;
}

#faq{
left: 477px;
}

#claims, #contact_us{
	position: absolute;
	display: block;
	width: 88px;
	height: 22px;
	top: 251px;
	line-height: 22px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	background-image: url(../layout_imgs/bottom_button_on.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#claims:hover, #contact_us:hover{
background: transparent url(../layout_imgs/bottom_button_hover.png) top left no-repeat;
color: #b00000;
}

#claims{
left: 600px;
}

#contact_us{
left: 699px;
}

/******************************************************

	Custom Styling for the dropdown li
			
*******************************************************/

.menu_heading{
width: 88px;
height: 23px;
line-height: 23px;
}

.liberty-dropdown ul{
background: #747474;
width: 104px;
padding: 0;
margin: 0;
list-style: none;
text-align:center;
position: relative;
left: 0px;
top: 0px;
text-decoration:none;
color:#FFFFFF;
}

.liberty-dropdown ul a{
width: 104px;
display: block; 
text-decoration: none;
color:#FFFFFF;
}

.liberty-dropdown ul a:hover{
background: #b00000;
}

/******************************************************

	Custom Styling for contents
			
*******************************************************/

#subblock_main{
	float: left;
	clear: left;
	padding-left: 86px;
	text-align: left;
}

#pbox{
	padding: 35px 74px 0px 0px;
}

#claims_tab{
	background-image: url(../layout_imgs/claims-tab.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	padding: 88px 0px 35px 0px;
	line-height: 1.75em;
	width: 360px;
	float: left;
	clear: left;
}

#claims_tab a{
	color: #b00000;
	text-decoration: none;
}

#media_box{
	width: 340px;
	float: right;
	clear: right;
	display: inline;
	margin: 0 auto;
	background-color: transparent;
	background-image: url(../layout_imgs/note_box_repeat.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#media_box_header{
	width: 340px;
	background-color: transparent;
	background-image: url(../layout_imgs/note_box_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#media_box_footer{
	width: 340px;
	padding-top: 88px;
	padding-bottom: 88px;
	background-color: transparent;
	background-image: url(../layout_imgs/note_box_footer-2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#media_box_content{
margin: 0;
padding: 0 43px 0 50px;
text-align: left;
}

h2{color: #b00000; font-size: 13px;}

.pbox_child{
	margin-top: 5px;
	padding: 30px 15px 0px 0px;
	clear: both;
	font-size: 13px;
}

.pbox_child a{color: #b00000;}

.top_tab{
	width: 35px;
	font-size: 9px;
	float: right;
	clear: both;
	right: 15px;
	position: relative;
}

.top_tab a{
	color: #999999;
	text-decoration: underline;
}

.top_tab a:hover{
	color: #343434;
}

#footer{
height: 138px;
clear: both;
position: relative;
}

#copyright{
position: absolute;
left: 108px;
bottom: 46px;
color: #b00000;
font-size: 10px;
text-align: center;
}

#copyright a{
color: #b00000;
text-decoration: underline;
}

#copyright a:hover{
color: #343434
}

#sitepower{
position: absolute;
right: 108px;
bottom: 44px;
color: #b00000;
font-size: 10px;
text-align: center;
}

#sitepower a{
color: #b00000;
text-decoration: underline;
}

#sitepower a:hover{
color:#343434
}

#footer_extra{
	width: 860px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding: 0px 0px 8px 0px;
}

.footer_extra_menu {
	font-size: 10px;
	color: #343434;
	padding-right: 1px;
	text-decoration: none;
	line-height: 1.0em;

}
.footer_extra_menu:hover{
	color: #b00000;
}