@import 'reset.css';

/*
--------------------------------------------------
--------------------------------------------------
				  Godby Group
				 AJD | 05-05-08
--------------------------------------------------
-COLORS
	-orange:	E68F1A (about | contact)
	-red:		d8363a (history)
	-green:		54b948 (services)
	-blue:		0779bf (work)
--------------------------------------------------
--------------------------------------------------
*/

body{
	background-color: #ffffff;
	font: 1.0em/1.2 "Gill Sans", "Gill Sans MT", "Trebuchet MS", Geneva, Verdana, Tahoma, sans-serif;
}

#container{
	width: 960px;
	width: 60em;
	margin: 0 auto;
}
		
/*DEV #container div{outline: 1px solid red;} */


em{
	font-style: normal;
	font-weight: bold;
	word-spacing: -0.125em;
}

p{
}

a, a:active{
	color: blue;
}

a:hover, a:visited{
	color: #E68F1A;
}

/*-------   Header  --------*/

#header{
	width: 100%;
}

/*-------   Homepage Specifics  --------*/

body#home #container{
	background: transparent url('images/home.bg.jpg')  top center;
	height:768;
}

body#home h1{
	width: 338px;
	height: 146px;
	margin: 0 auto;
	padding: 40px 0 20px 0
}

body#home #content{
	background-color: #ffffff;
	min-height: 7.5em;
	padding: 2.5em;
	overflow: auto;
}

body#home #content p{
	float: left;
	width: 30em;
	padding-top: 1.5em;
	font-size: .85em;
}

body#home #footer{
	margin-top: 11.5em;
}

/*-Menu-*/

body#home ul#menu{
	float: left;
	width: 13.75em;
	margin: 0 .5em 0 7.75em;
	text-align: right;
}

body#home ul#menu li{
	height: 1.85em;
	padding-right: 2.5em;
}

body#home ul#menu li a{
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	background: transparent url('images/home_menu.bg.gif') -500px -200px no-repeat;
	color: #000000;
	font: bold 1.0em/1.85em "Lucida Grande", Helvetica, Arial, sans-serif;
	text-decoration: none;
}

body#home ul#menu li a span{
	display: block;
	height: 1.85em;
	border-top: 1px solid #ccc;
	cursor: pointer;
	cursor: hand;
	padding-right: 0.5em;
}

body#home ul#menu li.lastChild a span{
	border-bottom: 1px solid #ccc;
}

body#home ul#menu li a:hover{
	color: white;
	padding-right: 3em;
	background: transparent url('images/home_menu.bg.gif') 0 -2px no-repeat;
}

body#home ul#menu li#workLink a:hover{
	background: transparent url('images/home_menu.bg.gif') 0 -37px no-repeat;
}

body#home ul#menu li#servicesLink a:hover{
	background: transparent url('images/home_menu.bg.gif') 0 -72px no-repeat;
}

body#home ul#menu li#historyLink a:hover{
	background: transparent url('images/home_menu.bg.gif') 0 -107px no-repeat;
}

body#home #images{
	background-color: #ffffff;
	min-height: 7.5em;
	padding: 2.5em;
	overflow: auto;
}


/*-------   Secondary Pages Specifics  --------*/

body.sub #header{
	height: 14.375em;
	overflow: auto;
}

body.sub span.title{
	font-weight: bold;
	text-transform: uppercase;
}

body.sub #content{
	margin: 3em 0 3em 5.25em;
}

body.sub #primary p, body#contact #secondary p{
	color: #515054;
	line-height: 1.7;
	font-size: 0.9em;
	margin-bottom: 2em;
	
}

body.sub h1 a{
	display: block;
	margin: 1.25em 0 0 41.3em;
	background: transparent url('images/logos.sub.gif') top left no-repeat;
	text-indent: -9999em;
	width: 240px;
	height: 56px;
}

body.sub #container h1 a:hover{
	background: transparent url('images/logos.sub.gif') top left no-repeat;
}

