/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html, body {
    background-color:#000;
}
    .page {
        margin: 0 auto;
        position: relative;
        width: 960px;
        z-index: 1;
        -webkit-font-smoothing: antialiased;
    }
        .header {
            height: 140px;
            width: 100%;
        }
            .handm-logo {
                background: url("../images/LOGO_PACIFIC_MARITIME_2.png") no-repeat;
                height: 95px;
                width: 390px;
                background-size:390px;
                margin-top:80px;
                margin-left:25px;
            }
            
            .est-logo {
                float: right;
    			height: 21px;
    			left: 20px;
    			position: relative;
    			top: 40px;
   			 	width: 360px;
    			padding-right: 35px;
    			text-align: right;
    			padding-top: 47px;
    			color: darkslategray;
    			font-size: 20px;
            }
           
        .main {
            position: relative;
            width: 100%;
            margin-top:50px;
            height:480px;
        }
        .title_content_left {
                position: relative;
                width: 50%;
                float:left;
                height:430px;
            }

            .title_content_right {
                position: relative;
                width: 50%;
                float:right;
                height:190px;

            }
            
            @media (max-width: 600px) {
    			.title_content_right img  {
        			display:none;
    			}
			}
            .content {
    			margin-top: 70px;
    			padding-right: 25px;
    			font-family: "Open Sans";
   			 	font-size: 12px;
    			height: 400px;
			}
			
			.line {
				width:85%
			}
             
             .title_content_right img{
            	border-radius: 50%;
            	width:100%;
            }
            
            	.title_content_left p {
            		color:#fff;
            		font-size:18px;
            		text-align:center;
				}
				
				.title_content_left p.anton {
            		color:#fff;
            		font-size:26px;
            		text-align:center;
				}
				.title_content_left .est {
            		margin-top: 30px;
   					text-align: right;
    				margin-right: 64px;
				}
				
                .cont-table {
                }
                
                .cont-table-large {
                	color: #666;
                	font-size: 14px;
                }
                    .cont-table td {
                        padding: 5px;
                        vertical-align: top;
                    }

                .content ul {
                    padding-left: 60px;
                }
                    .content li{
                        list-style-image: url("../images/bullet.gif");
                        margin: 0 0 3px -45px;
                    }
                    
        
            .main_hoz-shadow {
                height: 50px;
                position: relative;
                width: 100%;
            }
            .top-shadow {
                margin-bottom: -38px;
            }
            .bot-shadow {
                margin-top: -20px;
            }
                .main-shadow_corner {
                    height: 100%;
                    position: absolute;
                    width: 50px;
                }
                .top-lft_corner {
                    background: url("../images/topLeft.png") no-repeat;
                    left: 0;
                }
                .top-rgh_corner {
                    background: url("../images/topRight.png") no-repeat;
                    right: 0;
                }
                .bot-lft_corner {
                    background: url("../images/bottomLeft.png") no-repeat;
                    left: 0;
                }
                .bot-rgh_corner {
                    background: url("../images/bottomRight.png") no-repeat;
                    right: 0;
                }
                .main-shadow_tile {
                    height: 100%;
                    left: 50px;
                    position: absolute;
                    right: 50px;
                }
                .top-tile {
                    background: url("../images/top.png") repeat-x;
                }
                .bot-tile {
                    background: url("../images/bottom.png") 0 20px repeat-x;
                }
    .bg {
        background: #fff;
         /*background: #fff url("../images/hmBgTiles.jpg") 0 290px repeat-x;*/
        height: 285px;
        top: 0;
        position: absolute;
        width: 100%;
        z-index: 0;
    }



.orangeText{
	color: #ff6600;
}
h2 {
	color: #014769;
    font-size: 18px;
    font-weight: bold;
}
h3 {
	color: #014769;
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0;
}
p {
    color: #fff;
    margin: 10px 0;
}
ol, li {
    color: #fff;
}


	.content a {
		color: #fff;
        text-decoration: underline;
	}

.footer {
    color: #fff;
    text-align: center;
    padding: 23px 0 30px;
    font-size:16px;

}
    .footer a {
        color: #fff;
        text-decoration: none;
    }

.vert {
	display:none;
}

@media (max-width: 600px) {
    			.horiz  {
        			display:none;
    			}
    			.vert {
    				display:block;
    				width:50%;
    			}
    			.content {
    				padding-right:0;
    			}
			}
			@media (min-width: 601px) {
    			.horiz  {
        			display:block;
    			}
    			.vert {
    				display:none;
    			}
			}

#content-left {
	background-image: url("../images/left.png");
	background-repeat:repeat-y;
}
#content-right {
	background-image: url("../images/right.png");
	background-repeat:repeat-y;
}