@charset "UTF-8";
/* CSS Document */


/* R E S E T */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/* M I S C */

body{
	color: #34474f;
	font: normal 14px/22px Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
}

p {
	margin: 0px 0px 18px 0px;
}

blockquote {
	padding-left: 12px;
	padding-top: 10px;
	margin: 10px 0px;
	color: #536b75;
	font-style: oblique;
	font-size: 13px;
	border-top: 1px solid #e4ebee;
}

blockquote.right {
	float: right;
	width: 250px;
	padding-left: 10px;
	padding-top: 10px;
	margin: 10px 0 10px 20px;
	color: #536b75;
	font-style: oblique;
	font-size: 13px;
	border-top: 1px solid #e4ebee;
}

blockquote.left {
	float: left;
	width: 250px;
	padding-left: 10px;
	padding-top: 10px;
	margin: 10px 20px 10px 0;
	color: #536b75;
	font-style: oblique;
	font-size: 13px;
	border-top: 1px solid #e4ebee;
}




a {
	color: #ff9900;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover{
	text-decoration: underline;
}

.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h2 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	color: #3f7084;
	text-align: left;
	display: block;
}


h3 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	color: #3f7084;
	text-align: left;
	display: block;
}









/* L A Y O U T */

#main-container {
	width: 100%;
	z-index: 0;
}

#header-wrap {
	background: url(../images/bg-header.gif) repeat-x top;
	width: 100%;
	height: 120px;	
}


#top-container {
width: 960px;
height: 37px;
background: url(../images/bg-top.gif) repeat-x top;
margin: 0 auto;
}



#icons {
float: right;
padding: 8px 6px 0 0;
color: #e6e6d8;
}

#icons ul {
margin : 0;
padding : 0;
}

#icons ul li {
display : inline;
padding : 0 5px 0 0;
}

#container-wrap {
	z-index: 0;
	margin: 0 auto;
	background: url(../images/bg-body.gif) repeat-y center center;
}

#content-top {
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/bg-body-top.gif) no-repeat center top;
	z-index: 0;
	padding-top: 35px;
	padding-bottom: 0px;
}

.container {
	width: 940px;
	margin: 0 auto;
}

.pics {
height: 264px;
}

#content-bottom {
	width: 100%;
	height: 122px;
	background: url(../images/bg-body-bottom.gif) no-repeat center top;
	margin: 0 auto;
	clear: both;

}

img.right
{
	float: right;
	padding: 0 0 0 10px;
}


img.left
{
	float: left;
	padding: 0 10px 0 0;
}


ul.display {
	margin: 18px 0 0 30px;
	padding: 0;

}

ul.display li {
	display: block;
	padding: 0 0 0 25px;
	background:url("../images/arrow.gif") no-repeat top left;

}



ul.display-noindent {
	margin: 18px 0 0 0;
	padding: 0;

}

ul.display-noindent li {
	display: block;
	padding: 0 0 0 25px;
	background:url("../images/arrow.gif") no-repeat top left;

}


/*  L A Y O U T  /  home  */


#home-container {
	padding-top: 10px;
}

#home-container-left {
	float: left;
}

#home-container-left h1 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height: 40px;
	color: #3f7084;
	text-align: left;
	padding-left: 10px;
	width: 600px;
	height: 40px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e6e6e6;
}

#home-container-left #content {
	padding: 20px;
	width: 560px;
}

#home-container-right {
	margin-left: 642px;
	text-align: right;
}



/*  L A Y O U T  /  secondary  */


#secondary-container {
	padding-top: 0;
	padding-bottom: 0;
}

#secondary-container-left {
	float: left;
	
}

#secondary-container-left h1 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height: 40px;
	color: #3f7084;
	text-align: left;
	padding-left: 10px;
	width: 640px;
	height: 40px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #e6e6e6;
}

#secondary-container-left h1 span {
	color: #b2b2b2;
}

#secondary-container-left #content {
	padding: 20px;
	width: 600px;
}

#secondary-container-left #content h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
	color: #34474f;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#secondary-container-left #content h3 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	color: #3f7084;
	text-align: left;
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#secondary-container-left #content h3 a, #secondary-container-left #content h3 a:hover { color: #3f7084; }

#secondary-container-right {
	margin-left: 680px;
	text-align: left;
	background: url(../images/bg-secondary-container-right.gif) repeat-y left;
	width:250px;
}

