/* styles for thorco
=  ingrid ankerson, ankerson.com
=  december 2008
=============== */

body {
font-size: 62.5%;
color: #333;
background-color:#aab4bb;
font-family: Helvetica, Arial, "HelveticaNeue",  Sans-Serif;
margin: 0px; 
}

div, ul, li, p,
h1,h2,h3,h4,h5
ol, ul, td  {
font-family: Helvetica, Arial, "HelveticaNeue",  Sans-Serif;
padding: 0;
margin: 0;
}

a {
color:#666;
}

a:hover {
color:#006666;
}

.access {display: none;}
.clr {clear: both;}
li {list-style-type: none;}

/* General 
=============== */

#bkg {
background-image:url(art/bkg.gif);
background-repeat:repeat-y;
background-position:center;
width:100%;
}

#wrapper {
text-align: left;
margin: 0 auto;
position: relative;
width: 792px;
background-color: #fff;
}

#address_foot {
	clear:both;
margin: 0 auto;
position: relative;
width: 909px;
height:30px;
background-image:url(art/footer_address.gif);
}

/* Header 
=============== */

#logo {
display: block;
width: 792px; padding-top: 96px;
height: 0; overflow: hidden;
background-position: top left;
background-repeat: none;
}




/* Nav 
=============== */

#nav {
height: 33px;
z-index: 500;
}
#nav li {
width: 132px;
text-align:center;
position: relative;
color: #fff;
float: left; display: inline;
z-index: 500;
}

#nav_home a {background-color: #02805D;}
#nav_expertise a {background-color: #085f9e;}
#nav_innovation a {background-color: #5dae37;}
#nav_technology a {background-color: #726d18;}
#nav_resources a {background-color: #5c2e72;}
#nav_services  a {background-color: #eaa835;}

.expertise #subnav a {color: #085f9e;}
.expertise #subnav a:hover {color:#2b83c3;}
.innovation #subnav a {color: #5dae37;}
.innovation #subnav a:hover {color: #99cf4b;}
.technology #subnav a {color: #958800;}
.technology #subnav a:hover {color: #c1b004;}
.resources #subnav a {color: #5c2e72;}
.resources #subnav a:hover {color: 80479c;}
.services  #subnav a {color: #eaa835;}
.services  #subnav a:hover {color: #ffc001;}

#nav li a {
display: block;
height: 27px!important;
padding-top: 10px;
letter-spacing: .1em;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
font-family: "Times New Roman", Times, Serif;
color: #fff;
text-decoration: none;
}

#nav ul {
position: absolute;
width: 132px;
left: -999em;
background-color: #fff;
}
#nav li:hover ul,
#nav li.hover ul {
left: 0!important;
display: block;	/*ie7*/
}

#nav ul li a {
font-style: normal;
color: #000;
letter-spacing: 0;
font-family: Helvetica, Arial, "HelveticaNeue", Sans-Serif;
height: 1.5em!important;
padding: .5em 0!important;
background-color: #fff!important;
font-weight: normal;
font-size: 1.2em;
}


#nav ul li a:hover {
background-color: #D8D8D8!important;
}


/* General layout 
=============== */
#content {
padding: 0;
}


#main {
float:right;display: inline;
}

.list li{
font-size:1.3em;
padding: .4em 0!important;
margin-left:1.2em;
list-style-type:disc;
font-weight:bold;
}


/*  main div width: 
=== 792 - image - 2x padding  */

.home #main {
width: 235px;
padding: 20px 15px;
display: inline;
}

.landing #main {
width: 235px;
padding: 20px 15px;
display: inline;
}

/*
.expertise #main {
float: left;
width: 340px;
padding: 20px 35px;
}


.innovation #main {
float: right;
width: 307px; /*377
padding: 20px 35px;
}


*/

.technology #main {
float: left;
width: 317px; /*398*/
padding: 20px 35px;
}

.resources #main {
float: right;
width: 195px; /*265*/
padding: 20px 35px;
}


.services #main {
float: left;
width: 370px; /*440*/
padding: 20px 35px;
}


