@import url('reset.css');

/* Master CSS for Trail Liner */
html{background:#002a52 url('img/bg/body-bg.png') 0 0 repeat-x;}
body {background:#002a52 url('img/bg/body-bg.png') 0 0 repeat-x; color:#999; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:160%;}
#container {margin:0 auto; width:827px; position:relative; background-color:#fff;}
.clear {clear:both; height:1%; position:relative;}


h1								{text-transform:uppercase; color:#204971; font-size:33px; font-family:"Arial Black"; letter-spacing:-2px; font-weight:bold; margin:20px 0; padding:0;}
h2								{color:#204971; font-size:16px; font-family:Rockwell,"Times New Roman",serif; font-weight:bold; margin:10px 0 8px 25px;}
h3								{color:#204971; font-size:13px; font-weight:bold; margin-bottom:8px;}
h4								{color:#666666; font-weight:bold;}
p.title							{font-weight:bold; text-align:center; line-height:1.2em !important; margin-bottom:3px !important;}
blockquote						{color:#6a6a6a; font-style:italic; line-height:1.4em; font-size:13px; clear:both; float:left; width:100%;}
strong							{font-weight:bold}

#header							{margin-left:17px;}
#header p						{text-transform:uppercase; color:#2C498B; font-size:13px; font-family:serif; float:right; margin:22px 50px 0 0;}
#logo							{float:left; margin-top:15px;}
#nav							{clear:both; width:792px; background:transparent url(img/bg/nav-bg.png) 0 0 repeat-x; overflow:hidden;}
#nav li							{float:left; text-transform:uppercase; list-style:none;}
#nav li a						{display:block; padding:5px 25px;}
#nav li a.active				{background:transparent url(img/bg/nav-over-bg.png) 0 0 repeat-x; }
#nav li a:hover					{background:transparent url(img/bg/nav-over-bg.png) 0 0 repeat-x; }
#nav li a						{color:#fff; font-weight:bold; font-size:13px; text-decoration:none;}
#nav2							{clear:right; float:right; margin: 25px 17px 0 0;}
#nav2 li						{float:left; background-color:black; margin: 0 1px 0 1px; display:block; padding:2px 22px; list-style:none;}
#nav2 li						{-webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px;}
#nav2 li						{-webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px;}
#nav2 li a						{color:#fff; text-decoration:none; font-size:11px; font-weight:bold;}
#nav2 li a:hover				{color:#87AED4;}
#nav2 li a.active				{color:#87AED4;}


#hero							{clear:both; margin:8px 0 0 17px; position:relative;}
#grey							{background:rgba(0,0,0,0.6); width:275px; height:259px; position:absolute; top:0; left:0;}
#grey p							{text-align:center; margin:20px 0 0 0;}
#grey a							{float:left; margin:60px 0 0 56px; width:150px; background: transparent url(img/bg/nav-bg.png) 0 0 repeat-x; color:#fff; text-transform:uppercase; font-size:13px; font-weight:bold; text-decoration:none; padding:6px;}
#grey a:hover					{background:transparent url(img/bg/nav-over-bg.png) 0 0 repeat-x; }
a.btn 							{-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

#hero p							{}
#nav-int						{background-color:rgba(0,0,0,0.6); list-style:none; float:left; position:absolute; width:190px; height:220px; left:0; top:0; padding:7px 0;}
#nav-int li						{margin:4px 15px; font-size:13px; line-height:1em; border-bottom:1px solid #666; padding:8px 0 12px;}
#nav-int li a					{text-decoration:none; color:#fff; display:block;}
#nav-int li a.active			{font-weight:bold; text-transform:uppercase;}
#nav-int li a.active:hover		{font-weight:bold; text-transform:uppercase; color:#fff;}
#nav-int li a:hover				{color:#459DF0;}


#content						{margin: 10px 0 5px 35px; width:752px; overflow:hidden;}
#content p						{color:#6A6A6A; font-size:13px; line-height:1.4em; margin-bottom: 12px;}
#content a						{color:#D96A25; text-decoration:none;}
#content a:hover				{text-decoration:underline;}
#content ul						{margin:0 10px 15px 25px; list-style-image: url('img/icon/blue-arrow.png'); list-style-type:disc;}
.home #content ul				{list-style-position:outside; margin:5px 15px 15px 40px;}
#content li.li-bold				{margin-bottom:0px;}
#content li						{color:#6A6A6A; font-size: 13px; line-height:1.4em; margin-bottom:8px;}
#content li.no-bullet			{list-style:none; margin-left:14px; margin-bottom:15px;}
#content li em					{font-weight:bold;}
#left-col						{width:440px; margin-right: 10px; float:left;}
#right-col						{float:right; width:302px; background-color:#F2F2F2;}
#right-col ul					{margin:0 0 15px 40px;}
#content p.quote-source			{text-align:right; margin:3px 4px 35px 0; font-weight:bold; clear:both;}

#content form.job-app h3		{background:none; background-color: #204971; color:white; display:block; text-transform:uppercase; font-weight:bold; padding-left:5px;}
#content form input.radio		{width:auto;  margin:0 10px 5px 10px;}
form label.explanation			{font-style:italic; margin-top:15px;}
form textarea					{width: 400px; height: 190px; border: 1px solid #a8a8a8; padding: 5px; float:left; background-color:#f2f3f7; margin:15px 0 15px 0; color:#6a6a6a;}
form textarea					{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
form textarea.form-comments		{width: 675px; height:200px;}


#sidebar						{width:290px; float:left;}
.photo-lg						{background:transparent url(img/bg/large-img-bg.png) 0 0 no-repeat; height:319px; width:240px; padding:20px;}
.photo-sm						{background:transparent url(img/bg/small-img-bg.png) 0 0 no-repeat; height:137px; width:103px; float:left; padding:20px 17px;}
.photo-lg img					{display:block;}
.photo-sm img					{display:block;}


#sidebar-content				{float:left; width:447px; margin-top:5px;}

form p							{clear:both;}
label.label-short				{clear:none; float;left; width:30px;}
label							{width:225px; float:left; text-align:right; margin:0 15px; display:block; clear:both; font-weight:bold; padding:3px 0;}
input							{background-color:#f2f3f7; border:1px solid #A8A8A8; color:#6A6A6A; font-size:13px; width:auto; height:25px;}
input							{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
input.input-short				{width:94px; float:left; margin-bottom: 11px;}
input.submit-btn				{width:120px; height:29px; background:transparent url(img/bg/nav-bg.png) 0 0 repeat-x; color:#fff; margin-left: 204px; font-weight:bold; text-transform: uppercase; border:none; text-align:center;}
input.submit-btn:hover			{background:transparent url(img/bg/nav-over-bg.png) 0 0 repeat-x;}
input.submit-btn				{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
input.reset-btn					{width:110px; height:29px; background: transparent url(img/bg/btn-bg.png) 0 0 repeat-x; text-transform: uppercase; font-weight:bold; border:none; text-align:center;}
input.reset-btn:hover			{background:transparent url(img/bg/btn-over-bg.png) 0 0 repeat-x;}
input.reset-btn					{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


#tabs							{margin: 10px 0 10px 35px; width: 752px; overflow:hidden;}
#tabs ul						{list-style-type:none; margin: 5px 5px 15px 10px;}
#tabs ul li em					{font-weight:bold;}
#tabs ul li						{color:#6A6A6A; font-size:12px; line-height:1.4em;}
#tabs p							{font-size:13px; color:#6a6a6a; line-height:1.4em; margin-bottom:8px;}
#tabs hr						{margin: 0 auto; background-color:#dddddd; color:#DDDDDD; height:1px; border:0; margin-bottom:15px;}
#tabs .bio-block				{width:752px; clear:both; float:left;}
#tabs .bio-pic					{width:110px; float:left; background:transparent url(img/bg/med-img-bg.png) 0 0 no-repeat; height:207px; padding:12px;}
#tabs .bio-text 				{width:600px; float:left; margin-left:17px;}
#service						{clear:both; float:left; width:752px;}
.col-1							{width:179px; margin-right:12px; background-color:#f2f3f7; float:left; height:175px; margin-bottom:30px;}
.col-2							{width:179px; margin-right:12px; background-color:#f2f3f7; float:left; height:175px; margin-bottom:30px;}
.col-3							{width:179px; margin-right:12px; background-color:#f2f3f7; float:left; height:175px; margin-bottom:30px;}
.col-4							{width:179px; background-color:#f2f3f7; float:left; height:175px; margin-bottom:30px;}
.staff-pic-first				{width:110px; margin-right:11px; background:transparent url(img/bg/med-img-bg.png) 0 0 no-repeat; height:207px; padding:12px;float:left;}
.staff-pic-last					{width:110px; margin-left:11px; background:transparent url(img/bg/med-img-bg.png) 0 0 no-repeat; height:207px; padding:12px;float:left;}		
.staff-pic						{width:110px; margin: 0 10px; background:transparent url(img/bg/med-img-bg.png) 0 0 no-repeat; height:207px; padding:12px;float:left;}


/*#tabs*/
.ui-tabs { position: relative; padding: 0em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 0px; }
.ui-widget-content { border: 0px solid #a6c9e2; background: none; color: #222222; }
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }

/*ul*/
#tabs.ui-tabs .ui-tabs-nav { margin: 0; padding: 0em 0em 0; width:792px; border-bottom: 1px solid #d4d4d4;}
.ui-widget-header { border: 0px solid #4297d7; background:none; color: #ffffff; font-weight: bold; }
.ui-helper-clearfix { display:block; }
.ui-helper-clearfix { display: inline-block; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 0; text-decoration: none; font-size: 100%; list-style: none; }

/*li*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 0px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 0 2px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d4d4d4; background:none; background-color:#f2f2f2; font-weight: bold; color: #2e6e9e;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header .ui-state-hover { border: 1px solid #d4d4d4; background:none; background-color: #2c498b; font-weight: bold; color: #e17009; }

/*a*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2c498b; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-nav li a { float: left; padding: 8px 10px; text-decoration: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-hover a:hover{ color: #fff; text-decoration: none; }
/*.ui-widget-header a { color: #ffffff; }
.ui-widget-content a { color: #222222; }*/

 /*executive*/
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 10px 0 0 0; background: none; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }


/*service, maintenance*/
.ui-tabs .ui-tabs-hide { display: none !important; }




#footer							{clear:both; overflow:hidden;}
#footer p						{float:right; margin:10px 40px 10px 0;}
#footer hr						{width:792px; margin: 0 auto; background-color:#B5B5B5; color:#B5B5B5; height:2px; border:0;}