#secondary-container-right-noshade {
	margin-left: 680px;
	text-align: left;
}

#secondary-container-right-noshade h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	line-height: 28px;
	color: #34474f;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#secondary-container-right #navigation li {
	margin: 0 10px 10px 0;
	width: 250px;
}

#secondary-container-right #navigation li a {
	color: #ff9900;
	padding: 10px 0 10px 30px;
}

#secondary-container-right #navigation li a:hover {
	color: #376374;
	text-decoration: none;
}

#secondary-container-right #navigation li a.current {
	background: url(../images/bg-right-navigation.gif) no-repeat left;
	color: #376374;
}

#secondary-container-right #navigation li.top {
	background: url(../images/bg-secondary-container-right-top.gif) no-repeat left;
	height: 35px;
	color: #376374;
}

#secondary-container-right #navigation li.bottom {
	background: url(../images/bg-secondary-container-right-bottom.gif) no-repeat left;
	height: 40px;
	color: #376374;
}


.portfolio-thumb-left {
float: left;
width: 404px;
}

.portfolio-desc-left {
text-align: left;
margin-left: 404px;
vertical-align: top;
padding-top: 30px;
}

.portfolio-thumb-left2 {
float: left;
width: 300px;
}

.portfolio-desc-left2 {
text-align: left;
margin-left: 350px;
vertical-align: top;
padding-top: 60px;
}

.portfolio-desc-right {
float: left;
text-align: left;
vertical-align: top;
padding-top: 20px;
width: 240px;
}

.portfolio-thumb-right {
margin-left: 240px;
}


.portfolio-bevel {
width: 100%;
height: 1px;
border-bottom: 1px solid #dcdcdc;
padding-top: 10px;
margin-bottom: 10px;
}

/*  T O P  N A V I G A T I O N  */


/* navigation */

#top-navigation-wrap {
	margin: 0 auto;
	background:url(../images/top-navigation.gif) no-repeat;
	width:960px;
	height:83px;	 
	padding:0;
}

#top-navigation span {
	display: none;
}

#top-navigation li {
	float: left;
	list-syle: none;
}


#top-navigation li, #top-navigation a {
height:83px;
display:block;
}

#top-navigation li {
	float:left;
	list-style:none;
	display:inline;
}

#top-navigation-01 {width: 273px;}
#top-navigation-02 {width: 131px;}
#top-navigation-03 {width: 202px;}
#top-navigation-04 {width: 164px;}
#top-navigation-05 {width: 190px;}

#top-navigation-01 a:hover {background:url(../images/top-navigation.gif) 0px -83px no-repeat; }
#top-navigation-02 a:hover {background:url(../images/top-navigation.gif) -273px -83px no-repeat; }
#top-navigation-03 a:hover {background:url(../images/top-navigation.gif) -404px -83px no-repeat; }
#top-navigation-04 a:hover {background:url(../images/top-navigation.gif) -606px -83px no-repeat; }
#top-navigation-05 a:hover {background:url(../images/top-navigation.gif) -770px -83px no-repeat; }

#top-navigation-01 a.current {background:url(../images/top-navigation.gif) 0px -166px no-repeat; }
#top-navigation-02 a.current {background:url(../images/top-navigation.gif) -273px -166px no-repeat; }
#top-navigation-03 a.current {background:url(../images/top-navigation.gif) -404px -166px no-repeat; }
#top-navigation-04 a.current {background:url(../images/top-navigation.gif) -606px -166px no-repeat; }
#top-navigation-05 a.current {background:url(../images/top-navigation.gif) -770px -166px no-repeat; }


#top-navigation li ul {	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 10000;
}

#top-navigation li ul.what{
	background: url(../images/bg-dropdown-what.png) no-repeat transparent;
	width: 262px;
	height: 360px;
	padding-top: 27px;
}


#top-navigation li ul.what li {	
	float: none;
	display: inline;
}

#top-navigation li ul.what li a {	
	width: 200px;
	height: 27px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #4d4d4d;
	line-height: 23px;
	background: url(../images/arrow.png) no-repeat 25px center transparent;
	padding-left: 45px;
	border-bottom: 0;
	border: none;

}

#top-navigation li ul.what li a:hover {	
	color: #ff9900;
	background: url(../images/arrow-orange.png) no-repeat 25px center transparent;
	padding-left: 45px;
	border-bottom: 0;
}


