@charset "utf-8";


/*======================== Lucy Griffith Web Design Homepage Style Sheet ========================================*/


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

body, html {
	background-color:#3C3939;
	padding: 0;
	margin: 0;
}

body {
	color:#FFF;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

h1 {
display:none;
}

a:link {
	color: #9b7e5e;
	text-decoration: none;
	outline: none;
}
a:visited {
	color: #9b7e5e;
	text-decoration: none;
	outline: none;
	
}
a:hover {
	color: #7E9D94;
	text-decoration: none;
	outline: none;
}
a:active {
	color: #7E9D94;
	text-decoration: none;
	outline: none;
}

/*dealing with the sidebar issues - stops a shift when scroller appears*/

html {height: 100%;} 
body {
	min-height: 101%;
	text-align: left;
} 


/*==================== main div styles ==================================*/


#container  {
	width:652px;
	margin:0 auto;
	margin-top: 20px;
	background-color:#3C3939;
	overflow: hidden;
}

#sub_container  {
	width:800px;
	margin:0 auto;
	margin-top: 20px;
	background-color:#3C3939;
	overflow: hidden;
	text-align: left;
	left: 50px;
}

#title {
	background-image: url(../images/final_homepage_title_darker.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height: 219px;
}

#sub_title {
	background-image: url(../images/subpage_banner_darker.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 79px;
}

#sub_title a {

display:block;

width:800px;

height:79px;

}

#maintext {
	padding: 0;
	}
	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    line-height: 0;
	
}
		
#footer {
	text-align:center;
	font-size: 14px;
	padding: 0px;
}

#footer a {
	clear: both;
	text-decoration: none;
	font-weight: bold;
}

/*  ==========================   main page navigation buttons   =================================  */


ul#navigation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 652px;
	height: 257px;
	background-color: #3C3939;
}	

ul#sub_navigation  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 130px;
	background-color: #3C3939;
}	


	
ul#navigation li, #sub_navigation li { 
  float: left; 
}

 

#linkbutton2 a { 
	display: block; 
	width: 165px; height:257px; 
	margin:0; padding:0;
	background-image: url(../images/homepage_aboutbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#linkbutton2 a:hover { 
	background-position: 0 -257px; 
	} 
	
#linkbutton2 a span { display:none } 

#linkbutton3 a { 
	display: block; 
	width: 163px; height:257px; 
	margin:0; padding:0;
	background-image: url(../images/homepage_workbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#linkbutton3 a:hover { 
	background-position: 0 -257px; 
	} 
	
#linkbutton3 a span { display:none } 


#linkbutton4 a { 
	display: block; 
	width: 160px; height:257px; 
	margin:0; padding:0;
	background-image: url(../images/homepage_photobutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#linkbutton4 a:hover { 
	background-position: 0 -257px; 
	} 
	
#linkbutton4 a span { display:none } 

#linkbutton5 a { 
	display: block; 
	width: 164px; height:257px; 
	margin:0; padding:0;
	background-image: url(../images/homepage_contactbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#linkbutton5 a:hover { 
	background-position: 0 -257px; 
	} 
	
#linkbutton5 a span { display:none } 


/*==================  subpage navigation buttons  ===========================*/


#sub_linkbutton1 a { 
	display: block; 
	width: 167px; height:130px; 
	margin:0; padding:0;
	background-image: url(../images/subpage_homebutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
#sub_linkbutton1 a:hover { 
	background-position: 0 -130px; 
	} 
#sub_linkbutton1 a span { display:none } 

#sub_linkbutton2 a { 
	display: block; 
	width: 142px; height:130px; 
	margin:0; padding:0;
	background-image: url(../images/subpage_aboutbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#sub_linkbutton2 a:hover { 
	background-position: 0 -130px; 
	} 
	
#sub_linkbutton2 a span { display:none } 

#sub_linkbutton3 a { 
	display: block; 
	width: 177px; height:130px; 
	margin:0; padding:0;
	background-image: url(../images/subpage_workbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#sub_linkbutton3 a:hover { 
	background-position: 0 -130px; 
	} 
	
