@charset "UTF-8";

/* CSS Document */

/*  Amy Tyson Design Styles
Updated: Tue 09.28.09 @ 1:06 p.m.
Author:     Gina Kamentsky
----------------------------------------------------*/

/* COLORS

background:#bdb297
background:#fdfdfc
blue:#668fca
money:#789e7c
text v08:#3f4650


----------------------------------------------------
----------------------------------------------------
----------------------------------------------------
TABLE OF CONTENTS


01 Global Styles
02 Outer Wrapper
03 Header
04 Main Nav
05 Index Sidebar
06 Index Main
07 Index Mini Gallery
08 Portfolio Nav
09 Portfolio Main Content
10 Portfolio Gallery
11 Services
12 Contact
13 Footer
----------------------------------------------------
----------------------------------------------------
----------------------------------------------------
*/






/* 01 - GLOBAL STYLES
----------------------------------------------------*/

html>body {

font-size: 12px;

}

body  {
background-color:#bdb297;
font-family:"Lucida Grande", Arial, Sans-serif;
font-size:75%;
text-align: center; 
}


p{

font-size: 1em;
line-height:1.5em;


}/*12pt over 18pt*/


h4{

font-size: 1.17em;
font-weight: normal;
line-height:1.286em;


}/*14pt over 15.4*/


h3{

font-size: 1.5em;
font-weight: normal;
line-height:1.5em;

}/*18pt over 18*/


h2{

font-size: 2em;
font-weight: normal;

}/*24pt*/

h1{

font-size: 3em;
font-weight: normal;

}/*36pt*/

#clearFloat{

clear: both;

}


/* 02 - OUTER WRAPPER
----------------------------------------------------*/

#outerWrapper {


background-color: #fdfdfc;
margin: 0 auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
padding-bottom:20px;
text-align: left; /* this overrides the text-align: center on the body element. */
background-image: url(images/blueBg.jpg);
background-repeat: repeat-x;
background-position: bottom;
width:980px;

}


#contentWrapper{


padding:36px 20px 36px 20px;

border-top: 1px solid #789e7c;

}


/* 03 - HEADER
----------------------------------------------------*/


#outerWrapper #header {

background-image:url(images/header.jpg);
background-repeat:no-repeat;
height: 183px;
margin:0;

}

#outerWrapper #header h1{

font-size:44px;
color: #3f4650;
margin-left:650px;
position:relative;
top:80px;
	
}

#outerWrapper #header h2{

font-size:30px;
font-family: Palatino, Georgia, "Times New Roman", serif;
font-style: italic;
font-weight: normal;
color: #668fca;
margin-left:650px;
position:relative;
top:86px;
	
}



/* 04 - NAV
----------------------------------------------------*/

#outerWrapper #menu{

background-color: #789e7c;
padding:0px 0 18px 438px;
margin:0 20px 18px 20px;

}


#nav {

margin: 0;
padding: 0;
height: 1em; }

#nav li {

list-style: none;
float: left;

 }

#nav li a {

display: block;
padding: 4px 24px 8px 24px;
background-color: #789e7c;
color: #fff;
font-size:1.5em;
text-decoration: none;

 }
 
#nav li a:hover{

background-color: #93c098;


}



#nav li ul {

display: none;
width: 10em; /* Width to help Opera out */

}



#nav li:hover ul, #nav li.sfhover ul {

display: block;
position: absolute;
margin: 0;
padding: 0;

 }

#nav li:hover li, #nav li.sfhover li{

float: none; 

}

#nav li:hover li a, #nav li.sfhover li a {

background-color:#799dd1;
padding:4px;
margin:0px;
font-size:1em;
line-height:1.2em;
border-bottom: 1px solid #fff;
color: #fff; 

}/*note in above three declarations adding sfhover class for ie*/

#nav li li a:hover {

background-color: #8db3ff;

 }
 


/* 05 - INDEX SIDEBAR
----------------------------------------------------*/

#contentWrapper #sidebar {

float: left; /* since this element is floated, a width must be given */
width: 340px; 
background-color: #ebe8e0;
padding-bottom:210px;

}



#contentWrapper #sidebar #headshot{

position:relative;
margin-bottom:36px;
background-color:#668fca;


}

#contentWrapper #sidebar #headshot img{

border-right:2px solid #fff;
margin:0;
padding:0;


}


#contentWrapper #sidebar #headshot #tagCloud{


color:#fff;
position:absolute;
top:18px;
left:160px;
width:50%;
padding:2px;

}

#contentWrapper #sidebar #headshot #tagCloud h2,h3,h4,h5{

display:inline;
font-family:"Lucida Grande", Arial, Sans-serif;
line-height: 1.2em;

}/*added 5_20_2010*/


#contentWrapper #sidebar h2{

font-family: Palatino, Georgia, "Times New Roman", serif;
color:#fff;

}


#contentWrapper #sidebar li{

