@charset "UTF-8";

/* Layout for Small Screens Less than 500px */

body 
{
	/* Old browsers */
}

.Page
{
	width:500px;
}

header 
{

}

#shiplogo
{
	width:60px;
	height:120px;
	padding-top:20px;
	padding-left:2px;
	background: url(../img/ship60.jpg);
	background-repeat: no-repeat;
	float:left;
	display:inline-block;
}

.Logo 
{
	width:200px;
	height:134px;
	float:left;
	display:inline-block;
	padding-top:5px;
}

.Logo h1
{
	font-size:20px;
	color:#198919;
	text-align:center;
}

#menupic 
{
	width:238px;
	height:134px;
	background: url(../img/seatronmenusmall.jpg);
	background-repeat: no-repeat;
	float:right;
	display:inline-block;
}

#content 
{
	height:805px;
	width:500px;
	font-family:Ebrima;
}

.frontpic
{
	height:450px;
	width:500px;
	background: url(../img/homepicnewmedium.jpg);
	background-repeat: no-repeat;
}
/*h1 
{
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	color:#1C9A0A;
}

p 
{ 
	margin:0 
}
*/
.menu 
{
	
	color: #f5a06e;
	width:100%;
	height:300px;
	display: block;
	position: static;
	padding: 10px 0px 10px 0px;
	background-color: #515673;
}

.menu a /*adjust menu height and menu a padding*/
{	
    width:100%   !important;
	color: #a6abc5;
	display: block;
	margin: 10px 0px; /*affects spaces by blocks*/
	padding: 8px; 
	border: 1px solid #a6abc5;
	background: url(../img/mobile_link_arrow.png) no-repeat right center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
}
.menu a:hover 
{ 
	color: #fff; 
}
/* desktop Possible to add this to global screen styles file*/
a
{
	width:100%;
}
content img
{
	width:500px;
}

/*#index a#l-index, #fin a#l-fin, #bus a#bus {
	background:mistyrose;
	color:lightgray;
}
*/

article 
{
	height:250px;
	width:500px;
	font-size:13px;
	padding: 10px 20px 10px 15px;
}

#agents 
{
	height:300px;
	width:500px;
	background: url(../img/agents-05small.jpg);
	text-align:center;
}

agents img 
{
	width:500px;
}

.bottom {
	display: none;
	/*color: #f5a06e;
	width:100%;
	height:300px;
	display: block;
	position: static;
	padding: 10px 0px 10px 0px;
	background-color: #515673;*/
}

.bottom a {
	/*background: url(../img/mobile_link_arrow.png) no-repeat right center;
	width:100%   !important;
	color: #a6abc5;
	display: block;
	margin: 10px 1px; affects spaces by blocks
    padding: 8px; 
	border: 1px solid #a6abc5;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;*/
	/*text-align: left;*/
}

footer 
{
	height:20px;
	width:500px;
	padding-top: 5px;
	text-align: center;
}

#footertext 
{
	color: #000;
	width:500px;
	font-family:Arial,Verdana;
	font-size: 10px;
	padding:3px;
}

footer a
{
	color:#000;
	border-top: 1px solid #a6abc5;
}

body { background-image: none;  }