/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-tail.gif) left top repeat-x #a0a0a1;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}




ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.75em;
		color:#646060;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#670001; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(images/list-bg.png) no-repeat 0 6px; padding-left:25px; line-height:1.5em;}
li a {color:#670001;}

.imgindent {margin:0 27px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

em strong{font-size:1.14em; line-height:1.25em;}



.media-bg {background:url(images/mp_help.png) no-repeat;}




h2 {font-size:3.07em; line-height:1.16em;}
h3 {font-size:1.78em; color:#3b3b3f; margin-top:-6px; line-height:1.16em; }
h4 {font-size:2.91em; line-height:1.14em; letter-spacing:-1px; padding-bottom:20px;}
h5 {font-size:1.75em; line-height:1.19em; color:#33312a; font-weight:normal; letter-spacing:-1px; margin-bottom:10px;}
h6 {font-size:1.84em; line-height:0.75em; color:#33312a; font-weight:normal;  margin-bottom:16px;}
h7 {font-size:1.91em; line-height:1.14em; letter-spacing:-1px; padding-bottom:20px;}


.featured-spacing {padding-bottom:33px;}

/* ============================= header ====================== */
#header {background:url(images/header-bg.gif) center top no-repeat;}

.top-links {float:right; padding:20px 0px 0 0; font-size:0.916em; text-align:center;}
.top-links a {text-decoration:none;  color:#fff; line-height:1.10em; padding-top:25px; margin-left:22px; display:inline-block;}
.top-links a:hover {text-decoration:underline;}
.sign {background:url(images/page1-img1.gif) top center no-repeat; }
.map {background:url(images/page1-img2.gif) top center no-repeat; }
.mail {background:url(images/page1-img3.gif) top center no-repeat;}

.menu {background:url(images/menu-tail-bg.gif) left top repeat-x;}
.menu li {float:left; background:url(images/menu-li-bg-full.gif) left top no-repeat; width:111px; text-align:center; padding:0px;}
.menu li a {display:block; color:#ebebec; text-decoration:none; font-weight:bold; font-size:1.25em; line-height:1.16em; padding:10px 0 0px 0; height:29px; letter-spacing:-1px; position:relative;}
.menu li a:hover, .menu .active {background:url(images/menu-li-active-bg.gif) left top no-repeat; color:#27292e;}

/* ============================= content ====================== */
.center {
	display:block;
margin: 0 auto;
width: 700px;
}


.extra {background:#fff;}
.extra-indent {padding:0 27px 27px 26px;}
.extra-indent2 {padding:0 0px 0px 19px;}
.extra-indent3 {padding:0px 15px 0px 0px;}

.block {background:url(images/block-tail.gif) left top repeat-x; color:#3b3b3f; }
.block-content {background:url(images/block-bg.jpg) left top no-repeat; height:252px; }
.block-content1 {background:url(images/block-bg1.jpg) left top no-repeat; height:252px; }
.block-indent{padding:0 28px 0 24px;}
.block-indent1 {padding:34px 33px 0 50px; font-style: normal; font-size:1.16em; line-height:1.14em;}
.block-indent2 {padding:34px 33px 0 50px; font-style: normal; font-size:1.10em; line-height:1.20em;}
.block .link2 {display:inline-block; background:url(images/link-img1.gif) 0 0 no-repeat; height:32px; width:107px; margin-top:-6px; }
.block .col-3 a, .block .col-4 a {color:#3b3b3f;}

.portfolio{ width:814px; margin:0 auto; text-align:left; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:10px;}
.portfolio-indent {padding:0px 0px 0px 0px;}
.portfolio-font {font-size:1.000em;  }
.portfolio-font2 {font-size:1.00em; color:#FFFFFF; font-style:normal; }
.portfolio-container { width:100%; overflow:hidden; clear: none; background-color:#DADADA;}


.link-margin {margin-top:-15px;}

.first-slogan {padding:66px 0 0 260px;  font-style:italic; font-size:1.16em; line-height:1.14em; }

.col-pad {padding-right:12px;}
.col-pad1 {padding-right:13px;}
.col-pad2 {padding-right:48px;} 

.pad { padding-top:26px; }
.pad1 { padding-top:14px;}
.pad2 {padding-top:20px;}
.pad3 {padding-top:18px;}

.padding {padding-top:37px;}
.padding1 {padding-top:47px;}

.margin {margin-top:17px;}
.margin1 {margin-bottom:15px;}
.margin2 {margin-top:5px;}

.h4-indent {margin-left:-6px;}

.alignright {text-align:right;}

em.upper {text-transform:uppercase;}

.list {font-size:1.15em; line-height:1.66em; padding-top:13px;}
.list1 {font-size:1.00em; line-height:1.66em; }
.list1 li {padding-bottom:3px;}
.list1-sub {font-size:1.00em; line-height:1.66em;  padding-left:10px;}
.list1-sub li {padding-bottom:2px;}

.box1 .list {font-size:1.25em; line-height:1.66em; padding:0px; margin-top:-8px;}
.box1 .list li {padding-bottom:3px;}

.box2 .list1 {margin-bottom:16px;}
.box2 .list1 li a {color:#fff;}

.link {background:url(images/link-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:-3px 0px 0px 5px; color:#8f8f90; font-weight:bold; cursor:hand; font-size:1.16em;}
.link strong {background:url(images/link-right-bg.png) right top no-repeat; display:inline-block; padding:0 7px 0 7px;}
* html .link strong {padding-right:10px;}
*+html .link strong {padding-right:5px;}
.link strong strong  {background:url(images/link-tail-bg.png) top repeat-x; padding:4px 3px 8px 3px;}

.link:hover strong {color:#000;}

.box-img1 {position:absolute; margin:-30px 0 0 0px; padding-left:155px;}
.box-img2 {position:absolute; margin:-30px 0 0 0px; padding-left:446px;}
.box-img3 {position:absolute; margin:-26px 0 0 0px; padding-left:430px;}
.box-img4 {position:absolute; margin:-30px 0 0 0px; padding-left:419px;}
.box-img5 {position:absolute; margin:-26px 0 0 0px; padding-left:170px;}




.box ul {padding-bottom:8px; margin-top:-5px;}
.box ul li {font-size:1.25em; line-height:1.66em;}

.box { position:relative; color:#929395;}
.box-img {position:absolute; margin:-26px 0 0 0px; padding-left:152px;}
.box-indent {padding:18px 17px 10px 21px;}
.box em {font-size:1.25em; line-height:1.13em; color:#FFFFFF; font-style:normal; display:block; margin-bottom:6px;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat;}
.box .tail-right {background:url(images/box-tail-right.gif) top right repeat-y;}
.box .tail-left {background:url(images/box-tail-left.gif) top left repeat-y; width:100%;}
.box .tail-bottom {background:url(images/box-bottom-tail.gif) bottom left repeat-x;}
.box .tail-top {background:url(images/box-top-tail.gif) top left repeat-x;}
.box .tail {background:#25272b;}

.box1 { position:relative; color:#a1a1a1;}
.box1 em {font-size:1.25em; line-height:1.13em; color:#FFFFFF; font-style:normal; display:block; margin-bottom:6px;}
.box1 .bottom-right {background:url(images/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(images/box1-corner-top-left.gif) top left no-repeat;}
.box1 .tail-right {background:url(images/box1-tail-right.gif) top right repeat-y;}
.box1 .tail-left {background:url(images/box1-tail-left.gif) top left repeat-y; width:100%;}
.box1 .tail-bottom {background:url(images/box1-tail-bottom.gif) bottom left repeat-x;}
.box1 .tail-top {background:url(images/box1-tail-top.gif) top left repeat-x;}
.box1 .tail {background:#444444;} 

.box2 { position:relative; color:#fff;}
.box2 em {font-size:1.25em; line-height:1.13em; color:#fff; font-style:normal; display:block; margin-bottom:6px;}
.box2 .bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat;}
.box2 .tail-right {background:url(images/box2-tail-right.gif) top right repeat-y;}
.box2 .tail-left {background:url(images/box2-tail-left.gif) top left repeat-y; width:100%;}
.box2 .tail-bottom {background:url(images/box2-tail-bottom.gif) bottom left repeat-x;}
.box2 .tail-top {background:url(images/box2-tail-top.gif) top left repeat-x;}
.box2 .tail {background:#670001;}

.box3 { position:relative;}
.box3 {color:#212325; line-height:1.16em;} 
.box3-indent {padding:16px 15px 19px 20px;}
.box3 em {font-size:1.083em; line-height:1.307em; color:#670001; font-style:normal; display:block; margin-bottom:6px; font-weight:bold;}
.box3 .bottom-right {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box3 .bottom-left {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box3 .top-left {background:url(images/box3-corner-top-left.gif) top left no-repeat;}
.box3 .tail-right {background:url(images/box3-tail-right.gif) top right repeat-y;}
.box3 .tail-left {background:url(images/box3-tail-left.gif) top left repeat-y; width:100%;}
.box3 .tail-bottom {background:url(images/box3-tail-bottom.gif) bottom left repeat-x;}
.box3 .tail-top {background:url(images/box3-tail-top.gif) top left repeat-x;}
.box3 .tail {background:#ededed;}

.box4 { position:relative; }
.box4 {color:#212325; line-height:1.16em;} 
.box4-indent {padding:19px 25px 19px 27px;}
.box4 em {font-size:1.083em; line-height:1.307em; color:#670001; font-style:normal; display:block; margin-bottom:6px; font-weight:bold;}
.box4 .bottom-right {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box4 .bottom-left {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box4 .top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box4 .top-left {background:url(images/box3-corner-top-left.gif) top left no-repeat;}
.box4 .tail-right {background:url(images/box3-tail-right.gif) top right repeat-y;}
.box4 .tail-left {background:url(images/box3-tail-left.gif) top left repeat-y; width:100%;}
.box4 .tail-bottom {background:url(images/box3-tail-bottom.gif) bottom left repeat-x;}
.box4 .tail-top {background:url(images/box3-tail-top.gif) top left repeat-x;}
.box4 .tail {background:#ededed;}



.box5 { position:relative; }
.box5-img {position:reletive;}
.box5 {color:#212325; line-height:1.16em;} 
.box5-indent {padding:19px 10px 19px 27px;}
.box5 em {font-size:1.083em; line-height:1.307em; color:#670001; font-style:normal; display:block; margin-bottom:6px; font-weight:bold;}
.box5 .bottom-right {background:url(images/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box5 .bottom-left {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box5 .top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box5 .top-left {background:url(images/box3-corner-top-left.gif) top left no-repeat;}
.box5 .tail-right {background:url(images/box3-tail-right.gif) top right repeat-y;}
.box5 .tail-left {background:url(images/box3-tail-left.gif) top left repeat-y; width:100%;}
.box5 .tail-bottom {background:url(images/box3-tail-bottom.gif) bottom left repeat-x;}
.box5 .tail-top {background:url(images/box3-tail-top.gif) top left repeat-x;}
.box5 .tail {background:#ededed;}


.border {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:8px; margin-bottom:7px;}

.box .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; hand: ; font-size:1em; font-weight:normal;}
.box .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}

.box .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}


.box1 .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:hand; font-size:1em; font-weight:normal;}
.box1 .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box1 .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}

.box1 .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box1 .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box1 .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}


.box2 .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:hand; font-size:1em; font-weight:normal;}
.box2 .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box2 .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}

.box2 .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box2 .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box2 .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}


.box3 .link1 {display:inline-block; background:url(images/link-img.gif) 0 0px no-repeat; height:13px; width:14px; margin:0px 0px 0 6px;}
.box3 .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:hand; font-size:1em; font-weight:normal;}
.box3 .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box3  .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}
.box3  .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box3  .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box3  .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}


.box4 .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:hand; font-size:1em; font-weight:normal;}
.box4 .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box4 .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}

.box4 .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box4 .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box4 .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}

.box5 .link {background:url(images/link1-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:hand; font-size:1em; font-weight:normal;}
.box5 .link span {background:url(images/link1-right-bg.png) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box5 .link span span  {background:url(images/link1-tail-bg.png) top repeat-x; padding:4px 3px 7px 3px;}

.box5 .link:hover {background:url(images/link1-left-bg-hover.png) left top no-repeat; }
.box5 .link:hover span {background:url(images/link1-right-bg-hover.png) right top no-repeat;}
.box5 .link:hover span span  {background:url(images/link1-tail-bg-hover.png) top repeat-x;}



.indent {padding:18px 0px 0 0px;}

span.title {color:#670001; font-size:1.20em; font-weight:bold; display:block; padding-bottom:15px;}
span.title2 {color:#000000; font-size:1.20em; font-weight:bold; display:block; padding-bottom:15px;}

.border1 {border-bottom:1px solid #e0dfdf; padding-bottom:29px;}
.border2 {border-bottom:1px solid #670001; padding-bottom:2px; color:#670001; font-size:1.00em; font-weight:regular;}
.border3 {border-bottom:1px solid #fff; padding-bottom:29px;}
.blog {font-size:1.083em; line-height:1.307em; }
.blog em {color:#670001; font-style:normal; font-weight:bold;}

.blog .link {background:url(images/link2-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:13px 0px 0px 5px; color:#fff; cursor:hand; font-size:0.92em; font-weight:normal;}
.blog .link span {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.blog .link span span  {background:url(images/link2-tail-bg.gif) top repeat-x; padding:4px 6px 4px 6px;}


.blog .link:hover {background:url(images/link2-left-bg-hover.gif) left top no-repeat; }
.blog .link:hover span {background:url(images/link2-right-bg-hover.gif) right top no-repeat;}
.blog .link:hover span span  {background:url(images/link2-tail-bg-hover.gif) top repeat-x;}

.blog strong {font-weight:normal; color:#670001;}
.blog .company {color:#646060;}




.port-view {font-size:1.083em; line-height:1.307em; }
.port-view em {color:#670001; font-style:normal; font-weight:bold;}

.port-view .link {background:url(images/link2-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:0px 10px 10px 5px; color:#fff; cursor:hand; font-size:0.92em; font-weight:normal;}
.port-view .link span {background:url(images/link2-right-bg.gif) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.port-view .link span span  {background:url(images/link2-tail-bg.gif) top repeat-x; padding:4px 6px 4px 6px;}


.port-view .link:hover {background:url(images/link2-left-bg-hover.gif) left top no-repeat; }
.port-view .link:hover span {background:url(images/link2-right-bg-hover.gif) right top no-repeat;}
.port-view .link:hover span span  {background:url(images/link2-tail-bg-hover.gif) top repeat-x;}

.port-view strong {font-weight:normal; color:#670001;}
.port-view .company {color:#646060;}

.phone {display:inline-block; width:90px;}

.policy-indent {padding:42px 33px 65px 48px; font-style:italic; font-size:1.16em; line-height:1.14em;}
/* ============================= footer ====================== */
#footer {color:#670001; font-size:0.916em; padding:7px 0 0 0px;}
#footer a {color:#670001; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.footer-right {width:300px; float:right; text-align:right;}
.footer-left {width:400px; float:left;}


/* ============================= forms ============================= */

#ContactForm label {height:60px; display:block;}
#ContactForm .col-1 {width:260px !important;}
#ContactForm .link {margin:8px 0 0 10px;}
.input {width:247px; height:22px; border:1px solid #e0dfdf; background:none; padding:3px 0 0 5px; font-size:1em;}
textarea {width:254px; height:145px; border:1px solid #e0dfdf; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

/*Start accordion menu*/

.arrowlistmenu{
width: 240px; /*width of accordion menu*/
}

.arrowlistmenu2{
width: 834px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Arial, Helvetica, sans-serif;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 2px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #670001;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: regular;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #670001;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #670001;
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #F3f3f3;
}
/*End accordion menu*/