font-family: Palatino, Georgia, "Times New Roman", serif;
font-size: 1.5em;
color:#3f4650;
line-height: 1.4em;
padding-left:1.7em;
background:transparent url(images/pencil.png) no-repeat left top;
margin:1.6em 1em 1.6em 1em;


}


#contentWrapper #sidebar li a{

color:#668fca;

}




/* 06 - INDEX MAIN CONTENT
----------------------------------------------------*/


#mainContent{

position:relative;
margin-left:380px;


}

#mainContent #columnLeft{

float:left;
width:270px;

}


#mainContent #columnLeft h3{

/*font-family: Palatino, Georgia, "Times New Roman", serif;*/
color: #668fca;

}/*5_20_2010, changed from h2 to h3,changed font family due to headline change*/

#mainContent #columnLeft p{

color: #333333;
font-size: 1.17em;
line-height:1.286em;
margin:1.286em 0 1.286em 0;

}


#mainContent #columnLeft p+img+p{

color: #666666;

}


#mainContent #columnLeft img{

padding:10px 0 10px 0;
border-top: 1px solid #789e7c;
border-bottom: 1px solid #789e7c;

}

#mainContent #columnRight{


width:270px;
margin-left:300px;

}

#mainContent #columnRight p{


margin:10px;
color:#333333;

}



/* 07 - INDEX MINI GALLERY
----------------------------------------------------*/

#mainContent #miniGallery{

position:absolute;/*makes this a parent to slider buttons*/
padding-top:10px;
margin-top:30px;
background-color:#668fca;
height:340px;

}


#mainContent #miniGallery p{

color:#ffffff;
margin:10px 300px 0 20px;

}


#slider ul, #slider li{

margin:0;
padding:0;
list-style:none;

}

#slider li{
 
width:560px;
height:280px;
overflow:hidden; 

}	


#prevBtn, #nextBtn{ 

display:block;
width:30px;
height:77px;
position:absolute;
bottom:-18px;

}	


#nextBtn{ 

left:20px;

}

#prevBtn{

left:70px;

}

#prevBtn a, #nextBtn a{
  
display:block;
font-size: 1.17em;
line-height:6em;
text-decoration: none;
color:#ffffff;
width:50px;
height:34px;
	
}	

/* 08 - PORTFOLIO- Summary and Navigation
----------------------------------------------------*/

#contentWrapper #summary h2{

font-family: Palatino, Georgia, "Times New Roman", serif;
color:#fff;
font-size:2.4em;
line-height:2em;

}

#contentWrapper #summary #blurb{

float:left;
width:280px;
background-color:#668fca;
padding:0 30px 36px 30px;

}

#contentWrapper #summary p{

color:#fff;
font-size: 1.17em;
line-height:1.28em;

}

#contentWrapper #summary #portfolioNavWrapper{

margin-left:380px;
padding-top:18px;
padding-bottom:18px;

}


dl.portfolioNav{

float:left;
padding-right:10px;
text-align:center;

}

dl.portfolioNav dt a{

color:#666;
text-decoration: none;
 	
}


dl.portfolioNav dt a:hover{

color:#668fca;
text-decoration:underline;
 	
}


/* 9 - PORTFOLIO - Main Content
----------------------------------------------------*/

#contentWrapper .portfolio{

position:relative;
background-color: #ebe8e0;
padding-top:18px;
padding-bottom:18px;
margin-top:54px;
margin-bottom:72px;

}

#contentWrapper .portfolio .portfolioSidebar{

float: left; /* since this element is floated, a width must be given */
width: 300px; 
padding:18px 30px 0 30px;


}

#contentWrapper .portfolio .portfolioSidebar h2{

color:#666;

}

#contentWrapper .portfolio .portfolioSidebar h3{

font-size:2em;
font-family: Palatino, Georgia, "Times New Roman", serif;
color: #668fca;
position: absolute;
left:380px;
top:32px;

}

#contentWrapper .portfolio .portfolioSidebar li{

font-family: Palatino, Georgia, "Times New Roman", serif;
font-size: 1.17em;
color:#3f4650;
line-height: 1.286em;
padding-left:2.1em;
background:transparent url(images/pencil.png) no-repeat left top;
margin-top:1.6em;
margin-bottom:1.6em;

}


#contentWrapper .portfolio .portfolioSidebar p{

color:#fff;
background-color:#668fca;
padding:1.7em;


}


#contentWrapper .portfolio .portfolioSidebar a{


color:#fff;


}


p.dropcap:first-letter {

float: left; 
font-size: 2em; 
font-weight: bold; 
line-height: 1em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
padding-right: 0.15em;
 
}

/* 10 - PORTFOLIO GALLERY
----------------------------------------------------*/


#contentWrapper #portfolioGallery{

width:590px;
margin-left:380px;
margin-top:58px;

}


/*preload classes*/

.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 

