@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;
	margin: 5px 0px 1px 0px;
}

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 left & right contents
			
*******************************************************/

#subblock_main{
	width: 860px;
	background-color: transparent;
}

#left_column_main{
width: 420px;
float: left;
padding-top: 35px;
}

#left_column{
width: 340px;
padding-left: 74px;
}

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

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

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

#note_box_content{
padding: 0px 60px 0px 60px;
text-align: left;
}

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

#right_column_main{
width: 420px;
float: right;
text-align: left;
padding: 0px 0px 0px 0px;
}

#right_column{
width: 360px;
}

#clients_tab1{
	background-image: url(../layout_imgs/clients-tab1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 43px 0px 43px 8px;
	width: 320px;
}

#clients_tab2{
	background-image: url(../layout_imgs/clients-tab2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 43px 0px 43px 8px;
	width: 320px;
}

#clients_tab3{
	background-image: url(../layout_imgs/clients-tab3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 43px 0px 43px 8px;
	width: 320px;
}

.jump_page{
text-align: right;
clear: both;
padding-right: 35px;
}

#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;
}