/* SPENCER-DAVIS & CO STYLESHEET */

html,body{
	background-color:#F1EFE2;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999999;
	}
	
img {
	border-width:0;
	}
	
#copyright{
	position:absolute;
	top:850px;
	left:9px;
	width:757px;
	height:15px;
	margin:0;
	padding:0;
	z-index:3;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	line-height:15px;
	}
	
#copyright1{
	position:absolute;
	top:760px;
	left:9px;
	width:757px;
	height:15px;
	margin:0;
	padding:0;
	z-index:3;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	line-height:15px;
	}
	
#wrapper{
	position:relative;
	width:856px;
	margin:0 auto;
	padding:0;
	height:700px;
	text-align:left;
	z-index:2;
	}

#background{
	position:absolute;
	top:0;
	left:0;
	width:856px;
	height:717px;
	margin:0;
	padding:0;
	z-index:2;
	background:url(images/background_slice.gif) top;
	background-repeat:repeat-y;
	}
	
#background_notabs{
	position:absolute;
	top:0;
	left:0;
	width:856px;
	height:760px;
	margin:0;
	padding:0;
	z-index:2;
	background:url(images/background_slice_notabs.jpg) top;
	background-repeat:repeat-y;
	}
		
/*    CONSTANT DIV RULES    */
	
	
#logo{
	position:absolute;
	top:70px;
	left:28px;
	width:150px;
	height:67px;
	margin:0;
	padding:0;
	z-index:3;
	}
	
#nav{
	position:absolute;
	top:85px;
	right:111px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	}	

#nav1{
	position:absolute;
	top:140px;
	right:97px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 76px;
	}
	
#nav1on{
	position:absolute;
	top:145px;
	right:100px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 69px;
	}
	
#nav2{
	position:absolute;
	top:175px;
	right:136px;
	height:36px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 90px;
	}
	
#nav2on{
	position:absolute;
	top:180px;
	right:130px;
	height:36px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 90px;
	}
	
#nav3{
	position:absolute;
	top:207px;
	right:98px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 48px;
	}
	
#nav3on{
	position:absolute;
	top:212px;
	right:100px;
	height:20px;
	margin:0;
	padding:0;
	text-align:right;
	z-index:3;
	line-height:20px;
	width: 43px;
	}
	
#folio_placeholder{
	position:absolute;
	top:265px;
	right:-5px;
	height:245px;
	width:860px;
	margin:0;
	padding:0;
	text-align:left;
	z-index:3;
	line-height:20px;
	}	
	
#intro_copy{
	position:absolute;
	top:166px;
	left:28px;
	width:444px;
	height:72px;
	margin:0;
	padding:0 0px 0 0px;
	}
	
#copy_services{
	position:absolute;
	top:275px;
	left:265px;
	width:452px;
	height:494px;
	margin:0;
	padding:0 0px 0 0px;
	line-height:20px;
	}
	
#lizbyrne{
	position:absolute;
	top:275px;
	left:28px;
	width:106px;
	height:124px;
	margin:0;
	padding:0 0px 0 0px;
	line-height:20px;
	}
	
#img_cv{
	position:absolute;
	top:275px;
	left:468px;
	width:284px;
	height:494px;
	margin:0;
	padding:0 0px 0 0px;
	line-height:20px;
	text-align:left;
	}
	
#img_cv_copy{
	position:absolute;
	top:210px;
	left:34px;
	width:225px;
	height:61px;
	margin:0;
	padding:0 0px 0 0px;
	line-height:20px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
#copy_cv{
	position:absolute;
	top:264px;
	left:28px;
	width:410px;
	height:124px;
	margin:0;
	padding:0 0px 0 0px;
	line-height:20px;
	}

a.rollover1 {
	display: block;
	width: 70px;
	height: 35px;
	margin: 5px;
	text-decoration: none;
    background-image: url(images/bt_folio.gif);
}
a.rollover1:hover {
    background-position: -69px 0;
}

a.rollover2 {
	display: block;
	width: 122px;
	height: 35px;
	margin: 5px;
	text-decoration: none;
    background-image: url(images/bt_services.gif);
}
a.rollover2:hover {
    background-position: -123px 0;
}

a.rollover3 {
	display: block;
	width: 41px;
	height: 35px;
	margin: 5px;
	text-decoration: none;
    background-image: url(images/bt_cv.gif);
}
a.rollover3:hover {
    background-position: -45px 0;
}


#line{
	position:absolute;
	top:135px;
	left:28px;
	width:725px;
	height:0px;
	margin:0;
	padding:0;
	}
	
#line1{
	position:absolute;
	top:252px;
	left:28px;
	width:725px;
	height:0px;
	margin:0;
	padding:0;
	}


a {
	color: #FF8500;
	text-decoration:none;
	}
	
a:visited {
	color: #FF8500;
	text-decoration:none;
	}
	
a:hover {
	color: #ccc;
	text-decoration:none;
	}
	
a:active {
	color: #FF8500;
	text-decoration:none;
	}




/*    H CLASSES    */

h1{
	color:#ccc;
	font-size:19px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:40px;
	}
	
h2{
	color:#003366;
	font-size:12px;
	
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:20px;
	}
	
h3{
	color:#CCCCCC;
	font-size:48px;
	
	font-weight:normal;
	margin:0 0 14px 0;
	padding:0;
	text-align:center;
	line-height:40px;
	}
	
h4{
	color:#003366;
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 14px 0;
	padding:0;
	}

h5{	
	color:#666666;
	font-size:16px;
	
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
h6{	
	color:#666666;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
/*    P CLASSES    */

.pageheader{
	color:#666666;
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-align:left;
	line-height:18px;
	}
	
.subtitle{
	color:#666666;
	font-size:14px;
	
	font-weight:normal;
	margin:0 0 18px 0;
	padding:0;
	line-height:18px;
	}
	
.clients_title{
	color:#666666;
	font-size:16px;
	
	font-weight:normal;
	margin:0 0 18px 0;
	padding:0;
	line-height:18px;
	}
	
.bodycopy{
	color:#666666;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin:0 0 18px 0;
	padding:0;
	line-height:18px;
	}
	
.italic_caption{
	
	color:#CCCCCC;
	}
	
.left_box{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #CC6600;
	line-height:12px;
	margin:0 0 30px 0;
	padding:0;
	}

/* in-page pop-up */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FDFBEB;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #CC6600;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
border: 3px  #CC6600 solid;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
width:300px;
border: 1px  #CC6600 solid;
text-decoration: none;
}