.stripViewer { 
 
position: relative; 
overflow: hidden;   
margin: 0 0 1px 0; 

} 
.stripViewer ul {

margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 

} 
.stripViewer ul li { 
 
float:left;
 
} 
.stripTransmitter { 

overflow: auto; 
width: 1%; 

} 
.stripTransmitter ul { 

margin:4px 0 0 20px; 
padding: 0; 
position: relative; 
list-style-type: none; 

} 
.stripTransmitter ul li{ 

width: 20px; 
float:left; 
margin: 0 1px 1px 0;
 
}
 
.stripTransmitter a{ 

font-size: 1em;
font-weight: bold;
text-align: center; 
line-height: 22px; 
background: #668fca;
color: #fff; 
text-decoration: none; 
display: block;
 
} 

.stripTransmitter a:hover, a.current{ 

background: #fff; 
color: #666;
 
} 

 
 /*caps*/
 
.imgcontainer {

position:relative;
float:left;

}

.caption {

font: normal 1em/1.3em;
background:#fff;
color:#000;
position:absolute;
bottom:0;
left:0;
text-align:center;
width:100%;
opacity:.75;
padding-top:4px;
padding-bottom:4px;
filter:alpha(opacity=85);

}

 /*next*/
 
#nextPortfolio{

margin-left:20px;
line-height: 3em;
font-size:1.17em;
text-decoration: none;
color:#666;

}

#nextPortfolio:hover{

text-decoration: underline;

}


 /* 11 - SERVICES
----------------------------------------------------*/

#contentWrapper #services {

padding-bottom:18px;
margin-bottom: 72px;
border-bottom: 1px solid #789e7c;


}


#contentWrapper #services #blurb{


width:280px;
background-color:#668fca;
padding:18px 30px 18px 30px;
float:left;



}

#contentWrapper #services #blurbHomeowner{


width:280px;
background-color:#ebe8e0;
padding:18px 30px 18px 30px;
float:left;

}

#contentWrapper #services #blurb h2{

font-family: Palatino, Georgia, "Times New Roman", serif;
color:#fff;
font-size:2em;

}

#contentWrapper #services #blurbHomeowner h2{

font-family: Palatino, Georgia, "Times New Roman", serif;
color:#333;
font-size:2em;

}


#contentWrapper #services #blurb p{

color:#fff;
font-size: 1.17em;
line-height:1.286em;
margin:1.286em 0 1.286em 0;

}

#contentWrapper #services #blurbHomeowner p{

color:#666;
font-size: 1.17em;
line-height:1.286em;
margin:1.286em 0 1.286em 0;


}

#contentWrapper #services #blurb p+p{

font-size: 1em;
line-height:1.5em;
padding:1.5em 0 1.5em 0;
border-top:1px dotted #fff;

}

#contentWrapper #services #blurbHomeowner p+p{

font-size: 1em;
line-height:1.5em;
padding:1.5em 0 1.5em 0;
border-top:1px dotted #333;

}

#contentWrapper #services #blurb p+p a{

font-weight:bold;
color:#fff;
text-decoration: none;

}

#contentWrapper #services #blurbHomeowner p+p a{

font-weight:bold;
color:#666;
text-decoration: none;

}


#contentWrapper #services #blurb p+p a:hover{

text-decoration: underline;

}


#contentWrapper #services #blurbHomeowner p+p a:hover{

text-decoration: underline;

}


#contentWrapper #services #assignments{



margin-left: 380px;
width:550px;

}

#contentWrapper #services #assignments h3{

color:#333;

}

#contentWrapper #services #assignments li{

font-family: Palatino, Georgia, "Times New Roman", serif;
font-size: 1.17em;
color:#3f4650;
line-height: 1.286em;
padding-left:2.1em;
background:transparent url(images/pencilServices.png) no-repeat left center;
margin-top:1.6em;
margin-bottom:1.6em;

}


/* 12 - CONTACT
----------------------------------------------------*/
	
#contact fieldset{

display: block;
width: 500px;
margin: 0 0 3em 0;
padding:20px;


}

#contact fieldset.submit{

border: none;
background-color: transparent;
text-align: center;

}


#contact input{

display: block;
width:300px;

}

#contact label{

display: block;
margin-bottom:5px;
font-weight: bold;

}

#contact select{

display: block;

}

#contact #send{

margin-top:20px;

}

 
/* 13 - FOOTER
----------------------------------------------------*/


#outerWrapper #footer #subMenu{

background-color: #789e7c;
padding:0 0 10px 390px;
margin:28px 20px 38px 20px;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff;
}


#outerWrapper #footer #subNav {

margin: 0;
padding: 0;
height: 2em; 


}

#outerWrapper #footer #subNav li {

list-style: none;
float: left;


 }

#outerWrapper #footer #subNav li a {

display: block;
padding: 8px 12px 5px 12px;
color: #fff;
font-size:1.17em;
text-decoration: none;

 }

#outerWrapper #footer #subNav li a:hover {

background-color: #93c098;

 }
 
 
#outerWrapper #footer p{

font-size: .8em;
position:relative;
bottom:64px;
color:#fff; 
margin-left:20px;
margin-right:580px;
padding-left:10px;


 }
 
#outerWrapper #footer a{
 
color:#fff;

 

 }