@charset "utf-8";
/* CSS Document */


  body { 
	padding:10px;
    width:800px; 
    font: 0.75em Verdana, Arial, Sans-serif; 
	background-color:#A7D744;
    margin:20px; 
    } 
	
/* Turn off borders on image links */
	img {
	  border:0;
	  }
	  
/* Rules for headings */ 
  h1 { 
    padding: 0 0 0 8px;
    font-size:150%; 
	color:#FF7786;
    } 
  h2 { 
    font-size:140%; 
	color:#FF7786;
    } 
	
  #sidebar_a h2 {
  	color:#FF7786;
	}
  h3 { 
    font-size:120%; 
    } 
	
  p { 
    font-size:1em; 
    line-height:150%; 
	color:#5A2E00;
    } 
	
  #sidebar_a p {
  	color:#A7D744;
	margin:5px;
	letter-spacing:-0.30px;
	}
		 
	
  .vision p {
  	color:#5A2E00;
	font-weight:bold;
	font-size:1em;
	}

/* Content position:relative & static */ 
	  #content {
	    margin-left:250px;
	    padding:70px;
	    width:560px;
		background-color:#FFFFFF;
	    voice-family:"\"}\""; 
	    voice-family:inherit; 
	    width:540px; 
	    } 
		
/* Content for tagline   position:relative */
	  #tagline {
	  	clear:right;
		margin-left:210px;
		margin:0 20px 0 20px;
	    width:560px;
		background-color:#FFFFFF;
	    } 

/* Content for quote  position:relative */
	  #quote {
	  	clear:right;
		margin-left:210px;
		margin:0 20px 0 7px;
	    width:560px;
		text-align:right;
		background-color:#FFFFFF;
	    } 
	
/* content for the list of services for Diane Pink */
		#types li {
	   	list-style: none inside url(../images/sm_pink_bullet.gif);
		color:#5A2E00;
		font-weight:bold;
		font-size:1.5em;
		}	
		
/* navigation */

ul#navbar {
	margin-left:5px;
	padding:10px;
	width:660px;
	list-style:none;
	height:60px;
	}
	
ul#navbar li {
	display:inline;
	}
	
ul#navbar li a {
	height:60px;
	float:left;
	text-indent:-9999px;
	}
	
	
/* home navbar item */
ul#navbar li a.home {
	width:120px;
	height:60px;
	background:url(../images/nav_home_bf.gif) no-repeat 0 0;
	}
	
/* about navbar item */
	
ul#navbar li a.about {
	width:90px;
	height:50px;
	background:url(../images/nav_about.gif) no-repeat 0 0;
	}
	
ul#navbar li a.about:hover {
	background-position:0 -50px;
	}

/* portfolio navbar */
	
ul#navbar li a.portfolio {
	width:120px;
	height:50px;
	background:url(../images/portfolio_nav.gif) no-repeat 0 0;
	}
	
ul#navbar li a.portfolio:hover {
	background-position:0 -50px;
	}

/* navbar services */

ul#navbar li a.services {
	width:120px;
	height:50px;
	background:url(../images/nav_services.gif) no-repeat 0 0;
	}
	
ul#navbar li a.services:hover {
	background-position:0 -50px;
	}

/* navbar blog */
ul#navbar li a.blog {
	width:70px;
	height:50px;
	background:url(../images/nav_blog.gif) no-repeat 0 0;
	}
	
ul#navbar li a.blog:hover {
	background-position:0 -50px;
	}

/* navbar contact */
ul#navbar li a.contact {
	width:65px;
	height:50px;
	background:url(../images/nav_contact.gif) no-repeat 0 0;
	}
	
ul#navbar li a.contact:hover {
	background-position:0 -50px;
	}


/* Sidebar A */ 
	 #sidebar_a { 
	    float:left; 
		background:url(../images/sidebar_faux.gif) repeat-y;
	    width:250px; 
		padding:5px;
	    voice-family:"\"}\""; 
	    voice-family:inherit; 
	    width:250px;
	    } 
		
	  #sidebar_content {
	  	float:left;
		width:190px;
		padding:20px 0 0 10px;
		margin:10px auto 10px 0;
		voice-family:"\"}\"";
		voice-family:inherit;
		}
		
/* container that holds all columns for faux columns */
	#container { 
		background:url(../images/sidebar_faux.gif) repeat-y;
	    width:250px; 
		}
	

/* Footer 210*/ 
	  #footer { 
	  	clear:both;
		margin:10px 0 0 10px;
	    padding:10px;  
		color:#FF7786;
		font-weight:bold;
	    width:540px; 
	    voice-family:"\"}\""; 
	    voice-family:inherit; 
	    width:540px; 
	    } 
		
	   #footer ul {
	   	list-style:none;
		}
		
	   #footer li {
	    display:inline;
		}
		
/* twitter updates */
	#twitter_div ul {
	   	color:#A7D744;
	    margin:1px;
		padding:20px;
	    letter-spacing:-.30px;
	    list-style:none;
		}
		
	#twitter_div li:hover {
		color:#FF7786;
		}
	
	#twitter-link a {
		color:#A3D842;
		}
		
	#twitter-link a:hover {
		color:#FF7786;
		}
		
		


/* images  .photo image had issues with the positioning in internet explorer it would be lower than the text. took off the inherit code and it finally worked. inherit codes on ie do not work. */
	.photo {
		clear:right;
		float:left;
		margin:0 20px 20px 0;
	    width:560px;
		background-color:#FFFFFF;
	    } 
  
/* links */ 
	a:link {
		color:#A7D744;
		text-decoration:none;
		font-weight:bold;
		}
		
	a:visited {
		color:#5A2E00;
		text-decoration:none;
		font-weight:bold;
		}
		
	a:hover {
		color:#FF7786;
		text-decoration:none;
		font-weight:bold;
		}
		
	a:active {
		color:#A7D744;
		text-decoration:none;
		font-weight:bold;
		}
		
	/* skip navigation links */
	
	.offLeft {
		margin-left:-9000px;
		position:absolute;
		}
		
	/* hide skip navigation links */
	
	#skipLinks a {
		color:#FFFFFF;
		position:absolute;
		margin-left:-9000px;
		}
		
	#skipLinks ul {
		margin: 0px;
		padding: 0px;
		}	
	
	#skipLinks li {
	background-image:none;
	margin:0px;
	position:absolute;
	list-style-type: none;
		}
		
	#skipLinks a:focus, #skipLinks a:active {
		display:block;
		width:11em;
		margin-left:50px;
		}