/* CSS Document */


body{
background-color:#FFFFFF;
}
body.home{
background-color:#000;
}

body.resume{
background-color:#8f8f8f;
}

p {
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #52302D;
}

h1, h2, h3, h4, h5, h6 {
color: #333333;
background-color: transparent;
font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
margin: 0;
padding-top: 0.5em;
}

h1 {
font-size: 160%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 140%;
border-bottom: none;
font-weight: bold;
}

h4 {
font-size: 120%;
border-bottom: none;
font-weight: bold;
}

h5 {
font-size: 100%;
border-bottom: none;
font-weight: bold;
}

h6 {
font-size: 90%;
border-bottom: none;
font-weight: bold;
}

#address{
font: 11px/15px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

#contact{
background-color:#333333;
}
#contact p {
font: 11px/16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}
#header{
width:450px;
margin: 0 0 0 0;
padding:0 0 0 1em;
text-align:center

}
#cc{
width:435px;
background-color:#B3B38F;
margin: 0 2em 1em 1em;
padding:.5em 15px 1em 1em;

}

#welcome{
width:243px;
text-align:left;
padding-bottom:35px;
padding-right:25px;
}

#welcome p {
font: 11px/16px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
}


#linkslist{
text-align:right;
background-color:#E5AD11;
width: 345px;
}

#abouttext{
width: 360px;

}

#head {
width: 800px;
}

#middle {
width: 800px;
background-color:#CCCCCC;
}

/* tables*/

.middle{
 border-top-width: 0px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #cccccc;
 border-right-color: #cccccc;
 border-bottom-color: #cccccc;
 border-left-color: #cccccc;
 background: #ffffff;
 border-collapse:collapse;

}
.middle2{
 
 border-top-width: 0px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: none;
 border-top-color: #cccccc;
 border-right-color: #cccccc;
 border-bottom-color: #cccccc;
 border-left-color: #cccccc;
 border-collapse:collapse;

}

.thumbnextarea{

 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #cccccc;
 border-right-color: #cccccc;
 border-bottom-color: #cccccc;
 border-left-color: #cccccc;
 background: #ffffff;
 border-collapse:collapse;

}

.back2thumbnails{
 border-top-width: 1px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-style: solid;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 border-top-color: #cccccc;
 border-right-color: #cccccc;
 border-bottom-color: #cccccc;
 border-left-color: #cccccc;
 background: #ffffff;
 border-collapse:collapse;

}


#footer {
width: 800px;

}

#thumbs {
	width:500px;
	height: 340px;
	background: transparent url(/images/bg_box.gif) repeat-y;
	float: left;
}

.thumbrow {
	width: 470px;
	height: 90px;
	
/*	background: transparent url(/images/bg_thumbs2.gif) no-repeat;*/
}

.thumbrow span.thumb1 {
	margin: 17px 0 0 33px;
	float:  left;
}

.thumbrow span {
	margin: 35px 0 0 30px;
	float:  left;
}

#textlinks {
	float: left;
	width: 220px;
	height: 310px;
/*	background: transparent url(/images/bg_textlinks.gif) repeat-y;*/
	text-align: left;
}

#textlinks ul, #textlinks ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#textlinks ul li {
	font: 11px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
}

#textlinks ul li a:link {
	color: #999999;
	text-decoration: none;
	padding-left: 20px;	
	background: transparent url(/images/bullet_blue.gif) no-repeat 8px 5px;
}

#textlinks ul li a:visited {
	color: #cccccc;
	text-decoration: line-through;
	padding-left: 20px;	
	background: transparent url(/images/bullet_textlinks2.gif) no-repeat 8px 5px;
}

#textlinks ul li a:hover, #textlinks ul li a:active {
	color: #FA6121;
	text-decoration: none;
	padding-left: 20px;
	background: transparent url(/images/bullet_red.gif) no-repeat 8px 5px;
}

#back2 {
	margin: 5px 0 0 32px;
	
}

#forward2 {
	margin: 5px 22px 0 0;
	float: right;
}

#back_next{
float: left;
width: 280px;
background-color:#fff;
padding:0 0 0 0;

}
	
	#details {	
	
	width: 280px;
	
	font: 12px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#client {
border-bottom: 1px solid #cccccc;
color: #c2c2c2;
}

#client p{
margin:0em 1.5em 1em 2em

}