body.sub h2{
	color: #929598;
	font-size: 4em;
	line-height: 0.85;
	margin-left: 0.5em;
}

body.sub h2 span{
	color: #58595b;
	display: block;
}

body.sub #content .pullout{
	color: #ffffff;
	background: transparent url('images/history.pullout_bg.gif') top left no-repeat;
	margin: 0 0 4em 24em;
	padding: 1.25em;
	font-style: italic;
	line-height: 1.7;
	height: 203px;
}


body.sub #content .pullout a{
	color: #E68F1A;
}

body.sub #content .pullout a:hover{
	color: white;
}


body.sub #content .pullout span.title{
	color: white;
	font-style: normal;
}


/* -About Page- */

body#partners #container{
	background: transparent url('images/about.bg.jpg') 0 14.375em no-repeat;
}

body#partners h1 a{
	background: transparent url('images/logos.sub.gif') 0 0 no-repeat;
}

body#partners #header{
	background: white url('images/header.about.gif') top left no-repeat;
}

body#partners ul#menu li#partnersLink a{
	color: #ccc;
}

body#partners ul#menu li#partnersLink a:hover{
	background: white;
}

body#partners #footer p.copyright{
	background-color: #E68F1A;
}

body#partners span.title{
	color: #E68F1A;
}

body#partners #content{
	margin-left: 2em;
	margin-right: 2em;
}

body#partners #secondary{
}

body#partners #primary img{
	padding: 1em 0 2em 0;
}

body#partners tbody.p{
	margin: 0 auto;
}

/* ----------------- */


/* -History Page- */

body#history #container{
	background: transparent url('images/history.bg.jpg') 0 14.375em no-repeat;
}

body#history h1 a{
	background: transparent url('images/logos.sub.gif') 0 -166px no-repeat;
}

body#history #header{
	background: white url('images/header.history.gif') top left no-repeat;
}

body#history ul#menu li#historyLink a{
	color: #ccc;
}

body#history ul#menu li#historyLink a:hover{
	background: white;
}

body#history #footer p.copyright{
	background-color: #d8363a;
}

body#history span.title{
	color: #d8363a;
}

body#history #primary{
	width: 22em;
	padding-right: 2em;
}


/* ----------------- */

/* -services Page- */

body#services #container{
	background: transparent url('images/services.bg.jpg') 0 14.375em no-repeat;
}

body#services h1 a{
	background: transparent url('images/logos.sub.gif') 0 -111px no-repeat;
}

body#services #header{
	background: white url('images/header.services.gif') top left no-repeat;
}

body#services ul#menu li#servicesLink a{
	color: #ccc;
}

body#services ul#menu li#servicesLink a:hover{
	background: white;
}

body#services #footer p.copyright{
	background-color: #54b948;
}

body#services span.title{
	color: #54b948;
}

body#services #primary{
	width: 24em;
	padding-right: 2em;
}

body#services #secondary img{
	padding: 0  0 5em 2em;
}

/* ----------------- */

/* -Work Page- */

body#portfolio #container{
	background: transparent url('images/work.bg.jpg') 0 14.375em no-repeat;
}

body#portfolio h1 a{
	background: transparent url('images/logos.sub.gif') 0 -56px no-repeat;
}

body#portfolio #header{
	background: white url('images/header.work.gif') top left no-repeat;
}

body#portfolio ul#menu li#workLink a{
	color: #ccc;
}

body#portfolio ul#menu li#workLink a:hover{
	background: white;
}

body#portfolio #footer p.copyright{
	background-color: #0779bf;
}

body#portfolio span.title{
	color: #0779bf;
}

body#portfolio #primary{
	padding-right: 2em;
}

body#portfolio #primary img{
	padding: 1em 0 2em 0;
}

body#portfolio #primary p{
	clear: both;
}

div.photoSlideshow{
	height: 140px;
	margin-bottom: 3em;
}

