/*  Site Name: 
    Author/Developer: Dennis Rongo
----------------------------------------------------------*/


/*  Defaults 
----------------------------------------------------------*/
body { font: 11pt Arial, Helvetica, sans-serif; text-align: center; color: #003f80; overflow: auto; background: #fff; margin: 0; padding: 0;}
a, a:visited { color: #c8241a; text-decoration: underline; }
a:hover { color: #c8241a; }
.no-display { display: none; }
.clear { clear: both; }

/*  Typography 
----------------------------------------------------------*/
.bold { font-weight: bold; }
.bottom { vertical-align: bottom; }
.italic { font-style: italic; }
.center { text-align: center; }
.required { color: Red; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left; }
.tr { text-align: right; }

/*  Container 
----------------------------------------------------------*/
#wrapper { width: 890px; height: 1050px; background: #fff url("../images/bg.png") repeat-x fixed 0 0; margin: 0 auto; padding: 0;}
#dolphin-wrapper {width: 865px; height: 985px; background: transparent url("../images/bg-dolphin.png") no-repeat scroll right bottom; margin: 0; }
#container {text-align: left; position: relative; z-index: 0; padding: 15px 0 20px 65px;}

/*  Header 
----------------------------------------------------------*/
#header {}
#header #header-left {width: 266px; height: 394px; float: left;display: block; background: transparent url("../images/logo-railbuddy.png") no-repeat scroll right 0; margin: 40px 0 0 0;}
#header #header-left h3 {display: none;}
#header #header-left #order-info {padding: 230px 0 0 30px;}
#header #header-left #order-info h3 {display: block;}
#header #header-right {width: 534px; height: 434px; float: left; background: transparent url("../images/header-bg.png") no-repeat scroll 0 0;}

#order-info {}
#order-info h3 {font-weight: bold; font-size: 19pt; margin: 0;}
#order-info p {margin: 0; font-size: 8pt;}
#order-info h4 {margin: 6px 0 16px 0;}

#order-bar {width: 810px; clear: both; color: #fff; margin: 5px 0; font-weight: bold; font-size: 11pt; padding-left: 10px;}
#order-bar #order-bar-left {float: left; height: 21px; width: 533px; background: #000; padding: 6px 0 0 0;}
#order-bar #order-bar-spacer {float: left;background: #fbcc25; width: 1px; height: 27px;}
#order-bar #order-bar-right {float: left; height: 27px; width: 237px; text-align: center; background: #0099ff;}
#order-bar #order-bar-left-side {float: left; width: 10px; height: 27px; background: transparent url("../images/bar-left-black.png") no-repeat scroll 0 0;}
#order-bar #order-bar-right-side {float: left; width: 9px; height: 27px; background: transparent url("../images/bar-right-blue.png") no-repeat scroll 0 0;}

#order-bar #order-bar-right #buy-button {background: transparent url("../images/button-blue.png") no-repeat scroll 16px 0; height: 27px; padding: 6px 0 0 30px;}

/*  Nav 
----------------------------------------------------------*/
#nav {clear: both; padding:  0 0 0 20px;}
#nav ul {list-style-type: none; padding: 0;}
#nav ul li {float: left;  padding: 0 7px;}
#nav ul li a {display: block;width: 67px; height: 69px;}
#nav ul li a img {border: none;}
#nav ul li.nav-home {background: transparent url("../images/icon-home.png") no-repeat scroll 0 0;}
#nav ul li.nav-contact {background: transparent url("../images/icon-contact.png") no-repeat scroll 0 0;}
#nav ul li.nav-info {background: transparent url("../images/icon-moreinfo.png") no-repeat scroll 0 0;}

/*  Main - width: 810px total
----------------------------------------------------------*/
#main {padding: 0 0 0 10px;}
#main #left-module {float: left; width: 542px;}
#main #right-module {float: left; width: 248px;}

#main #main-box {width: 534px;}
#main #main-box #main-box-top {height: 14px; background: transparent url("../images/box-large-top.png") no-repeat scroll 0 0;}
#main #main-box #main-box-mid {background: transparent url("../images/box-large-mid.png") repeat-y scroll 0 0; padding: 0 15px;}
#main #main-box #main-box-mid h3 {margin: 0;}
#main #main-box #main-box-mid p {padding: 0; margin: 0;}
#main #main-box #main-box-mid #small-logo {text-align: center;}

#main #main-box #main-box-bottom {height: 14px; background: transparent url("../images/box-large-bottom.png") no-repeat scroll 0 0;}

#right-module {color: #fff;}
#right-module #side-box {width: 249px; height: 114px; background: transparent url("../images/box-full-side.png") no-repeat scroll 0 0; color: #fff;}
#right-module #side-box h3 {padding: 12px; margin: 0;}
#right-module #side-box p {padding: 0 12px; margin: 0;}

/*  Footer 
----------------------------------------------------------*/
#footer {width: 810px; color: #66cccc; padding: 10px; font-size: 9pt;}
#footer #footer-left {width: 10px; height: 27px; float: left; background: transparent url("../images/bar-left-black.png") no-repeat scroll 0 0;}
#footer #footer-mid {width: 780px; height: 22px; float: left; background: #000; padding: 5px 0 0 0;}
#footer #footer-right {width: 10px; height: 27px; float: left;background: transparent url("../images/bar-right-black.png") no-repeat scroll 0 0;}

/*  Pages - Home 
----------------------------------------------------------*/
body.page-home {}
body.page-home #main-box #main-box-mid div#main-box-content1 {color: #003399;}
body.page-home #main-box #main-box-mid div#main-box-content1 .bold {font-style:italic; padding: 12px 0;}
body.page-home #main-box #main-box-mid p#main-box-content2 {color: #333; }
body.page-home #main-box #main-box-mid p#main-box-content3 {color: #c8241a; font-weight: bold; padding: 12px 0 10px 0;}

body.page-home #main-box #main-box-images {padding: 5px 0;}
body.page-home #main-box #main-box-images .fr {padding-left: 2px;}

body.page-home #right-module #side-box-details {color: #000; font-size: 10pt; padding-left: 12px;}
body.page-home #right-module #side-box-details #details-unit {}
body.page-home #right-module #side-box-details #details-case {}

/*  Pages - Info 
----------------------------------------------------------*/
body.page-info {}
body.page-info #wrapper { height: 1150px; }
body.page-info #dolphin-wrapper {height: 1085px; }
body.page-info #main-box #main-box-mid div#main-box-content1 {color: #003399;}
body.page-info #main-box #main-box-mid div#main-box-content1 .bold {font-style:italic; padding: 12px 0;}

body.page-info #main-box #main-box-mid #desc-listing ul {color: #333; font-size: 10pt; margin: 0;list-style-type: none; padding: 0;}
body.page-info #main-box #main-box-mid #desc-listing ul li {padding: 0 0 15px 27px; line-height: 20px; background: transparent url("../images/icon-dolphin.png") no-repeat scroll 0 3px;}

body.page-info #right-module img {padding-bottom: 3px;}
body.page-info #right-module #side-box {padding-bottom: 6px;}