#scope{
border-bottom: 1px solid #cccccc;
color: #c2c2c2;
}

#scope p{
margin:0em 1.5em 1em 2em

}

#description{
color: #c2c2c2;
}

#description p{
margin:0em 1.5em 1em 2em
}

#slideshow {
	width: 440px;
	height: 318px;
/*	background: transparent url(/images/bg_textlinks.gif) repeat-y;*/
	text-align: center;
}

#viewslides {
padding:0 0 0px 0;

}
#viewslides div{
float:left;
}
#slidenav {
width:150px;

background-image:url(../images/pf_menu/slide_nav_02.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;

}


/* links list*/
.floatingframe{
margin:0 0 0 0;
}


#linkslist{
background-color:E5AD11;
width: 215px;
}

#linkslist a:link {
	font: 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
	padding-left: 20px;	
}

#linkslist a:visited {
	font: 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-decoration: line-through;
	padding-left: 20px;	
}

#linkslist a:hover, #linkslist a:active {
	font: 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FA6121;
	text-decoration: none;
	padding-left: 20px;
	
}

/* home 2nd nav*/

a#home_contact img {background: url(../images/home_16.png) top left no-repeat;}
a#home_legal img {background: url(../images/home_17.png) top left no-repeat;}

a#home_contact:hover img {background: url(../images/home_16_h.png) top left no-repeat;}
a#home_legal:hover img {background: url(../images/home_17_h.png) top left no-repeat;}


/* about 2nd nav*/

a#about_home img {background: url(../images/about_15.png) top left no-repeat;}
a#about_contact img {background: url(../images/about_16.png) top left no-repeat;}
a#about_legal img {background: url(../images/about_17.png) top left no-repeat;}

a#about_home:hover img {background: url(../images/about_15_h.png) top left no-repeat;}
a#about_contact:hover img {background: url(../images/about_16_h.png) top left no-repeat;}
a#about_legal:hover img {background: url(../images/about_17_h.png) top left no-repeat;}

/* portfolio 2nd nav*/

a#portfolio_home img {background: url(../images/portfolio_15.png) top left no-repeat;}
a#portfolio_contact img {background: url(../images/portfolio_16.png) top left no-repeat;}
a#portfolio_legal img {background: url(../images/portfolio_17.png) top left no-repeat;}

a#portfolio_home:hover img {background: url(../images/portfolio_15_h.png) top left no-repeat;}
a#portfolio_contact:hover img {background: url(../images/portfolio_16_h.png) top left no-repeat;}
a#portfolio_legal:hover img {background: url(../images/portfolio_17_h.png) top left no-repeat;}

/* resume 2nd nav*/

a#resume_home img {background: url(../images/resume_15.png) top left no-repeat;}
a#resume_contact img {background: url(../images/resume_16.png) top left no-repeat;}
a#resume_legal img {background: url(../images/resume_17.png) top left no-repeat;}

a#resume_home:hover img {background: url(../images/resume_15_h.png) top left no-repeat;}
a#resume_contact:hover img {background: url(../images/resume_16_h.png) top left no-repeat;}
a#resume_legal:hover img {background: url(../images/resume_17_h.png) top left no-repeat;}

/* links 2nd nav*/

a#links_home img {background: url(../images/links_15.png) top left no-repeat;}
a#links_contact img {background: url(../images/links_16.png) top left no-repeat;}
a#links_legal img {background: url(../images/links_17.png) top left no-repeat;}

a#links_home:hover img {background: url(../images/links_15_h.png) top left no-repeat;}
a#links_contact:hover img {background: url(../images/links_16_h.png) top left no-repeat;}
a#links_legal:hover img {background: url(../images/links_17_h.png) top left no-repeat;}



#idContentArea {
width:410px;
 height:380px;
 text-align:left;
 overflow:auto; 
 scrollbar-face-color: transparent;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-track-color: transparent;
 scrollbar-arrow-color: #efefef;
 background-color: transparent; 
 background-image: none;
}

#idContentArea2 {
width:400px;
 height:400px;
 overflow:auto; 
 scrollbar-face-color: transparent;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-highlight-color: #FFFFFF;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-darkshadow-color: #FFFFFF;
 scrollbar-track-color: transparent;
 scrollbar-arrow-color: #efefef;
 background-color: transparent; 
 background-image: none;
}