#top-navigation li ul.how{
	background: url(../images/bg-dropdown-how.png) no-repeat transparent;
	width: 262px;
	height: 118px;
	padding-top: 27px;
}

#top-navigation li ul.how li {	
	float: none;
	display: inline;
}

#top-navigation li ul.how li a {	
	width: 200px;
	height: 27px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #4d4d4d;
	line-height: 23px;
	background: url(../images/arrow.png) no-repeat 25px center transparent;
	padding-left: 45px;
	border-bottom: 0;
	border: none;

}

#top-navigation li ul.how li a:hover {	
	color: #ff9900;
	background: url(../images/arrow-orange.png) no-repeat 25px center transparent;
	padding-left: 45px;
	border-bottom: 0;
}


/*   B I L L B O A R D  S L I D E  C O N T R O L S   */

#nav a { margin: 0 auto; padding: 8px; background: url(../images/nav-off.gif) no-repeat; text-decoration: none; }
#nav a.activeSlide { background: url(../images/nav-on.gif) no-repeat; }
#nav a:focus { outline: none; }
#output { text-align: center; }
#nav { text-align: center; }



/*   I N F O   S L I D E    */


#info-slide {
	height: 100%;
	width: 940px;
	padding-top: 20px;
	
}

#info-slide h1 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	line-height: 40px;
	color: #b1b0ad;
	text-align: center;
	width: 940px;
	height: 40px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 3px;
	background-color: #f6f4f2;
	border-bottom: 1px solid #e6e6e6;
}

#info-slide h1 span {
	color: #376374;
}

#info-slide-background {
	width: 940px;
	height: 210px;
}

.info-slide-col1 {
	padding: 20px 30px 20px 30px;
	float: left;
	width: 250px;
	text-align: left;
}

.info-slide-col2 {
	padding: 20px 30px 20px 30px;
	float: left;
	width: 250px;
	text-align: left;
}

.info-slide-col3 {
	padding: 20px 20px 20px 30px;
	float: left;
	width: 250px;
	text-align: left;
}

#info-slide-bottom {
	background: url(../images/info-slide-bottom.gif) no-repeat;
	width: 940px;
	height: 28px;
}


div.portraits {
	float: left;
	margin-right: 40px;
	width: 160px;
}

div.portraits-border {
	border: 10px solid #eee;
	width: 100px;
	height: 67px;
}

div.portraits-text {
	margin-top: 10px;
}

.clear-portraits {
	clear: both;
	padding-top: 10px;
	margin-bottom: 20px;
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

span.phone {
display: inline;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* T A B B E D  N A V  */
/* content > tabbed panels */



/*
ul.tab-navigation {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
list-style: none;
margin: 0;
padding-top: 10px;
}

ul.tab-navigation li {
display: inline;
margin: 0;
padding: 0;
}

ul.tab-navigation li a {
padding: 7px 10px;
background-color: #ebebeb;
color: #3f7084;
text-decoration: none;
margin: 0;
font-weight: bold;
}

ul.tab-navigation li a.selected,
ul.tab-navigation li a:hover {
background-color: #ff9900;
color: #fff;
font-weight: bold;
}

ul.tab-navigation li a:focus {
outline: 0;
}

div.tabs > div {
padding-top: 20px;
margin: 0;
border: 0;
}

div.tabs > div h2 {
margin: 0;
padding: 0;
}

#first {
height: 100%;
width: 100%;
}

#second {
height: 100%;
width: 100%;
}

#third {
height: 100%;
width: 100%;
}

*/


.tabs {
    /*float:left;*/
    width:100%;
    }
  .tabs ul.tabs-list {
    margin:0;
    list-style:none;
    }
  .tabs ul.tabs-list li {
    float:left;
    margin-right: 5px;
	margin-bottom: 10px;
    }
  .tabs ul.tabs-list a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    float:left;
    display:block;
    text-decoration:none;
    font-weight:bold;
	color: #3f7084;
    background: #ebebeb;
	padding: 5px 10px;
    }
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs ul.tabs-list a {float:none;}
  /* End IE5-Mac hack */
  .tabs ul.tabs-list a:hover {
    color:#333;
    }
  .tabs ul.tabs-list .current {
    border-width:0;
    }
  .tabs ul.tabs-list .current a {
    color:#fff;
	background: #ff9900;
    padding-bottom:5px;
    }



    .js .tabs .current-info,
    .js .tabs .accessibletabsanchor,
    .js .tabs .tabhead /*position each individual tab's heading (default class .tabhead) off-screen*/ {
        position:absolute;
        left:-999em;
    }
    .js .tabs .content{
        clear:both;
    }
    .js .tabs{
    }
	
    .tabs{
    }


/* F O R M  */

fieldset.form-left {
border: none;
margin: 0;
padding-top: 2px;
}

.form-left input, .form-right button {
border: none;
float: left;
}

.form-left input.box {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 190px;
padding: 4px 7px;
margin-right: 6px;
border: 1px solid #254b5a; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.form-left input.box:focus {
background: #b5eaf2;
outline: none;
}

.form-left button.button {
width: 57px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
background: #860020 url(../images/login.gif) no-repeat top right;	
}

.form-left textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 190px;
height: 60px;
padding: 4px 7px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff;
font-weight: bold;
color: #666;
resize: none;
}