div.photoSlideshow div{
	float: left;
	width: 47em;
	height: 140px;
	overflow: hidden;
}

body#portfolio #primary div.photoSlideshow div img{
	padding: 0 0.75em;
	float: left;
}

div.photoSlideshowHOME{
	height: 140px;
	margin-bottom: 3em;
}

div.photoSlideshowHOME div{
	float: left;
	width: 47em;
	height: 140px;
	overflow: hidden;
}

body#portfolio #primary div.photoSlideshowHOME div img{
	padding: 0 0.75em;
	float: left;
}

.left, .right{
	float: left;
	height: 140px;
	line-height: 140px;
	width: 1.5em;
	margin: 0 .25em;
	text-align: center;
}

.left a, .right a{
	text-decoration: none;
	display: block;
	color: black;
}

.left a:hover, .right a:hover{
	background-color: #ddd;
	color: black;
}

/* ----------------- */

/* -Contact Page- */

body#contact #container{
	background: transparent url('images/about.bg.jpg') 0 14.375em no-repeat;
}

body#contact h1 a{
	background: transparent url('images/logos.sub.gif') 0 0 no-repeat;
}

body#contact #header{
	background: white url('images/header.contact.gif') top left no-repeat;
}

body#contact ul#menu li#contactLink a{
	color: #ccc;
}

body#contact ul#menu li#contactLink a:hover{
	background: white;
}

body#contact #footer p.copyright{
	background-color: #E68F1A;
}

body#contact span.title{
	color: #E68F1A;
}

body#contact #primary{
	width: 32em;
	padding-right: 2em;
}

body#contact #primary{
	width: 25em;
	padding-right: 2em;
}



body#contact #secondary .pullout{
	line-height: 1.5;
	margin-left: 34em;
	margin-bottom: 0;
}

body#contact #primary img{
	padding: 1em 0 2em 0;
}


/* ----------------- */

/*- Menu -*/

body.sub ul#menu{
	width: 12.875em;
	margin: 0 7.5em 0 0;
	text-align: right;
	float: right;
}


body.sub ul#menu li{
	height: 1.875em;
	line-height: 1.875em;
}

body.sub ul#menu li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000000;
	font: bold 0.9em/1.875em "Lucida Grande", Helvetica, Arial, sans-serif;
}

body.sub ul#menu li a:hover{
	background-color: #E68F1A;
	color: white;
}

body.sub ul#menu li a:hover{
	color: white;
	padding-right: 3em;
	background: transparent url('images/sub_menu.bg.gif') -5px -2px no-repeat;
}

body.sub ul#menu li a span{
	display: block;
	height: 1.875em;
	border-top: 1px solid #ccc;
	cursor: pointer;
	cursor: hand;
	margin-left: 1.75em;
}

body.sub ul#menu li.lastChild a span{
	border-bottom: 1px solid #ccc;
}

body.sub ul#menu li.active a{
	color: #ccc;
}

body.sub ul#menu li#workLink a:hover{
	background: transparent url('images/sub_menu.bg.gif') -5px -37px no-repeat;
}

body.sub ul#menu li#servicesLink a:hover{
	background: transparent url('images/sub_menu.bg.gif') -5px -72px no-repeat;
}

body.sub ul#menu li#historyLink a:hover{
	background: transparent url('images/sub_menu.bg.gif') -5px -107px no-repeat;
}


/*-------   Primary  --------*/

#primary{
	float: left;
}


/*-------   Footer  --------*/

#footer{
	width: 100%;
	clear: both;
	/* border: 1px solid #FF0000;*/
}

#footer p{
	font-size: 0.70em;
	text-align: center;
	height: 1.25em;
}

#footer p span{
	margin-left: 20px;
}

#footer p.copyright{
	height: 1.875em;
	background-color: #E68F1A;
	
	color: #ffffff;
	font-style: italic;
	line-height: 1.875em;
}