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

/*-----------------------------------------------------------------------------
PhotoStylings Screen Stylesheet

version:   1.0
date:      10/28/08
author:    © Eric Witzer
email:     eric@kalmardesigns.com

version history: [location of file]
-----------------------------------------------------------------------------*/


/* IMPORT OTHER STYLESHEETS
-----------------------------------------------------------------------------*/
@import url("default.css");

/* SET UP
-----------------------------------------------------------------------------*/

body {
	background: #B3E6E6 url(../images/bg-flower.jpg) repeat-x top;
	color: #099;
	font: normal medium/120% "Times New Roman", Times, serif;
}

#wrapper, #header {width:800px;}
#content, #contact-info, #footer {width:640px; margin: 30px 0 30px 80px;}
#nav-links {width:700px; margin: -12px 0 1px 75px;}
#nav-styling {width: 750px; margin:-1px 0px 0 30px;}
#nav-styling li.first {margin-left:35px;}
#gallery {margin: 0 auto;}

a, .brown {color: #663300; text-decoration:none;}
a:hover {color: #399;}


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

#header, #wrapper {background: #fff; border-right: 15px solid #66CCCC; border-left: 15px solid #66CCCC; position:relative;}
#wrapper {border-bottom: 15px solid #66CCCC; margin-top:0}
#header {
	background: #fff url(../images/photo-styling_logo-top.png) no-repeat 2px 2px; 
	padding-bottom:20px
}

h1, h2, h3, h4 {margin:0; padding:0;}

#header h2 {
	color: #099;
	font-size:72px; font-weight: normal; line-height:72px;
	margin:45px 0 0 85px; 
	position:relative;
	z-index:50;
}
#header h3 a {
	background: url(../images/photo-styling_logo.png) no-repeat 0 -95px;
	line-height:65px;
	position:absolute; top:95px; left:0;
	text-indent:-9999px;
	width:80px; height:55px;
}
#header h3 a:hover, #home #header h3 a {background-position: 0 -245px;}


/* NAVIGATION
-----------------------------------------------------------------------------*/

#nav-links {position:relative; z-index:100;}
#nav-links li, #nav-styling li {padding:0;}
#nav-links a, #nav-links li, #nav-styling a, #nav-social a {color:#663300; font:italic 14.5px Georgia, "Times New Roman", Times, serif; text-decoration:none;}
#nav-links li {z-index:100;}
#nav-links a {padding:0 10px 0;}
#nav-links a:hover {background:#663300; color: #FFFFFF;}

#nav-styling {background: #6cc;}
#nav-styling a {color:#fff; font-size:14.5px; padding:1px 10px 3px;}
#nav-styling a:hover {background:#099}

#nav-social {position:absolute; top:0; right:28px;}
#nav-social li#linkedin, #nav-social li#etched {float:right; }
#nav-social li#linkedin a, #nav-social li#etched a {background: url(../images/linkedin.gif) no-repeat 0 2px; padding:0; /*margin:3px 6px 0 0;*/ text-indent:-9999px; width:22px; height:19px;}
#nav-social li#linkedin a:hover {background: url(../images/linkedin.gif) no-repeat 0 2px;}
#nav-social li#etched a {background-image:url(../images/Etched-icon.gif)}
#nav-social li#etched a:hover {background-image:url(../images/Etched-icon.gif)}


/* CONTENT
-----------------------------------------------------------------------------*/

#content {font-size: 28px; line-height: 140%; text-align:justify}


/* CLIENTS
-----------------------------------------------------------------------------*/

.clientlist {margin-left: 50px; /*width:600px;*/ /*margin-bottom:20px*/}
.clientlist  li{
	padding:8px 6px 8px 28px;
	display:block;
	background: url(../images/petal.png) no-repeat 0px 4px;
	font-size: 95%;
	float: left; 
	width: 200px;
}


/* BOOKING
-----------------------------------------------------------------------------*/

table {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
      }
tr {vertical-align:center;}
td {padding:2px; text-align:right; white-space: nowrap;}
form {margin: 6px 0px; 	border: 1px solid #66CCCC;}


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

#contact-info, #footer {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 20px; clear:both}
/*#contact-info {padding-top:20px;}*/
#footer {font-size: x-small; line-height: 110%; text-align:center;}