#sub_linkbutton3 a span { display:none } 


#sub_linkbutton4 a { 
	display: block; 
	width: 151px; height:130px; 
	margin:0; padding:0;
	background-image: url(../images/subpage_photobutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#sub_linkbutton4 a:hover { 
	background-position: 0 -130px; 
	} 
	
#sub_linkbutton4 a span { display:none } 

#sub_linkbutton5 a { 
	display: block; 
	width: 163px; height:130px; 
	margin:0; padding:0;
	background-image: url(../images/subpage_contactbutton_darker.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; 
	background-color: #3C3939;
	} 
	
#sub_linkbutton5 a:hover { 
	background-position: 0 -130px; 
	} 
	
#sub_linkbutton5 a span { display:none } 


/*============================ subpage markers ============================================*/



/*the following indicates the page where the user is browsing - requires editing the body id tag when creating page template*/

#home a.home,
#about a.about, 
#work a.work,
#photos a.photos,
#contact a.contact {
	background-position: 0 -260px;
	cursor: default;
}

  /*========================= Subpage General Styles ===============================================*/

/*#sub_main p{
	margin: 0 20px 20px 30px;
}*/


/*===================== sets background (subtitles) for subpages  =================================================*/

#sub_main .about {
	background-image: url(../images/subtitle_about_darker.jpg);
	background-repeat: no-repeat;
	background-position: 135px 0;
	display: block;
	height: 75px;
	margin-top: 7px;
	
}

h2.about {
	color: #3C3939;
}

#sub_main .work {
	background-image: url(../images/subtitle_work_darker.jpg);
	background-repeat: no-repeat;
	background-position: 307px 0;
	display: block;
	height: 75px;
	margin-top: 7px;
	
}

h2.work {
	color: #3C3939;
}

#sub_main .photos {
	background-image: url(../images/subtitle_photos_darker.jpg);
	background-repeat: no-repeat;
	background-position: 451px 0;
	display: block;
	height: 75px;
	margin-top: 7px;
	
}

h2.photos {
	color: #3C3939;
}

#sub_main .contact {
	background-image: url(../images/subtitle_contact_darker.jpg);
	background-repeat: no-repeat;
	background-position: 553px 0;
	display: block;
	height: 75px;
	margin-top: 7px;
	
}

h2.contact {
	color: #3C3939;
}

/* ============================ About Page Styles ================================================*/
  
  #about p.emphasis {
	  font-weight: bold;
	  font-size: 1.2em;
	  color: #9b7e5e;
  }
  
  
  #about h3 {
	  margin-left: 30px;
	  color: #9b7e5e;
  }
  
  #about p.nb {
	  color: #9b7e5e;
	  font-size: 1.2em;
  }
  
  
  /*========================= Work page styles ===================================================*/
 
#sub_main .quote {
	 margin:  0 40px;
	 font-style: italic;
 }
 
#sub_main p.quoter {
	 text-align: right;
	 margin-right: 54px;
 }
 
#work #photos img {
	display: block;
	width: 563px;
	margin: 0 auto;
	border: none;
}

#work h3 {
	text-align: center;
	font-size: 1.4em;
	color: #9b7e5e;
}

#work p.portfolio{
	margin: 0 40px;
	text-align: center;
}
	
 

/*======================== Photo page styles ===========================================*/

#photos #gallery {
	margin-top: 25px;
}

/*#gallery_credit {
	text-align: right;
	font-size: 0.7em;
	}*/
	
 
   /*=========================  Contacts Page styles   ================================================*/
   
   
#contact p.co_name {
	  font-size: 1.4em;
	  text-align: right;
  }
 
 #contact #address {
	 font-size: 1.2em;
	 text-align: right;
 }
 
 #facebook a{
	 margin-left: 650px;
	 outline: none;
 }
 
 #facebook a:visited {
	 outline: none;
 }
 
 #facebook a:active {
	 outline: none;
 }