/*--------------------------------------------------
	DEFAULT GLOBAL
--------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% Helvetica, Arial, sans-serif; color: #00143f; background: #ffffff;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.4em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1.2em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

.half {width: 48%; margin: 0 2% 0 0;}
.third {width: 31%; margin: 0 2% 0 0;}
.two-thirds {width: 62%; margin: 0 4% 0 0;}
.quarter {width: 23%; margin: 0 2% 0 0;}
.three-quarters {width: 69%; margin: 0 5% 0 0;}

hr {margin: 1em 0 1em 0; background: #999999; width: 100%; height: 1px; color: #999999; border: 0; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px solid #999999;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: 0;}
	img.left, img.ImgLeft {float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px dotted #aaaaaa;}
	img.right, img.ImgRight {float: right; margin: 0 0 10px 10px; padding: 1px; border: 1px dotted #aaaaaa;}
	

/*--------------------------------------------------
	DEFAULT LINKS
--------------------------------------------------*/

a {color: #ff6600; text-decoration: none; cursor: pointer;}
	a:hover {color: #00143f;}
	a:focus {outline: none;}


/*--------------------------------------------------
	TABLES
--------------------------------------------------*/

table, td, th {border-collapse: collapse; vertical-align: top; text-align: left; font-size: 1em;}

table.Info {width: 100%;}

	table.Info td, table.Info th {font-size: 0.9em; padding: 2px 3px 2px 3px; border-bottom: 1px solid #cccccc;}

	table.Info th, table.Info td.Heading {font-weight: bold; color: #ffffff; background: #Ff6600;}


/*--------------------------------------------------
	DEFAULT HEADINGS
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: Helvetica, Arial, sans-serif; clear: both; background: #ffffff;}

h1, .h1 {font-size: 3.6em; font-weight: normal; color: #ffffff; background: #00143f; margin: 0; padding: 0; text-transform: uppercase;}

h2, .h2 {font-size: 2.9em; font-weight: normal; color: #999999; padding: 0 0 0.5em 0;}
	
h3, .h3 {font-size: 1.6em; font-weight: normal; color: #ff6600; padding: 0 0 0.5em 0; text-transform: uppercase;}

h4, .h4 {font-size: 1.4em; font-weight: normal; color: #999999; padding: 0 0 0.5em 0;}

h5, .h5 {font-size: 1.2em; font-weight: normal; color: #999999; padding: 0 0 0.5em 0;}

h6, .h6 {font-size: 1.0em; font-weight: bold; color: #00143f; padding: 0 0 1em 0;}


/*--------------------------------------------------
	DEFAULT LISTS
--------------------------------------------------*/

ul {margin: 0 0 1em 0; list-style: none;}

	ul li {margin: 0 0 0.4em 0; padding: 0 0 0 10px; background: transparent url(../images/bullet-ff6600.gif) 0 5px no-repeat;}

	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

	
/*-------------------------------------------------- 
Forms
--------------------------------------------------*/

form {font-size: 1em; margin: 0.5em 0 0 0;}

fieldset, legend {margin: 0; padding: 0; border: 0;}

label {float: left; margin: 0 5px 0 0; width: 120px; text-align: right;}

input, textarea, select {float: left; font: 1em Helvetica, Arial, sans-serif; color: #999999; margin: 0 0 3px 0; padding: 1px 2px 1px 2px; border: 1px dotted #aaaaaa; width: 180px;}

	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {border: 1px solid #ff6600;}

	textarea {overflow: auto; height: 100px;}
	
	select {padding: 0; width: 186px;}

	input.btn {border: none; color: #ff6600; background: transparent url(../images/bullet-ff6600.gif) 0 50% no-repeat; cursor: pointer; font-weight: bold; width: auto !important; text-align: left; padding: 0 0 0 10px; margin: 10px 0 0 0;}
		input.btn:hover {color: #00143f;}
		
	input.file {border: none; width: 100%;}
	
form br {clear: both; line-height: 0; height: 0;}

form .required {border: 1px solid #ff6600;}
.message {font-weight: bold; color: #ff6600;}

optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 20px;}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

form#news-form {float: right; margin: 0 0 10px 0;}
	form#news-form input {float: none; width: 150px; margin: 0 5px 0 0;}
		form#news-form input.btn {margin: 0; min-width: 50px; overflow: visible;}

/*--------------------------------------------------
	LAYOUT
--------------------------------------------------*/

#container {position: relative; width: 980px; margin: 0 auto; text-align: left;}

#header {float: left; position: relative; width: 980px; height: 230px; overflow: hidden; background: #00143f;}

	#logo {position: absolute; top: 25px; left: 40px; background: transparent url(../images/logo-lil.gif) 0 0 no-repeat; z-index: 1;}
		#logo a {display: block; width: 70px; height: 107px;}
			#logo a span {display: none;}

	#header h1 {position: absolute; left: 180px; bottom: 98px; width: 500px;}
	
	#header img {position: absolute; top: 0; right: 10px; width: 260px; height: 230px; display: none;}
	
	#header-overlay {position: absolute; top: 0; left: 0; width: 980px; height: 230px; background: transparent url(../images/header-overlay.png) 0 0 repeat;}
	
		* html #header-overlay {background: transparent url(../images/header-overlay.gif) 0 0 repeat;}
	
#main {float: left; width: 940px; background: transparent url(../images/bg-main.gif) 0 0 repeat-y; padding: 10px 0 0 0;}

#sidebar {float: left; width: 150px;}

#content {float: right; width: 760px; font-size: 1.2em; line-height: 1.3; margin: 0 0 20px 0; background: transparent url(../images/dots-ff6600-v.gif) 340px 0 repeat-y;}

#content-left {float: left; width: 320px;}

#content-right {float: right; width: 400px;}

	#content-right .panel {float: left; width: 368px; border: 1px dotted #ff6600; padding: 10px 10px 10px 20px;}

	#content-right .list {width: 358px; height: 300px; padding: 0 10px 0 0; overflow: auto; font-size: 0.9em;}

#curved-img {position: relative; width: 400px; height: 400px; overflow: hidden;}

	#curved-img #images {display: none; float: left;}
	
	#curved-img #curve {position: absolute; width: 70px; height: 70px; bottom: 0; left: 0; background: transparent url(../images/curve-bl-ffffff-70px.png) 0 0 repeat; z-index: 5;}

	* html #curved-img #curve {background: transparent url(../images/curve-bl-ffffff-70px.gif) 0 0 repeat;}

#images-nav {float: left; width: 396px; background: #eeeeee; margin: 0 0 5px 0; padding: 2px; list-style: none; overflow: hidden;}
	* html #images-nav {width: 400px;}

	#images-nav li {float: left; margin: 0; padding: 0;}
	#images-nav a {width: 128px; height: 34px; display: block; border: 2px solid #ffffff; display: block;}

	#images-nav a:hover, #images-nav a.activeSlide {border: 2px solid #00143f;}

	#images-nav img {width: 128px; height: 34px;}
	
#images-nav-empty {float: left; width: 396px; height: 34px; background: #ffffff; margin: 0 0 5px 0; padding: 2px; list-style: none; overflow: hidden;}
	* html #images-nav-empty {width: 400px; height: 34px;}


.date {font-weight: bold; color: #999999;}


dl.project-list {clear: both; float: left; width: 320px; margin: 0; padding: 3px 0 3px 0; border-top: 1px dotted #ffffff; border-bottom: 1px dotted #ffffff;}
	
	dl.project-list:hover {border-top: 1px dotted #aaaaaa; border-bottom: 1px dotted #aaaaaa;}
	
	dl.project-list dt {float: left; width: 190px; padding: 0 10px 0 0; margin: 0;}

		dl.project-list dt a {color: #00143f;}
			dl.project-list dt a:hover {color: #ff6600;}
		
		dl.project-list dt ul {margin: 0;}
		dl.project-list dt li {margin: 0;}

	dl.project-list dd {float: left; width: 120px; padding: 0; margin: 0;}

		dl.project-list dd a {color: #999999;}
			dl.project-list dd a:hover {color: #ff6600;}

	dl.project-list.h4, dl.project-list.h4:hover {border: 0;}
	
dl#project-info {width: 100%; margin: 0 0 10px 0; padding: 5px 0 0 0; font-size: 0.9em; border-top: 1px dotted #aaaaaa; border-bottom: 1px dotted #aaaaaa;}

	dl#project-info dt {width: 25%; margin: 0 0 5px 0; padding: 0; float: left; font-weight: bold; color: #999999;}
	
	dl#project-info dd {margin: 0 0 5px 0; padding: 0;}
	

dl.phone {clear: both; float: left; width: 100%; margin: 0; padding: 0;}
	dl.phone dt {float: left; width: 10%; margin: 0; padding: 0;}
	dl.phone dd {float: left; width: 90%; margin: 0; padding: 0;}
	

.news-img {width: 155px; float: right; margin: 0 0 10px 10px; font-size: 0.9em; color: #999999; text-align: right;}
	.news-img img {width: 150px; padding: 1px; margin: 0 0 3px 0; border: 1px dotted #aaaaaa;}


ul.bottom-links {clear: both; float: left; width: 100%; margin: 20px 0 1px 0; padding: 0.4em 0 0 0; font-size: 1em; font-weight: bold; border-top: 1px dotted #aaaaaa; border-bottom: 1px dotted #aaaaaa;}


#bottom {clear: both; float: left; width: 940px; background: transparent url(../images/bg-main.gif) 0 0 repeat-y;}

#brandline {float: right; background: transparent url(../images/brandline.gif) 0 0 no-repeat; display: block; width: 236px; height: 26px;}
	#brandline span {display: none;}

#footer {float: left; width: 940px; color: #999999; font-size: 1em;}

	#footer a {color: #999999;}
		#footer a:hover {color: #ff6600;}
	#footer .floatleft {width: 150px; padding: 20px 0 30px 0; text-align: center;}
	#footer .floatright {padding: 20px 0 30px 0;}
	#footer .copyright {font-size: 1.1em;}

/*--------------------------------------------------
	TOP NAV
--------------------------------------------------*/

#nav {float: right; padding: 15px 30px 0 0;}

/*** ESSENTIAL STYLES ***/
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
	.nav {line-height: 1em;}
	
.nav ul {position: absolute; top: -999em; width: 150px;}
	
.nav li {float: left; position: relative; z-index: 10; width: auto;}
	.nav li li {width: 100%;}

.nav a {display: block;}

.nav li:hover ul, ul.nav li.sfHover ul {left: -1px; top: 24px;}

.nav li:hover li ul, .nav li.sfHover li ul {top: -999em;}

.nav li li:hover ul, ul.nav li li.sfHover ul {left: 150px; top: -1px;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ACTUAL SKIN ***/
.nav {float: left; font-size: 1.2em;}

.nav ul {border: 1px solid #ffffff; border-bottom: none}

.nav li {font-weight: normal; text-transform: uppercase; border-left: 1px solid #999999; background: none;}

.nav li a {color: #00143f; padding: 0 8px 12px 8px; line-height: 13px;}

.nav li:hover, .nav li.sfHover, .nav li a:hover {color: #ff6600;}

.nav li li {border-left: 0; border-bottom: 1px solid #ffffff; color: #ffffff; background: #ff6600; font-weight: normal; text-transform: none;}

.nav li li a {color: #ffffff; padding: 0.5em 8px 0.5em 8px; width: 134px; line-height: 1.1em;}

.nav li li:hover, .nav li li.sfHover, .nav li li a:hover {color: #00143f; background: #ff6600;}


/*--------------------------------------------------
	LHS NAV
--------------------------------------------------*/

#nav2 {padding: 0 0 0 20px; height: 290px;}

#nav3 {padding: 0 0 0 20px;}

/*** ESSENTIAL STYLES ***/
.nav2, .nav2 * {margin: 0; padding: 0; list-style: none;}
	.nav2 {line-height: 1em;}
	
.nav2 ul {position: absolute; top: -999em; width: 180px;}
	.nav2 ul li {width: 100%;}
	
.nav2 li {float: left; position: relative; z-index: 10; width: auto;}
	.nav2 li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}

.nav2 a {display: block; position: relative;}

.nav2 li:hover ul, ul.nav2 li.sfHover ul {left: 130px; top: -1px;}

.nav2 li:hover li ul, .nav2 li.sfHover li ul {top: -999em;}

.nav2 li li:hover ul, ul.nav2 li li.sfHover ul {left: 180px; top: -1px;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ACTUAL SKIN ***/
.nav2 {float: left; font-size: 1.2em; margin: 0 0 20px 0;}

.nav2, .nav2 li {width: 130px;}
	.nav2 li ul, .nav2 li li, .nav2 li li ul, .nav2 li li li {width: 180px;}

.nav2 ul {border: 1px solid #ffffff; border-bottom: 0; background: #ff6600;}

.nav2 li {font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #ffffff; background: none;}

.nav2 li a {color: #ffffff; padding: 7px 10px 6px 0; background: transparent;}

.nav2 li:hover, .nav2 li.sfHover, .nav2 li a:hover {color: #00143f; background: transparent;}

.nav2 li li {background: #ff6600; font-weight: normal; text-transform: none;}

.nav2 li li a {color: #ffffff; padding: 7px 10px 6px 10px;}

.nav2 li li:hover, .nav2 li li.sfHover, .nav2 li li a:hover {color: #00143f; background: transparent;}