.home #logo {
background-image: url(art/hdr_home.gif);
}
.landing #logo {
background-image: url(art/hdr_home.gif);
}
.expertise #logo {
background-image: url(art/hdr_expertise.gif);
}
.technology #logo {
background-image: url(art/hdr_technology.gif);
}
.innovation #logo {
background-image: url(art/hdr_innovation.gif);
}
.services #logo {
background-image: url(art/hdr_services.gif);
}
.resources #logo {
background-image: url(art/hdr_resources.gif);
}

.contact #logo {
background-image: url(art/hdr_services.gif);
}


#side_image {
position: relative;
float: left; display: inline;
}
.home #side_image {
height: 550px;
}

.landing #side_image {
height: 550px;
}
/* General item styling
=============== */
#content p {
font-size: 1.3em;
line-height: 1.8em;
}

#home {
font-size: 1.15em;
}

#landing {
font-size: 1.05em; text-align:justify;
}

#content p img.inline {
float: left;display: inline;
padding: 5px 5px 5px 0;
}
#content h2 {
text-transform: uppercase;
line-height: 2em;
width: 200px;
margin: 0 0 1em 0;
color: #666;
font-size: 1.4em;

}
#subnav {
width: 145px;
padding: .3em 1em .5em;
float: right;display: inline;
}
.technology h2 {
width: 165px!important;
}
.technology #subnav {
width: 130px;
}
.innovation h2 {
width: 160px!important;
}
.innovation #subnav {
width: 120px;
}
#subnav li {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 1em;
text-align: center;
}

/* Home Slideshow */

#slides {
position:absolute;
left: 0; top: 0;
width: 527px; height: 550px;

}

#slides img {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}

#slides img.active {
z-index:10;
opacity:1.0;
}

#slides img.last-active {
z-index:9;
}


/* Footer
=============== */

#footer {
background-image:url(art/marmon_logo-ftr.gif);
background-repeat:no-repeat;
padding: .5em 0 1em;
clear: both;
margin: 5em auto;
position: relative;
width: 285px;
text-align:center;
}

#footer a {
color: #666;
text-decoration: none;
margin-right: .5em;
}

#footer a:hover {
text-decoration: underline;
}




/* Forms
=============== */
form p {
margin: .8em 0;
clear: both;
}

label {
color: #666;
}
form label {
display: block;
line-height: 1.2em;
}
form label.checkbox_label {
display: inline;
vertical-align: middle;
}
input.checkbox,
input.radio  {
vertical-align: middle;
margin: 0 .3em 0 0!important;
}
input.text, textarea {
margin: 1px;
padding: 2px;
border: 1px solid #999;
}
input.required, textarea.required {
background: #fff url('art/required.gif') center right no-repeat;
}
input.text:focus,
textarea:focus {
padding: 1px;
border: 2px solid #6FADDF;
}
textarea:focus {
padding: 3px;
}
form .error {
color: #900;
}
textarea {
font-size: 1em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
padding: 4px;
}
textarea.code {
font-family: Monaco,"Courier New",Courier,monospace;
font-size: .9em;
}

input.invalid {
background-color: #fcc;
border-color: #844;
}
p.invalid {
color: #a00;
font-weight: bold;
}

.big_field input {
font-size: 1.3em;
font-weight: bold;
}
.medium_field input {
font-size: 1.1em;
font-weight: bold;
}
.col1,
.col2,
.col3 {
margin:0.5em 0;
}
.col1 {
float: left;
clear: left;
}
.col2 {
float: left;
clear: none;
padding-left: 1em;
}
.col3 {
float: left;
clear: none;
padding-left: 3em;
}
.contact form {
margin: 15px;
}

.contact form h3 {
font-size: 1.4em;
margin-top: 1em;
}






/* Thumbnail lightbox
=============== */

.expertise #main {
float: left;
width: 330px; /*440*/
padding: 20px 35px;
}

.expertise #side_image {
width: 390px;
}


.innovation #main {
float: left;
width: 329px; /*440*/
padding: 10px 20px;
}

.innovation #side_image {
width: 423px;
}


.thumbnails a {
float: left; display: inline;
padding: 1px;
}

.thumbnails a img {
border: 1px solid #fff;
}

.thumbnails a:hover img {
border: 1px solid #666;
}



/* LIGHTBOX
============== */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
 
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 590;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 600;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}