/* -- 	Laurel Lane Stylesheet
 		by Anuragdesign
 		http://anuragdesign.com
 --------------------------------------------------------------*/
/*  Colors:
 *  background: #414447;
 *  headings: #8bd8d2;
 *  text: #fff;
 *  borders: #827979;
 */
body, div, ul, li {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: Georgia, "Times New Roman", times, Serif;
    font-size: medium;
    background-color: #414447;
    color: #fff;
}

.footnote {
    font-size: .75em;
    font-style: italic;
}

.hide, 
.accessibility {
    position: absolute;
    left: -999em;
}

blockquote .right {
	border-bottom: 1px solid #827979;
}
.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

div#header {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    height: 109px;
    width: 100%;
    background: #000 url('../images/logos/header_backg_01.gif') repeat-x top;
    text-align: center;
}

div#header_home {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    height: 109px;
    width: 100%;
    background: #000 url('../images/logos/header_backg_01.gif') repeat-x top;
    text-align: center;
}

div#header img#logo_header {
    width: 370px;
    margin: 10px auto 0 auto;
    border: none;
}

/* Menu
 -------------------------------------------------*/
#header ul, #header_home ul {
    position: relative;
    top: 12px;
    list-style-type: none;
    width: 800px;
    margin: 0 auto;
    text-align: center; /* center text within ul */
}

#header_home ul {
    top: 80px; /* one home page header needs more space, because logo is missing */
}

div#header ul li, div#header_home ul li {
    display: inline;
    margin: 1em;
}

#header ul li a, #header_home ul li a {
    padding: .5em;
    text-decoration: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
}

#header ul li a:link, #header ul li a:visited, #header_home ul li a:link, #header_home ul li a:visited {
    color: #8bd8d2;
}

#header ul li a:hover, #header ul li a:active, #header_home ul li a:hover, #header_home ul li a:active {
    color: #fff;
}

#header ul li.current a, #header_home ul li.current a {
    color: #fff;
}

/* Main Content - Home page
 -------------------------------------------------*/
#content_home, #content_portfolio, #content_main, #content_featured {
    width: 900px;
    margin: 2em auto;
}

#content_home a:link, #content_home a:visited,
#content_portfolio a:link, #content_portfolio a:visited,
#content_main a:link, #content_main a:visited,
#content_featured a:link, #content_featured a:visited {
    color: #8bd8d2;
}

#content_home a:hover, #content_home a:active,
#content_portfolio a:hover, #content_portfolio a:active,
#content_main a:hover , #content_main a:active,
#content_featured a:link, #content_featured a:visited {
 	color: #fff;
}
/* Main Content - Home page
 -------------------------------------------------*/
#logo { /* contains the large image and LL logo */
    position: relative;
    width: 100%;
}

#content_home #logo .img_float { /* to put on left side of text */
    float: left;
}

/* Place Logo on Home Page */
#content_home #logo img#logo_home {
    position: absolute; /* place logo in proper position within #logo container */
    left: 300px;
    top: 0;
}

/* Text on home page */
#content_home .home_text {
    float: right;
    margin-top: 200px; /* Height of LL logo plus some spare */
}

#content_home p {
    width: 400px;
    text-align: justify;
    font-size: .9em;
    font-style: italic;
}

#content_home p.home_small_img {
    margin-top: 20px; /* line up images with bottom of large image */
    text-align: right;
}

#content_home p.home_small_img img {
    padding: 2px 0 0 7px;
}

/* Main Content - Portfolio
 -------------------------------------------------*/
#content_portfolio {
	position: relative;
    text-align: center;
	width 800px;
	margin: 2em auto 1em auto;
}

#content_portfolio p {	
	display: inline;
	float: left;
	margin: 0 1em 2em 1em;
	
	
	text-align: center;
	font-size: .9em;
}
#content_portfolio span  {
    margin: 0 1em;
}

#content_portfolio p a  {
    text-decoration: none;
}

#content_portfolio a img {
    border: 2px solid #8bd8d2;
}

#content_portfolio a:hover img, 
#content_portfolio a:active img {
    border-color: #fff; /*  "Highlight" hover */
}

/* Main Content - Main
 -------------------------------------------------*/
h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	
	color: #8bd8d2;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.3em;
	clear: both;
    margin-top: 2em;
}

h3 {
    font-style: italic;
    font-size: 1.1em;
}

#magazinesamples h2 {
    font-size: 1.1em;
    padding-bottom: 5px;
    border-bottom: 1px solid #827979;
}

#magazinesamples img {
    margin: .1em;
	vertical-align: top;
}

#magazinesamples a img {
	border: 2px solid #414447;
}

#magazinesamples a:hover img {
	border-color: #8bd8d2;
}


.img_float_left {
    float: left;
    margin: 0 1em 1em 0;
}

.img_float_right {
    float: right;
    margin: 0 0 1em 1em;
}

#content_float_right {
	float: right;	
	width: 570px;
}

#content_float_right h2 { /* for the floated content we need to modify h2 */
	margin-top: 0;
	clear: none;
}

dl#links {
	width:600px; 
	float:right;
	margin-bottom: 2.5em;
}

dl#links dt {
  	font-size:1.1em; 	
	margin-bottom:.5em;
  	border-bottom:1px solid #827979;
		
    font-size: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	
	color: #8bd8d2;
}

dl#links dd {
  	padding:0;
  	margin:5px 0;
}

table.awards tr td {
    vertical-align: top;
    padding: 0 4px;
    text-align: center;
    font-size: .8em;
}

#content_featured  {
	text-align: center;
}

#content_featured table a:link,
#content_featured table a:visited {
	color: #8bd8d2;
}

#content_featured table a:hover,
#content_featured table a:active {
	color: #fff;
}


#content_featured table {	
  	border-collapse:collapse;
	width: 80%;
	margin: .5em auto;
	text-align:center;
}

#content_featured table td {
	padding:.5em;
} 

#content_featured table tr td a {
	text-decoration:none; 
}

#content_featured table tr td a img {	
	border:2px solid #8bd8d2;
}

#content_featured table tr td a:hover img,
#content_featured table tr td a:active img {	
	border:2px solid #fff;
}

.highlight {
	color: #8bd8d2; 
	font-size: 1.1em;
}

b.laurellane {
	color: #8bd8d2; 
	font-weight: normal;
}
/* Footer
 -------------------------------------------------*/
#footer {
    clear: both;
    width: 700px;
    margin: 6em auto 2em auto;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #8bd8d2;
}

#footer table.links {
    display: inline;
    border: none;
    margin-bottom: 1em;
}

#footer table.links tr td {
    margin: .2em;
    padding: 3px;
    vertical-align: top;
}

#footer p {
    margin: .5em auto 1.5em auto;
    width: 80%;
}

#footer .keywords span { padding: 0 .1em;}