.......................................
*/
p {
font-size: 12px;
}
h1 {
font-size:22px;
padding: 5px 0px 0px 30px;
}
h2 {
font-size: 24px;
padding: 0px;
font-weight: normal;
clear: left;
color: #FFFFFF;
width: 434px;
text-align: center;
margin-top: -10px;
padding-left: 25px;
}
h3 {
font-size: 18px;
padding: 0px;
font-weight: normal;
}
a:link, a:visited {
color: #3F7CB5;
text-decoration: none;
}
a:hover, a:active {
color: #214168;
text-decoration:underline;
}
.strong { /* In place of the tag - use or instead of */
font-weight: bold;
line-height: 14px;
}
ul {
line-height:1.5em;
}
li {
margin-top: 5px;
margin-left: 25px;
}
ul.fas {
}
ul.fas li {
list-style:none;
margin-top: 5px;
margin-left: 25px;
padding-left: 5px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 5px;
background-repeat:no-repeat;
text-align:left;
/******************************************************************************************************/
/*******************************START HEADER*******************************************/
}
#all_except_footer {
margin: 0px auto;
width: 950px;
text-align: center;
background-image: url(../images/backgroundText.jpg);
background-repeat: repeat-y;
background-position: 50% 0%;
}
#all_except_footer_home {
margin: 0px auto;
width: 1000px;
text-align: center;
background-image: url(../images/home_footer_bg_inner.jpg);
background-position: 50% 0%;
background-repeat: repeat-y;
display: block;
position:relative;
}
#upper_mid_wrapper a:link, #upper_mid_wrapper a:visited {
color: #FFFFFF;
text-decoration: none;
}
#header {
width: 950px;
z-index: 100;
margin-top: 0px;
height: 161px;
position: relative;
}
#header_home {
width: 1000px;
z-index: 100;
margin-top: 0px;
}
h1.logo {
float: left;
margin: 0px;
margin-left: -15px;
padding-top: 15px;
}
h1.link a:link, h1.link a:visited {
color: #ffffff;
text-decoration:none;
}
h1.link a:hover, h1.link a:active {
color: #E7A64A
}
#subheadWrapper {
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_installation {
background-image: url(../images/bg_installation.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_insurance {
background-image: url(../images/bg_insurance.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_crating {background-image: url(../images/bg_crating.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_transportation {background-image: url(../images/bg_transportation.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_storage {background-image: url(../images/bg_storage.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_shuttle {background-image: url(../images/bg_shuttle.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#subheadWrapper_about { background-image: url(../images/bg_about.jpg);
margin: 0;
display:block;
background-repeat:no-repeat;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;}
#content_wide_images{
background-image: url(../images/bg_images.jpg);
background-repeat: no-repeat;
margin: 0;
display:block;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;
}
#content_wide_estimate{
background-image: url(../images/bg_estimate.jpg);
background-repeat: no-repeat;
margin: 0;
display:block;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;
}
#content_wide_blank {background-image: url(../images/bg_blank.jpg);
background-repeat: no-repeat;
margin: 0;
display:block;
background-position:top left;
height: 198px;
z-index: 0;
float: left;
display: block;
width: 950px;
}
#home_main {
width: 1000px;
margin: 46px 0px 0px 0px;
background-image: url(../images/home_bg_main2.jpg);
background-repeat:no-repeat;
background-position:50% 0;
height: 500px;
z-index: 10;
float: left;
display: block;
}
.home_estimate {
color: #FFFFFF;
margin-top: 30px;
font-size: 22px;
text-align: center;
padding-right: 10px;
}
.home_estimate a:link, .home_estimate a:visited {
color: #FFFFFF;
text-decoration: none;
}
.home_estimate a:hover, .home_estimate a:active {
color: #E7A64A;
text-decoration: none;
}
#subLeft {
width: 454px;
float: left;
display: block;
margin-left: 0px;
}
#subLeft h1 {
font-size: 18px;
margin-top: 10px;
margin-left: 20px;
text-align: left;
color: #FFFFFF;
margin-bottom: 10px;
font-weight: normal;
}
#subLeft_home {
float: left;
display: block;
margin-left: 0px;
left: 0px;
margin-top: 0px;
text-align: left;
}
#subLeft_home h1 {
font-size: 24px;
margin-top: 10px;
margin-left: 13px;
text-align: left;
color: #FFFFFF;
margin-bottom: 10px;
font-weight: normal;
}
#subRight_home {
float: right;
display: block;
margin-left: 0px;
left: 0px;
margin-top: 0px;
text-align: left;
}
#content_wide {
text-align: center;
margin: 0px auto;
padding-top: 100px;
padding-bottom: -10px;
background-image: url(../images/bg_blank.jpg);
background-repeat: no-repeat;
}
#estimate {
float: right;
text-align: center;
color: #FFFFFF;
font-size: 24px;
margin-top: 30px;
margin-right: 100px;
}
#home_estimate {
float: right;
text-align: center;
color: #FFFFFF;
font-size: 24px;
left: 55px;
margin-right: 300px;
margin-top: 90px;
width: 300px;
}
#subRight a:link, #subRight a:visited, #home_estimate a:link, #home_estimate a:visited, #home_estimate a:link, #home_estimate a:visited {
color: #FFFFFF;
text-decoration:none;
}
#subRight a:hover, #subRight a:active, #home_estimate a:hover, #home_estimate a:active {
color: #E7A64A;
}
.subheadImg {
margin-top: -10px;
text-align: center;
padding-left: 0px;
margin-left: 30px;
}
/*******************************END HEADER*******************************************/
/*************************** TOP NAV **********************************/
#top_nav_home, #top_nav {
padding-top: 0px;
}
#top_nav_home ul {
font-size: 13px;
display: block;
height: 149px;
width: 740px;
float: right;
}
#top_nav ul {
font-size: 13px;
display: block;
overflow: hidden;
width: 680px;
position: absolute;
left: 225px;
}
#top_nav li {
display: inline;
float: right;
margin: 0;
}
#top_nav_home li {
display: inline;
height: 150px;
float: left;
margin: 0;
margin-left: -5px;
}
#top_nav li a, #top_nav_home li a {
margin: 0px;
}
/******************************START BODY*******************************************/
#middleWrapper {
width: 930px;
display: block;
background-image: url(../images/backgroundText.jpg);
height: auto !important; /* for modern browsers */
height: 100%; /* for IE */
}
.mid_image
{
}
#midText {
width: 950px;
font-weight: bold;
color: #333333;
display: block;
margin: 0;
background-repeat: no-repeat;
}
#midText_content {
height: 240px;
display:block;
margin-top: -10px;
padding-top: 10px;
}
#midText p {
margin: 10px 50px 0px 50px;
line-height: 1.4em;
text-align: left;
}
#midText ul.fas li {
font-size:12px;
line-height:1.2em;
padding-left: 20px;
margin-left: 60px;
}
#home_text {
width: 460px;
display:block;
float:left;
margin: 255px 0px 0px 00px;
clear: left;
font-weight: bold;
}
#home_text p {
color:#FFFFFF;
font-size: 12px;
text-align: left;
margin-left: 40px;
font-weight: bold;
line-height: 1.2;
/********************************* about **************************/
}
span.name {
font-weight:bold;
font-size: 12px;
}
span.info {
margin-left: 100px;
/**********************************************************/
}
#columnWrapper {
width: 930px;
display:block;
margin-top: 10px;
}
#leftColumn {
float: left;
margin-left: 0px;
width: 450px;
}
#rightColumn {
text-align: center;
width: 450px;
float: right;
display: block;
margin-left: 0px;
}
#leftColumn p {
margin: 10px 10px 0px 50px
}
#rightColumnContact p {
margin: 10px 0px 0px 0px;
color: #214168;
font-size:16px;
line-height: 1.5em;
}
#leftColumn.transportation p {
margin: 10px 10px 0px 80px
}
#rightColumn p {
margin: 10px 50px 0px 10px
}
#rightColumn.transportation p {
margin: 10px 10px 0px 50px
}
#column_1 {
float:left;
width: 30%
}
/******************************* crate **************************************************/
ul.fas {
}
ul#crate.fas li {
list-style:none;
margin-left: 2px;
padding-left: 5px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:11px;
line-height:1.1em;
padding-left: 16px;
font-weight: bold;
padding-top: 5px;
}
#left_text_crate {
width: 500px;
position: absolute;
left: 52px;
z-index: 10;
}
#left_text_crate p {
margin: 10px 10px 0px 40px
}
#left_text_crate h4, #right_text_crate h4 {
text-align: center;
font-size: 14px;
}
#right_text_crate {
text-align: center;
width: 496px;
display: block;
left: 402px;
position: absolute;
}
#crating_bottom {
position: absolute;
left:292px;
z-index: 0;
background-image:url(http://www.fineartship.com/images/crating_E_bg.jpg);
background-position: 50 0;
background-repeat:no-repeat;
display:block;
width: 625px;
height: 590px;
top: 200px;
}
#right_text_crate p {
margin: 10px 50px 0px 10px
}
#left_photo_crate{
width: 396px;
left: 0px;
position: absolute;
z-index: 0;
}
#right_photo_crate {
text-align: center;
width: 381px;
position: absolute;
left: 546px;
}
.crateWrap {
width: 930px;
position:relative;
display: block;}
.crateA {
top: 0px;
height: 370px;
}
.crateB {
height: 327px;
}
.crateC {
height:319px;
top: -75px;
}
.crateD {
height: 790px;
top: -110px;
z-index: 0;
margin-bottom: -110px;
}
.crateE {
background-image:url(css_2/../images/crating_E_bg.jpg);
background-repeat:no-repeat;
background-position: 150px 0px;
top: -250px;
height: 500px;
width: 930px;
z-index: 10;
/********************************** transportation ********************************/
}
ul#transport {
width: 305px;
float:left;
padding-top: 30px;
font-size: 12px;
}
ul#transport.fas li {
list-style:none;
margin-left: 60px;
padding-left: 20px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:12px;
line-height:1.1em;
font-weight: bold;
padding-top: 5px;
}
ul#transport.fas li a:link, ul#transport.fas li a:visited {
color: #3F7CB5;
/********************************** storage *********************************/
}
ul#storage {
width: 460px;
float:left;
padding-top: 10px;
font-size: 12px;
}
ul#storage.fas li {
list-style:none;
margin-left: 60px;
padding-left: 20px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:12px;
line-height:1.1em;
font-weight: bold;
padding-top: 4px;
/*************************************** insurance **************************************************/
}
ul#insurance {
float:left;
padding-top: 10px;
font-size: 12px;
width: 750px;
}
ul#insurance.fas li {
list-style:none;
margin-left: 60px;
padding-left: 20px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:12px;
line-height:1.1em;
font-weight: bold;
padding-top: 4px;
}
ul#insure_bottom {
width: 380px;
float:left;
padding-top: 10px;
font-size: 12px;
margin-top: 20px;
}
ul#insure_bottom.fas li {
list-style:none;
margin-left: 80px;
padding-left: 20px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:12px;
line-height:1.1em;
font-weight: bold;
padding-top: 4px;
}
img.insure {
margin-top: 20px;
}
/********************************** storage *********************************/
ul#installation {
width: 450px;
float:left;
padding-top: 30px;
font-size: 12px;
margin-left: -20px;
}
ul#installation.fas li {
list-style:none;
margin-left: 60px;
padding-left: 20px;
background-image: url(../images/FAS_icon.jpg);
background-position: 0px 4px;
background-repeat:no-repeat;
text-align:left;
font-size:12px;
line-height:1.1em;
font-weight: bold;
padding-top: 4px;
}p#installation {
width: 370px;
float:left;
font-size: 12px;
padding-top: 30px;
}
/*****************************************************************************************/ }
img.bottom{
margin-top: -2px;
width: 929px;
margin-left: -1px;
}
#formDiv {
width: 930px;
height: 700px;
top: 20px;
display: block;
position: relative;
}
#formDiv_estimate {
width: 500px;
}
#cxkg, #cxkg table, #cxkg table th {
width: 500px;
}
#contact_table {
margin-left: 30px;
}
#rightColumnContact {
width: 420px;
display: block;
float: right;
margin-right: 40px;
}
#rightColumnContact h3 {
font-size: 18px;
text-align:center;
color: #214168;
}
#rightColumnContact p {
font-size: 12px;
text-align:left;
/******************************************************* schedule *********************************/
}
table#schedule {
text-align:center;
margin: 0px auto;
margin-top: -8px;
margin-left: 10px;
}
#schedule tr {
height: 26px;
}
#schedule td.connections {
height: 36px;
background-image:url(../images/schedule_bg_tr.jpg);
background-repeat:no-repeat;
background-position:top left;
font-size:14px;
padding-top: 22px;
font-weight: bold;
}
#schedule td.museum {
height: 55px;
background-image:url(../images/schedule_bg_tr.jpg);
background-repeat:no-repeat;
background-position:top left;
font-size:14px;
padding-top: 15px;
}
#schedule th {
font-size: 15px;
margin: 0px;
border: none;
padding: 5px 0px;
height: 40px;
font-size: 12px;
background-repeat:no-repeat;
background-color: white;
color: #000000;
}
#schedule th.head {
background-image: url(../images/schedule_bg_tr.jpg);
background-position: 50% 0;
height: 102px;
font-weight: normal;
}
#schedule th.top_left {
background-image: url(../images/schedule_top_left.jpg);
background-position: top right;
}
#schedule th.top_mid {
background-image: url(../images/schedule_top_mid.jpg);
}
#schedule th.top_right {
background-image: url(../images/schedule_top_right.jpg);
background-position: top left;
}
#schedule td {
font-size: 12px;
margin: 0px 0px 0px 0px;
border: none;
padding: 5px 0px;
}
#schedule td.title {
font-size: 12px;
font-weight: bold;
padding: 5px 0px;
}
#schedule td.left {
background-image: url(../images/schedule_left.jpg);
background-position: top right;
font-weight: bold;
}
#schedule td.mid {
background-image: url(../images/schedule_mid.jpg);
width: 254px;
font-weight: bold;
}
#schedule td.right {
background-image: url(../images/schedule_right.jpg);
background-position: top left;
font-weight: bold;
}
#schedule input {
width: 100%; }
/*******************************END BODY*******************************************/
/*******************************START FOOTER*******************************************/
#footerWrapper {
width: 100%;
background-image:url(http://www.fineartship.com/wp-content/themes/FAS/images/bg_footer_top_repeat.jpg);
background-repeat:repeat-x;
display:block;
clear: both;
margin-top: -1px;
background-position: 0 0;
}
#footer_Wrapper_home {
width: 100%;
background-repeat:repeat-x;
display:block;
clear: both;
margin-top: 0px;
background-position: 50% 0px;
}
/******************************************************* footer ***************************************************/
#footerInnerWrapper {
width: 950px;
background-repeat: repeat-y;
margin: 0px auto 0px auto;
display:block;
text-align: center;
background-position: 0px 0px;
background-image: url(http://www.fineartship.com/wp-content/themes/FAS/images/home_footer_bg_inner.jpg);
}
#footerInnerWrapper_home {
width: 1000px;
background-image: url(http://www.fineartship.com/wp-content/themes/FAS/images/home_footer_bg_inner.jpg);
background-repeat: repeat-y;
margin: -8px auto 0px auto;
display:block;
text-align: center;
background-position: 50% 0px;
}
#footerInnerWrapper_home ul, #footerInnerWrapper ul {
padding-top: 30px;
padding-bottom: 10px;
margin:0px auto;
text-align:center;
clear: left;
display: block;
width: 530px;
}
#footerInnerWrapper li, #footerInnerWrapper_home li {
display: inline;
font-weight: bold;
font-size: 14px;
text-align: center;
}
#footerInnerWrapper li a, #footerInnerWrapper_home li a,
#footerInnerWrapper li a:visited, #footerInnerWrapper_home li a:visited,
#footerInnerWrapper li a:link #footerInnerWrapper_home li a:link {
text-decoration: none;
color: #333333;
}
#footerInnerWrapper li a:active, #footerInnerWrapper li a:hover,
#footerInnerWrapper_home li a:active, #footerInnerWrapper_home li a:hover {
text-decoration: none;
color: #3F7CB5;
}
#footerInnerWrapper_home p, #footerInnerWrapper p {
margin-top: 20px;
padding-bottom: 20px;
font-size: 11px;
}
.footer_services {
margin-left: 40px;
font-size:16px;
float: left;
font-weight: bold;
color: #333333;
margin-top: 40px;
line-height: 1em;
margin-bottom: -30px;
z-index: 10;
}
/*******************************END FOOTER*******************************************/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}div.clear
{
height: 1%;
clear: both;
content: ".";
height: 0;
visibility: hidden
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.about {
font-weight: normal;
}
.smallnav {
position:absolute;
float:right;
font-weight:bold;
top:10px;
right:30px;
}