body { padding: 0; margin: 0; background: #f4efdb; text-align: center; font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #004460; }

p { margin: 0; padding: 12px 0; line-height: 21px; }
p.p2 { font-size: 12px; line-height: 20px; padding: 5px 0; }
p.p3 { font-size: 12px; line-height: 20px; padding: 15px 0; }

h1 { font-family: "Times New Roman", Times, serif; font-size: 56px; line-height: 60px; margin: 0; padding: 0; font-weight: normal; color: #004460; }
h3 { margin: 0; padding: 30px 0 3px 0; font-weight: bold; font-size: 13px; }
h4 { font-family: "Times New Roman", Times, serif; font-size: 20px; line-height: 30px; color: #004460; margin: 0; padding: 0; font-weight: normal; }
h5 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; color: #000; margin: 25px 0 5px 0; padding: 3px 0; font-weight: normal; border-bottom: solid 1px #000; }

.underline { border-bottom: solid 1px #094964; }

a { color: #004460; font-family: "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; }
a:hover { color: #8eb3c3; }

a.noUndln { text-decoration: none; }
a.nohover:hover { color: #004460; }
a img { border: none; }

img { vertical-align: bottom; }

ul { margin: 0; padding: 6px 0 0 15px; list-style: none; font-size: 12px; line-height: 17px; }
  li { padding: 7px 0 6px 0; margin: 0; }

ul.star { margin: 0; padding: 6px 0 0 15px; list-style: none; font-size: 13px; line-height: 17px; }
  ul.star li { background:url(images/star.gif) no-repeat left center; padding: 4px 0 4px 10px; margin: 0; }

ul.arrow { margin: 0; padding: 6px 0 0 10px; list-style: none; font-size: 12px; line-height: 17px; }
  ul.arrow li { background:url(images/bullet2.gif) no-repeat left top; padding: 4px 0 4px 14px; margin: 0; }

.clear { clear: both; line-height:1px; height: 1px; font-size: 1px; }
.clearR { clear: right; line-height:1px; height: 1px; font-size: 1px; }
.clearR2 { clear: right; height: 15px; }
.clearR3 { clear: right; height: 8px; line-height: 8px; font-size: 8px; }

.wrapper { width: 880px; /*width: 940px;*/ margin: auto; text-align: left; }

#top { /* background: url(images/bg2.gif) repeat-x top center; */ }

.topBg1 { background: url(images/bg4.gif) repeat-x bottom #004460; position: relative; min-width: 880px; }
.topBg2 { background: url(images/bg2.gif) repeat-x center top #edd8a6; margin-bottom: -1px; }
.topBg3 { background: url(images/bg3.gif) no-repeat bottom right; min-width: 880px; }

.logo { display: inline; float: left; width: 305px; padding: 0 0 0 33px; }

.quote { text-align: right; padding: 18px 24px 0 0; }

.slogan { color: #fff; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 16px; padding: 5px 0 16px 97px; }
  .slogan img { vertical-align: top; }

.navigationBg { background: url(images/bg_5.gif) no-repeat top right #8eb3c3; min-width: 880px; }

#navigation { text-align: right; padding: 0 100px 0 0; }
	#navigation a { font-family: "Times New Roman", Times, serif; color: #fff; font-size: 15px; line-height: 28px; padding: 0 5px; margin: 3px 5px 2px 5px; float: right; }

	#navigation a:hover, #navigation a.selected { background: url(images/bullet.gif) no-repeat top center #ffefa3; color: #004460; }

#navigation img { vertical-align: middle; float: right; margin-top: 7px; }

.headerBg { background: url(images/bg1.gif) repeat-x top #f4efdb; }
.headerBg2 { background: url(images/bg_6.gif) no-repeat top right; min-width: 880px; }

.leftSide { width: 320px; float: left; }

/* hide from IE-Mac \*/
* html .leftSide { margin-right: 22px; }
/* End Hide from IE-Mac */

#buttons { padding-left: 25px; }
	#buttons a img { margin: 5px 0; }

#phone { line-height: 22px; padding: 20px 10px 20px 25px; font-family: "Times New Roman", Times, serif; font-size: 15px; color: #004460; }

.icon { float: left; margin: 3px 10px 0 0; }

.borderR { border-right: solid 1px #004460; padding: 0 8px 0 0; margin: 0 6px 0 0; float: left; }

.rightSide { margin-left: 345px; margin-right: 5px; }

/* hide from IE-Mac \*/
* html .rightSide { margin-left: 0; height: 1px; }
/* End Hide from IE-Mac */

/*-------------------------------*/

.leftSide2 { width: 320px; float: left; }

/* hide from IE-Mac \*/
* html .leftSide2 { margin-right: 7px; }
/* End Hide from IE-Mac */

.rightSide2 { margin-left: 330px; margin-right: 5px; }

/* hide from IE-Mac \*/
* html .rightSide2 { margin-left: 0px; height: 1px; }
/* End Hide from IE-Mac */

/*-------------------------------*/

.separator { margin: 0 8px; }

.title { min-height: 220px; }

* html .title { height: 220px; }

.colb { width: 255px; float: right; }

/* hide from IE-Mac \*/
* html .colb { margin-left: 7px; }
/* End Hide from IE-Mac */

.cola { /*margin-right: 275px;*/ }

/* hide from IE-Mac \*/
* html .cola { margin-right: 0px; height: 1px; }
/* End Hide from IE-Mac */

.colb2 { width: 345px; float: right; }
.cola2 { margin-right: 355px; }

.colb3 { width: 245px; float: right; }
.cola3 { width: 245px; }

.colb4 { width: 275px; float: right; }
.cola4 { width: 175px; }

.cola5 { width: 80px; }
.colb5 { width: 225px; float: right; }

.colb6 { width: 50px; float: right; }

.colb7 { width: 275px; float: right; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; }

.colb8 { width: 90px; float: right; }

.hr { background: url(images/hr.gif) repeat-x top #26617a; height: 43px; margin-top: 40px; }

#footer { padding: 8px 0px 30px 0px; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 20px; }
#footer2 { padding: 8px 7px 30px 7px; font-family: "Times New Roman", Times, serif; font-size: 13px; line-height: 20px; background: url(images/bg8.gif) repeat-x top; }
  #footer a, #footer2 a { font-size: 13px; }

.copyright { float: right; }
	.copyright a { font-size: 13px; text-decoration: none; }
	.copyright a:hover {}

.pad1 { padding-top: 100px; padding-bottom: 10px; }
.pad2 { padding: 20px 0 5px 0; }
.pad3 { padding: 10px 0 0 25px; }
.pad4 { padding: 0 0 0 30px; }
.pad5 { padding-top: 16px; }
.pad6 { padding: 10px 0 0 10px; }
.pad7 { padding: 90px 30px 10px 0; }
.pad8 { padding: 5px 0 12px 0; }
.pad9 { margin-bottom: 20px; }
.pad10 { padding: 12px 20px 12px 0; }
.pad11 { padding: 15px 20px 10px 20px; }
.pad12 { padding: 0; }
.pad13 { padding: 0 0 0 15px }
.pad14 { padding: 30px 0 0 0; }
.pad15 { padding: 30px 0 15px 0; }
.pad16 { padding: 20px 30px 0 0; }
.pad18 { padding: 4px 0; }
.pad19 { padding: 35px 0 0 28px; }
.pad20 { padding: 20px 0 0 0; }

.downloads { padding: 35px 0px 10px 0px; }
	.downloads a { text-align: center; float: left; text-decoration: none; font-size: 12px; font-family: "Times New Roman", Times, serif; margin-right: 50px; }

	.downloads a span { display: block; }

.floatFix { height: 90px; }

.black { color: #000; }

form { margin: 0; padding: 0; }
label { font-size: 11px; line-height: 20px; color: #000; font-family: Arial, Helvetica, sans-serif; display: block; }
input.text, input.text3 { background: url(images/input_border.gif) repeat-x top #fff; border-top: none; border-left: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3; border-bottom: solid 1px #ddd; height: 18px; }
input.text { width: 165px; }
input.text3 { width: 230px; }

textarea { border: solid 1px #666; background: #fff; overflow: auto; }
textarea.text2 { width: 350px; height: 200px; }

label.small { font-size: 10px; line-height: 10px; margin: 0px; display: inline; }

.image1 { float: right; margin: 20px 15px 10px 10px; }

.box1 { background: url(images/bg7.gif) repeat-x top #e4f7ff; padding: 0px 0px 15px 0px; }

.box2 {background: url(images/box2_bot.gif) repeat-x bottom #f9f3b0; }
.box2b { background: url(images/bg9.gif) repeat-x bottom #f9f3b0; position: relative; }
.box2c { background: url(images/box2_bot_c.gif) repeat-x bottom #f9f3b0; position: relative; }
.box2d { background: url(images/box2_bot_d.gif) repeat-x bottom #f9f3b0; position: relative; }

.box2Right { background: url(images/box2_right.gif) repeat-y right; }
.box2TopLeft { background: url(images/box2_top_left.gif) no-repeat top left; }
.box2TopRight { background: url(images/box2_top_right.gif) no-repeat top right; }
.box2BotLeft { background: url(images/box2_bot_left.gif) no-repeat bottom left; }
.box2BotRight { background: url(images/box2_bot_right.gif) no-repeat bottom right; width: 100%; }

.margin1 { margin: 20px 0px 20px 0px; }
.margin2 { margin: 35px 0px 0px 0px; }
.margin3 { margin: 5px 0px; }

.or { vertical-align: top; margin: 15px 20px 0px 20px; }
.or2 { float: left; width: 40px; margin-right: -3px; text-align: center; padding-top: 45px; font-weight: bold; }

.colors { padding: 20px 0px 30px 25px; }
.colors img { margin: 0px 20px 15px 0px; }

.desc { margin-left: 25px; width: 230px; }
.desc p { color: #333; font-size: 12px; line-height: 18px; padding: 15px 0 5px 0; }

.legend { font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 19px; position:absolute; top: -15px; left: 0px; text-align: right; width: 470px; color: #004460; }

.form { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 17px; padding-bottom: 30px; }
.form span { padding: 0px 30px 0px 5px; }

span.pad17 { padding: 0px 15px 0px 0px; }

span.s1 { padding: 0; }

.b1 { float: left; width: 100px; padding: 4px 0px; }
.b2 { padding: 4px 0px; }

.space { height: 27px;  }

.text4 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; display: block; text-align:center; color: #000; }

.newport { width: 105px; float: left; }

.laguna { width: 110px; margin-left: 146px; }
* html .laguna { margin-left: 143px; }

.colors2 { text-align: center; width: 245px; }

.endcaps, .endcaps2 { width: 70px; float: left; margin-right: 19px; }
* html .endcaps2 { margin-right: 16px; }
.endcaps3 { width: 70px; margin-left: 178px; }
* html .endcaps3 { margin-left: 175px; }

.toLeft { float: left; }

.question { font-family: "Times New Roman", Times, serif; font-size: 15px; margin-left: 190px; line-height: 40px; }

.arrow1 { position: absolute; margin-left: -73px; top: 20px; }
.arrow2 { position: absolute;	margin-left: -73px; top: 30px; }
.arrow3 { position: absolute; margin-left: -73px; top: 190px; }
.arrow4 { position: absolute; margin-left: -73px; top: 310px; }
.arrow5 { position: absolute; margin-left: -73px; top: 410px; }

/* NEW VIDEO PAGE COLUMNS */
.newport-ins, .laguna-ins { float: left; width: 255px; }
	.newport-ins h3, .laguna-ins h3 { margin-bottom: 5px; padding-top: 60px; padding-bottom: 12px; font: 24px "Times New Roman", Times, serif; border-bottom: 1px solid #808080; }
	.newport-ins ul, .laguna-ins ul { padding: 0; }
			.newport-ins li, .laguna-ins li { padding-bottom: 6px;}

.laguna-ins {  }
.newport-ins {  }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { display: block; }
