body { background: #020810 url(../images/background-body.jpg) no-repeat left top; }
#Holder { margin: 0px auto; }

/*** top ***/
.top { text-align: left; margin-top:35px;}
.quotes { background: url(../images/quotes-1.gif) no-repeat left top; float: left; width: 100%; }
.quotes p { margin: 0px 30px 10px; font: 1.4em Arial, Helvetica, sans-serif; }
.quotes .content { background: url(../images/quotes-2.gif) no-repeat right bottom; padding-bottom: 5px; color: #FFF; }
.quotes strong { color: #3086EF; font-size: 0.9em; }
.top .logo { margin-top: 10px; float: left; width: 100em; }
.top .phone { text-align: right; margin-right:27px;}

/*** menu ***/
.menu { background: url(../images/background-menu.gif) no-repeat left top; text-align: left; float: left; width: 100%; margin-top: 20px; }
.menu ul { margin-left: 20px; }
.menu li { display: inline; float:left;}
.menu a { font: 1.4em/45px Verdana, Geneva, sans-serif; color: #FFF; text-decoration: none; text-transform: uppercase; display: block; float: left; padding-right: 16px; padding-left: 16px; margin-right: 1px; text-shadow:2px 2px 0 #000; }
.menu a:hover, .menu .active a { color: #ec1d67; background: url(../images/background-menu-hover.gif) repeat-x left top; text-shadow:1px 1px #000;}

/*** mainbanner ***/
.mainbanner { height: 334px; background-image: url(../images/main-banner2.jpg); background-repeat: no-repeat; background-position: left top; }
.mainbanner .message { font: normal 2.8em "Myriad Pro", Verdana, Geneva, sans-serif; color: #FFF; text-align: left; padding-left: 30px; padding-top: 242px; }
.mainbanner .message p { text-shadow: 2px 2px 0 #000 }
.mainbanner h1 { text-shadow: 2px 2px 0 #000 }

.page-01 { background: url(none); height: 231px !important; }
.page-01 h1 { text-transform: none; font: normal 3em "Myriad Pro", Verdana, Geneva, sans-serif !important; margin: 0px 0px 0px 30px; padding: 170px 0px 0px; }

/*** various backgrounds on pages ***/
.bg-01 { background-image: url(../images/page-banner-01.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-02 { background-image: url(../images/page-banner-02.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-03 { background-image: url(../images/page-banner-03.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-03 h1 { color: #000; text-shadow: 2px 2px 0 #fff;}
.bg-04 { background-image: url(../images/page-banner-04.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-05 { background-image: url(../images/page-banner-05.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-06 { background-image: url(../images/page-banner-06.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-07 { background-image: url(../images/page-banner-07.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-08 { background-image: url(../images/page-banner-08.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-09 { background-image: url(../images/page-banner-09.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-10 { background-image: url(../images/technitians.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-11 { background-image: url(../images/montage.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.bg-12 { background: url(../images/keyboard1.jpg) no-repeat 0px 0px; }
.bg-12 h1 { color: #000; text-shadow: 2px 2px 0 #fff;}
.bg-13 { background: url(../images/survey.jpg) no-repeat 0px 0px; }
.bg-13 h1 { color: #000; text-shadow: 2px 2px 0 #fff;}
.bg-14 { background: url(../images/projectspipes.jpg) no-repeat 0px 0px; }
.bg-15 { background: url(../images/dpi%20main%20header%20image.jpg) no-repeat 0px 0px; }

.visualInspection { background-image: url(../images/vinspection.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.marineAndHullSurveys { background-image: url(../images/hullsurvey.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.pressureTesting { background-image: url(../images/pressuretesting.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.pressureTesting h1 { color:#000; text-shadow: 2px 2px 0 #fff;}
.radiographicTesting { background-image: url(../images/radiographypage.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.weldingProcedure { background-image: url(../images/welder.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.materialIdentification { background-image: url(../images/positivemi.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
.ultrasonicTesting { background-image: url(../images/ultrasonicresized.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

.services h4 {}
.services h4 a { color: #ea1e68; font-weight: normal; }
.services h4 a:hover { text-decoration: none; }

.maincontent .underlined-p p {  margin-top: 0px; margin-bottom: 10px; padding-bottom: 10px; }
.maincontent .underlined-p .line {border-bottom: 1px solid #c0c0c0 !important;}

.main-buttons { margin-top: 180px; }
.main-buttons .profile { float: left; width: 168px; text-align: left; margin-right: 10px; margin-left: 10px; }

/*** maincontent ***/
.maincontent h1, .maincontent h2, .maincontent h3 { font: 1.8em "Myriad Pro", Verdana, Geneva, sans-serif; color: #0c4282; margin: 0px 0px 30px; text-transform: uppercase; }
.maincontent h1 {}
.maincontent h2 { text-shadow:1px 1px #fff;}
.maincontent h3 {}
.maincontent h4 { font: normal 1.2em Arial, Helvetica, sans-serif; text-transform: none; color: #ea1e68; text-shadow:1px 1px #fff;}
.maincontent { background: #e5e5e5 url(../images/body-bg-top.jpg) no-repeat left top; text-align: left; padding-top: 30px; }
.maincontent p { color: #7f7f7f; font: 1.2em/1.4em Arial, Helvetica, sans-serif; margin-bottom: 20px; }
.maincontent p a { color: #7f7f7f; text-decoration: underline; }
.maincontent p a:hover { color: #ec1d67; text-decoration: none; }
.maincontent .content { background: url(../images/body-bg-bottom.jpg) no-repeat left bottom; }
.maincontent .position-left { margin-left: 30px; }
.maincontent .position-right { margin-right: 30px; }

.maincontent .list { float: left; width: 100%; margin-bottom: 30px; }
.maincontent .list ul { float: left; width: 180px; }
.maincontent .list li { font: 1.2em/1.6em Arial, Helvetica, sans-serif; list-style: none; background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 15px; }
.maincontent .list li ul li {font: 1.0em/1.6em Arial, Helvetica, sans-serif;}
.fullwidth ul { width: 100% !important; }

.pink { color: #ec1d67}
.margin-top { margin-top: 50px; }

.imageborder { border: 1px solid #0C4282; }

.qualifications { float: left; margin-bottom: 35px; }
.qualifications li { list-style: none; clear: both; float: left; width: 100%; margin-bottom: 15px; }
.qualifications .image { float:left; width:170px; margin: 0 10px 0 0; background: #FFF; text-align: center; }
.qualifications .image img { background: #FFF; padding: 10px; }
.qualifications .description {float:left;width:250px;}

/*** footer ***/
.footer { background: url(../images/background-footer.gif) no-repeat 0px 0px; height: 48px; }

.footer-info { margin-top: 0px; background: url(none); text-align: center; }
.footer-info ul { float: none; }
.footer-info li { display: inline; list-style: none; }
.footer-info a { float: none; width: 60px; font: 1.4em/45px Verdana, Geneva, sans-serif; color: #FFF; text-decoration: none; text-transform: uppercase; padding-right: 10px; padding-left: 10px; }
.footer-info a:hover, .footer-info .active a { color: #ec1d67; }


/*** Form ***/
form { padding-top: 20px; padding-bottom: 20px; }
form label { float: left; width: 180px; font-size: 1.2em; line-height: 2em; color: #666666; clear: both; text-align: left; padding-left: 1em; }
form fieldset { border-style: none; }
form input, form textarea, form select { padding: 1px 3px; float: left; width: 350px; background: #F3F3F3; border: 1px solid #C7C7C7; margin-top: 3px; font: 1.2em Arial, Helvetica, sans-serif; }
form img { padding: 1px 3px; float: left; border: 1px solid #666666; margin-top: 3px; }
form .info { display: block; clear: both; float: left; padding-left: 190px; font-style: italic; color: #666666; line-height: 2em; width: 400px; }
form .checkboxes { clear: both; text-align: left; }
form .checkboxes input { float: left; width: 20px; margin-left: 200px; background: url(none); border-style: none; }
form .checkboxes span { font-size: 1.1em; line-height: 2em; font-weight: bold; color: #666; }
.buttonpress  { float: left !important; width: 100px !important; background: #39C; font-weight: bold; color: #FFF; }
.button_box { float: left; width: 100%; margin-top: 30px; }
form .captcha { clear: both; float: left; width: 400px; padding: 0px 0px 10px 190px; margin: 0px; height: 60px; }
form .captcha img { border:none;}
.errordiv { color: #FF0000; font-size: 1.2em; line-height: 1.4em; border:thin; width:90%; border-color:#990000; border-style:solid; padding: 10px; text-align: left; }
.successdiv { color: #009933; font-size: 1.2em; line-height: 1.4em; border:thin; width:90%; border-color:#00CC33; border-style:solid; padding: 10px;}
.subl{margin-left:185px;width:165px;}
.subr{width:155px;}
#long{width:280px;}