.form-left textarea:focus {
background: #e8fbff;
outline: none;
} 

select .form-left {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 190px;
padding: 4px 7px;
margin-right: 6px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.submit-right {
padding-top: 10px;
text-align: center;
}



fieldset.form-main {
border: none;
margin: 0;
padding-top: 2px;
}

.form-main input, .form-main button {
border: none;
}

.form-main input.box {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
width: 550px;
padding: 10px 15px;
margin-right: 6px;
border: 1px solid #d2d2d2; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.form-main input.box:focus {
background: #e8fbff;
outline: none;
}

.form-main button.button {
width: 57px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
background: #860020 url(../images/login.gif) no-repeat top right;	
}

.form-main textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
width: 550px;
height: 60px;
padding: 10px 15px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff;
font-weight: bold;
color: #666;
resize: none;
}

.form-main textarea:focus {
background: #e8fbff;
outline: none;
} 

.submit-main {
padding-top: 20px;
float: right;
padding-right: 50px;
}



/* I F R A M E  */

#outerdiv
{
width:100%;
height:100px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-185px;
left:-310px;
width:1280px;
height:1200px;
}		
								
/*  F O O T E R  */

#footer-wrap {
	width: 100%;
	height: 100%;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: .75px;
	background-color: #376374;
	overflow: hidden;
}

#footer {
	background-image: url(../images/footer-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 940px;
	margin: 0 auto; 
	overflow: hidden;
}

#footer-sections-wrap {
	padding: 20px;
	margin: 0 auto;
}

.footer-section-nav {
	border-top: 1px solid #48798c;
	float: left;	
	width: 25%;
	margin-right: 26px;
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: transparent;
}

.footer-section-about {
	border-top: 1px solid #48798c;
	float: left;	
	width: 45%;
	margin-right: 26px;
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: transparent;
}

.footer-section-contact {
	border-top: 1px solid #48798c;
	float: left;	
	width: 20%;
	margin-right: 26px;
	padding-top: 5px;
	padding-bottom: 20px;
	background-color: transparent;
}


.footer-section-nav h1, .footer-section-about h1, .footer-section-contact h1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #b5eaf2;
	font-weight: normal;
}

a.sections-main:link, a.sections-main:visited, a.sections-main:hover {
	font-size: 100%;
	color: #231f20;
	text-decoration: none;
	border-bottom: 0;
	background-color: transparent;
}

a.sections:link, a.sections:visited {
	font-size: 100%;
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
}

a.sections:hover {
	font-size: 100%;
	color: #ffff00;
	text-decoration: none;
	border-bottom: 1px solid #ffff00;
}

.bevel{
	background: url(../images/footer-bevel.gif) repeat-x;
	height: 2px;
	width: 100%;
	border: 0;
	padding: 10px 0 10px 0;
}

#footer-copy {
	margin-bottom: 10px;
	text-align: center;
	color: #b5eaf2;
}

#footer-copy a {
	font-size: 100%;
	color: #ff9900;
	text-decoration: none;
	border-bottom: 0;
}

#footer-copy a:hover {
	color: #b5eaf2;
	text-decoration: none;
	border-bottom: 1px solid #ff9900;
} 

#bottom-ribbon {
	border-top: 1px solid #b5eaf2;
	height: 20px;
	background-color: #57abc1;
}