/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{
	background:#e1ddd3;
	border:0;
	color:#78706a;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* ============================= main layout ====================== */

a{ color:#78706a; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:34px "Times New Roman", Times, serif; color:#265ccd; line-height:34px; padding:25px 0 0 18px; font-weight:normal; letter-spacing:-1px}
h2{ color:#b6b4b1; font-style:italic; margin-top:-5px; padding:0 0 7px 20px; letter-spacing:-1px; border-bottom:2px solid #e4e2de; margin-bottom:30px; font-weight:normal;
    font-variant: normal;
    font-size: 22px;
    line-height: normal;
    font-family: "Times New Roman", Times, serif;
    width: 589px;
}
h3{ font:26px "Times New Roman", Times, serif; color:#64452f; padding:16px 0 20px 58px; letter-spacing:-1px; font-weight:normal}
h4{ font:34px "Times New Roman", Times, serif; color:#b78b0e; line-height:34px; padding:0px 0 0 0px; font-weight:normal; letter-spacing:-1px}
h5{ font:22px "Times New Roman", Times, serif; color:#b6b4b1; font-style:italic; margin-top:-5px; padding:0 0 7px 20px; letter-spacing:-1px; border-bottom:2px solid #e4e2de; margin-bottom:20px; font-weight:normal;}
.col1 h3{ padding:5px 0 19px 20px}
p{ padding-bottom:18px;}

img{ vertical-align:top}
/* ============================= header ====================== */
#logo{ background:url(../images/iphj_logo2.png) no-repeat; padding:0px 15px 11px 28px;}
#menu { background:url(../images/bg_menu.jpg) no-repeat; padding:19px 0 13px 30px; height:41px}
#menu li { float:left;}
#menu li a{
	float:left;
	font-size:14px;
	color:#fff;
	line-height:28px;
	text-decoration:none
}
#menu li a span{ display:block}
#menu li a span span{ padding:0 24px}
#menu li a:hover, #menu #menu_active a{ color:#2a0b5b; background:url(../images/menu_bg_active.jpg) top repeat-x}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left_active.jpg) top right no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_right_active.jpg) top left no-repeat}

#date{ float:left; padding:9px 0 20px 56px; font-size:11px; color:#4c453f; text-transform:uppercase; width:500px;}
#search{ float:right; padding:6px 39px 0 0; }
#search .submit{ float:right;vertical-align:top; padding-bottom:5px;cursor:pointer; background:url(../images/button_search.jpg) no-repeat; width:56px; height:24px; font:12px Arial, Helvetica, sans-serif; color:#265ccd; margin-left:7px}
#search .input{ float:right;overflow: hidden; background:none; vertical-align:top;width:116px; height:14px;font:12px Arial, Helvetica, sans-serif; color:#265ccd;}
#search .bg{background:url(../images/search.jpg) no-repeat; float:right; width:116px; padding:4px 5px 4px 30px; }

#ban{ padding:0}
/* ============================= content ====================== */
.marg_right1{ margin-right:7px}
.marg_right2{ margin-right:30px}
.marg_top{ margin-top:30px}
.pad_left1{ padding-left:29px;}
.pad_bot1{ padding-bottom:12px}
.pad_bot2{ padding-bottom:25px}
.pad_bot3{ padding-bottom:30px}

.box1_bg1{ background:#fff;}
.box1_t{ background:url(../images/box1_border.jpg) top repeat-x}
.box1_l{ background:url(../images/box1_border.jpg) left repeat-y}
.box1_r{ background:url(../images/box1_border.jpg) right repeat-y}
.box1_t_l{ background:url(../images/box1_top_left.jpg) top left no-repeat}
.box1_t_r{ background:url(../images/box1_top_right.jpg) top right no-repeat}
.box1_l .in{ padding:15px 15px 18px 15px;}

.box1_bg2{ background:#f0eee9; border-top:2px solid #e2dfd5;}
.box1_bg3{ background:#bcb39d;}
.box1_b{ background:url(../images/box1_border.jpg) bottom repeat-x}
.box1_b_l{ background:url(../images/box1_bot_left.jpg) bottom left no-repeat}
.box1_b_r{ background:url(../images/box1_bot_right.jpg) bottom right no-repeat}

.banner{ margin-top:14px; width:327px; float:left;}
.banner_bg1{ background:#faf9f7;}
.banner_t{ background:url(../images/box3_border.jpg) top repeat-x}
.banner_l{ background:url(../images/box3_border.jpg) left repeat-y}
.banner_r{ background:url(../images/box3_border.jpg) right repeat-y}
.banner_t_l{ background:url(../images/box3_top_left.jpg) top left no-repeat}
.banner_t_r{ background:url(../images/box3_top_right.jpg) top right no-repeat}
.banner_bg2{ background:#f5f3ef}
.banner_b{ background:url(../images/box3_border.jpg) bottom repeat-x;}
.banner_b_l{ background:url(../images/box3_bot_left.jpg) bottom left no-repeat}
.banner_b_r{ background:url(../images/box3_bot_right.jpg) bottom right no-repeat}
.banner .in{ padding:5px 15px 12px 0px}
.banner h1{ color:#b78b0e; font:21px "Times New Roman", Times, serif; font-weight:normal; padding:13px 0 8px 20px; border-bottom:1px solid #e4e2de; letter-spacing:0}
.banner p{ padding-bottom:12px}
.banner .button{ background:url(../images/button2_bg.jpg) top repeat-x}
.banner .button span{ background:url(../images/button2_left.jpg) top left no-repeat}
.banner .button span span{ background:url(../images/button2_right.jpg) top right no-repeat}

.font1{ font-weight:bold; color:#4c453f}
.font2{ text-transform:uppercase; color:#c23d27; font-size:12px}
.font3{ line-height:24px; font-weight:bold;}

.color1{ color:#b78b0e;}
.color2{ color:#265ccd;}

.button{ float:right; color:#265ccd; text-decoration: none; line-height:24px; background:url(../images/button1_bg.jpg) top repeat-x; font-size:12px}
.button span{ display:block; background:url(../images/button1_left.jpg) top left no-repeat}
.button span span{ padding:0 12px; background:url(../images/button1_right.jpg) top right no-repeat}
.button:hover{ color:#c23d27;}

.img1{ background:url(../images/icon_1.gif) 0 8px no-repeat}
.img2{ background:url(../images/icon_2.gif) 1px  13px no-repeat}
.img3{ background:url(../images/icon_3.gif) 1px  13px no-repeat}

.link1{ color:#b78b0e; font-style:italic}

.list1 li{ padding-bottom:7px; margin-bottom:5px; font-size:11px;}
.list1 li a{ color:#2a0b5b; text-transform:uppercase; text-decoration:none; padding-left:15px;) 15px 2px no-repeat}
.list1 li a:hover{ color:#265ccd}
.list1 .no_line{ border:none; padding:0; margin:0}
.list2 li{ line-height:24px;}
.list2 li a{ color:#4c453f; padding-left:0px; background:url(../images/marker_1.gif) 0 4px no-repeat}

.box3{ background:url(../images/box2.jpg) no-repeat; width:190px; height:125px; margin-left:10px; margin-right:-10px; padding:0 21px 0 22px}
.box3 h3{ font-size:24px; padding:12px 0 13px 0; letter-spacing:0}
.box3 a{ color:#fff;}

.line1{ background:url(../images/line_ver.jpg) 680px 0 repeat-y}

/* ============================= footer ====================== */

.privacy{ text-align:center; padding-top:0px; color:#fff; font-size:12px; line-height:14px}
.privacy a{ color:#fff;}
#footer .list2{ width:243px; float:left;}
#icons{ padding-top:0px; padding-bottom:5px}
#icons li{ padding-bottom:4px;}
#icons img{ margin-right:-10px; float:left;}
#icons li a{ text-decoration:none; color:#4c453f;}
#icons li a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
#form_1{ padding-bottom:4px;  width:100%; overflow:auto}
#form_1 .input{ float:left; width:141px; height:14px; padding:4px 5px; font:12px Arial, Helvetica, sans-serif; color:#265ccd; background:url(../images/input1.jpg) no-repeat; margin-right:7px}
#form_1 .submit{ float: left; background:url(../images/button_submit.jpg) no-repeat; width:56px; height:24px; padding-top: padding-bottom:5px; font:12px Arial, Helvetica, sans-serif; color:#265ccd;}


#ContactForm {padding:4px 0 0 0; width:100%; overflow:hidden}
#ContactForm a{ margin-left:20px; margin-top:4px; width:87px; text-align:center;}
#ContactForm .input {width:275px; height:14px; background:none; padding:4px 13px;color:#78706a;font:11px Arial, Helvetica, sans-serif;}
#ContactForm textarea {width:275px; height:93px; background:none; padding:4px 13px;color:#78706a;font:11px Arial, Helvetica, sans-serif; overflow:auto}
.box4{ margin-bottom:18px; background:#f6f6f6;}
.box4_t{ background:url(../images/input2_border2.jpg) top repeat-x}
.box4_l{ background:url(../images/input2_border2.jpg) left repeat-y}
.box4_r{ background: url(../images/input2_border1.jpg) right repeat-y}
.box4_b{ background:url(../images/input2_border1.jpg) bottom repeat-x}
.box4_t_l{ background:url(../images/input2_top_left.jpg) top left no-repeat}
.box4_t_r{ background:url(../images/input2_top_right.jpg) top right no-repeat}
.box4_b_l{ background:url(../images/input2_bot_left.jpg) bottom left no-repeat}
.box4_b_r{ background:url(../images/input2_bot_right.jpg) bottom right no-repeat}

.col_1{ width:301px; float: left}
.col_2{ width:301px; float:left; padding-left:28px;}





.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background: #ffffff;
border-bottom: 1px solid black;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display:  inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #F0CE7D;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/* =====================FLASHBOX======================== */
#slideshow {list-style:none; color:#ffffff}
#slideshow span {display:none}
#wrapper {width:668px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:668px; height:289px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#ffffff; color:#ffffff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:668px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../iphj/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../iphj/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../iphj/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../iphj/images/scroll-left.gif) center center no-repeat; background-color:#ffffff}
#slideleft:hover {background-color:#f0eee9}
#slideright {float:right; width:20px; height:81px; background:#ffffff url(../iphj/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#f0eee9}
#slidearea {float:left; position:relative; width:615px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* =====================END FLASHBOX======================== */





/* =====================EMAIL FORM======================== */


/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:400px;
padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
border:solid 2px #d6d0c4;
background:#f0eee9;
}
#stylized h1 {
font-size:20px;
font-weight:bold;
margin-bottom:8px;
font-family:Arial, Helvetica, sans-serif;
color:#78706a;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



/* =======================END EMAIL FORM==================== */