﻿/* content Styles */

#videoBckgnd { height: 800px; width: 990px; margin-top: 30px; padding-top: 113px; margin: auto; background:url(vidBckgnd.jpg); text-align: center; }
.holidayVideo {padding-top: 100px; }

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

blockquote {
float: right;
margin: 0px;
padding: 5px; 0px; 0px; 15px;

}
div.indent
{
margin-left: 40px;
}

blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.813em;
		line-height:1.231em;
		color:#545454;
	}
	
h1 { color:#002D40; font:16pt Arial, Helvetica, sans-serif}
h2 { color:#002D40; font:14pt Arial, Helvetica, sans-serif}
h3 { color:#002D40; font:12pt Arial, Helvetica, sans-serif}
h4 { color:#002D40; font:10pt Arial, Helvetica, sans-serif}

li { padding-bottom:5px;   }
li a {color:#545454; line-height:1.692em;}
ul {margin-left:50px; padding-bottom:8px 8px 8px 20px;  list-style-type: square }
ol {margin-left:55px; padding-bottom:8px 8px 8px 20px;  list-style-type: square }



input, select { vertical-align:middle; font-weight:normal;}


a:hover{text-decoration:none;}
a:visited {color:#01577B;}
a:active {color:#01577B;}
a:link {color:#01577B;}

p {padding:0 0 16px 0;}
strong { color:#002D40; font:12pt Arial, Helvetica, sans-serif; font-weight:bold;}
strong.gray10  { color:#002D40; font:10pt Arial, Helvetica, sans-serif; font-weight:bold;}
strong.gray12  { color:#002D40; font:12pt Arial, Helvetica, sans-serif; font-weight:bold;}
strong.gold10  { color:#d09700; font:10pt Arial, Helvetica, sans-serif; font-weight:bold;}
strong.gold12  { color:#d09700; font:10pt Arial, Helvetica, sans-serif; font-weight:bold;}
/* ============================= main layout ====================== */


.imgindent {margin:0 20px 0 0; float:left;}

.title1 {margin:13px 0 13px 0;}
.title2 {border-bottom:1px solid #c5c5c5; padding-bottom:6px; margin-bottom:23px;}


/* template Styles */

/* ============================= header ====================== */




.header-row1 { float:left; background:#f6f6f6 url(images/header-tail-bg.gif) bottom repeat-x;}
.logo {margin:0 0 0 20px;}

.submenu {padding:5px 15px 5px 14px;}
.submenu ul {overflow:hidden; width:100%;}
.submenu li {font-size:0.846em; display:inline; border-left:1px solid #a5b1ba; background:none; margin-left:-1px; padding:0 8px 0 8px;}
.submenu li a {color:#a5b1ba; text-decoration:none;}
.submenu li a:hover {text-decoration:underline;}

.searchInput { margin-right:-1px; border-top:6px solid #d09700; padding:5px 10px 10px 5px;text-align: right;}

#twocol .header-row2, #threecol .header-row2 { float:left; background:url(images/ip_hdr_bg.gif)}
#twocol .header-row2 h1, #threecol .header-row2 h1 { color:#ffffff; font:normal 18pt Arial, Helvetica, sans-serif; padding:60px 0 0 20px}
.slogan {margin:158px 0 158px 40px;}

/* ============================= content ====================== */


.center {text-align:center; padding-right:15px;}
.extra {padding:25px 0 0 60px;}
.special {float:right; margin-right:20px;}

.line {background:url(images/line.gif) bottom left repeat-x; padding-bottom:18px; margin-bottom:18px;}
.padding1 {padding-top:5px;}
.phone {float:right; margin-right:120px;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:52px;}
#ContactForm a {float:right; margin-left:20px;}

.input {width:172px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:204px; height:123px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:20px;}


#container {width:982px; margin:0 auto;}

#main { float:left; text-align:left; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}



#footer { clear:both; text-align:left; height:72px; border-top:1px solid #e1e1e1; padding:33px 0 0 0px; font-size:10px}

.col-1 ul, .col-2 ul, .col-3 ul, .col-4 ul { list-style:none; margin:0; padding:0}
.container2 {width:100%;}

.header-row1 .col-1 { float:left; width:470px; padding:10px}
.header-row1 .col-2 { float:left; width:490px}

/* ============================= home ===========================*/

.header_row2 .col-1 {width:980px}

.row1 {padding:31px 25px 15px 36px;}
.col-pad1 {padding-right:44px;}
.row1 .col-1 {width:185px; padding-bottom:13px;float:left;}
.row1 .col-2 {width:185px; padding-bottom:13px;float:left;}
.row1 .col-3 {width:185px; padding-bottom:13px;float:left;}
.row1 .col-4 {width:185px; padding-bottom:13px;float:left;}


.bottomGray {clear:both; float:left; background:#f6f6f6; border-top:1px solid #e1e1e1;}
.row2-why { width:420px; float:left;padding:44px 30px 47px 40px}
.row2-news { width:420px; float:left;padding:44px 30px 47px 40px}

.row2 .line1 {background:url(images/line.gif) repeat-y; width:100%;}
.row2 .col-1 {width:430px;float:left;}
.row2 .col-2 {width:414px;float:left;}

/* ============================= twocol ===========================*/

#breadcrumb { float:left; width:960px; background:#00476b; padding:5px 10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-size:10px; margin:0px 0px 10px 0px}
#path { float:left; width:800px; color:#ffffff}
#path a { color:#eee}
#path a:hover { color:#ffffff}
#date { float:left; width:150px; text-align:right; color:#ffffff}

#home #content { clear:both; float:left; width:980px}
#home #content .col1 { float:left; width:200px}
#home #content .col2 { float:left; width:760px; padding:0 10px}


#twocol #content { clear:both; float:left; width:940px; padding:20px}
#twocol #content .col1 { float:left; width:200px}
#twocol #content .col2 { float:left; width:720px; padding:0 10px}

#twocol #content .side1 { float:left; width:550px}
#twocol #content .side2 { float:left; width:385px; padding:0 2px}

/* ============================= threecol ===========================*/

#threecol #content { clear:both; float:left; width:940px; padding:20px}
#threecol #content .col1 { float:left; width:200px}
#threecol #content .col2 { float:left; width:500px; padding:0 10px}
#threecol #content .col3 { float:left; width:198px; padding:10px; border:1px solid #e1e1e1; background:#f6f6f6 }