/* Striptees UK - Coded up by Ben Debnam ¥ goocreative.co.uk */

/*reset*/

html { margin: 38px 0 0 0; padding: 0; background: #ddd; font-family: Helvetica;
}
h1 {font-family: Georgia; font-size:1.1em; line-height:1.7em; font-style: italic; font-weight: normal; width: 453px; color: #686868; margin: 0; padding: 0;}

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clearfix { height: 1%; }
.clear { clear:both; }

#colwide h1 {font-family: Georgia; font-size:1.3em; line-height:1.6em; font-style: italic; font-weight: normal; width: 444px; color: #686868; margin: 0 0 -10px 0; padding: 0;}

h1 a { color:#d44d83;}
h2 { font-size: 0.9em; color: #686868; padding: 0; margin: 30px 0 15px 0; line-height: 1.45em;}
h3 { font-size: 1em; color: #686868;}
h4 { font-family: Georgia; font-weight: normal; font-style: italic; font-size: 1.25em; color: #686868; padding: 0; margin: 30px 0 15px 0; line-height: 1.55em;}
h4 a {color:#d44d83;}

#header { height:389px; width: 940px; display: block;}
.home { height:359px; width: 940px; background: url(../img/_home.jpg) top left no-repeat; display: block;}
.about { height:359px; width: 940px; background: url(../img/_about.jpg) top left no-repeat;}
.quotes { height:359px; width: 940px; background: url(../img/_home.jpg) top left no-repeat;}
.portfolio { height:359px; width: 940px; background: url(../img/_portfolio.jpg) top left no-repeat;}
.faq { height:359px; width: 940px; background: url(../img/_faq.jpg) top left no-repeat;}
.contact { height:359px; width: 940px; background: url(../img/_contact.jpg) top left no-repeat;}

#nav { list-style: none; float: right; margin: 370px 15px 0 0; }
#nav li {display: inline; float: left; padding: 0 13px; text-decoration: none; }
#nav a { text-decoration: none; color:#686868; font-size: 0.8em; font-weight: bold; }
#nav a:hover { color:#000; }

#main { width: 940px; margin:0 auto; padding: 28px 0; }

#col1 { width:504px; margin:0 0 0 26px; background: url(../img/_dotted.png) right top repeat-y; float: left; }
#col2 { width:360px; margin:0 26px 0 0px; float: right; }
#col2 p { font-family: Georgia; font-size: 0.9em; line-height: 1.45em; font-style: italic; font-weight:normal; color:#7e7e7e; padding: 0; margin: 0;} 
#col2 p span {color:#d44d83; }
#col2 p a {color:#d44d83; }
#col1 a:hover { color:#000;}
#col2 a:hover { color:#000;}
#colwide { width: 910px; margin:0 auto; padding: 0 20px; }
#colwide li {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
#colwide ul { margin: 30px 0 0 0; padding: 0;}

#container { width: 940px; margin:0 auto; padding: 0 0 28px 0; background: url(../img/_footer.png) bottom left no-repeat white; overflow: hidden;}

#footer { width:988px; margin:0 auto; padding: 10px 0; font-size: 0.75em; }
.footerlinks { list-style: none; }
.footerlinks li { display: inline; float: left;}
#footer a { text-decoration: none; padding: 0 8px 20px 8px; color:#777;}
#footer a:hover { color:#000;}


/* home */

#flickr { height:141px; width:480px; /*background: url(../img/flickrhold.jpg) top left no-repeat;*/ margin: 48px 0 0 0;}


/* About */

.services { list-style: none; margin:30px 0 0 0; padding: 0; font-family: Georgia; color: #686868; width: 224px; float: left; }
.services li { margin:0; padding: 0; font-size: 0.85em; line-height: 1.3em; }
.services .legend { font-weight: bold; font-family: Helvetica;}

/* Contact */


#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
	
#contact { display: block; margin: 20px auto 50px auto; padding: 0 35px 0 0; }

#contact fieldset { border: none;  }
#contact form	 { border: none; }
#contact label { font-weight: bold; color:#686868; font-size: 0.8em; float:left; }
#contact label .extra { font-weight: normal; font-style: italic; font-family: Georgia; font-size: 1em; display: block; width: 120px; float:left; }

#contact .label {float: left;  display: block; }
#contact input { background: #dcdcdc; border: none; float: right; font-size: 1em; padding: 4px; font-size: 0.8em; }
#contact textarea { background: #dcdcdc; border: none; float: right; font-size: 1em; padding: 4px; font-size: 0.86em; font-family: Helvetica; }
#contact #comments { float: right;}
#contact br { margin: 7px; }
#contact .submit { clear: both; margin:10px;}
#contact .error_message { margin: 0px 0px 20px 0px; padding: 5px; color: #fff; background: #d44d83; }



/* faq_list */

#faq_list {}
#faq_list a { 
	margin: 0px; 
	padding: 5px 0px; 
	color: #666; 
	font-weight: bold; 
	font-size: 0.9em;
	cursor:pointer;
	display:block;
	padding:5px 5px 5px 0px;
}
#faq_list a:hover {}
#faq_list p { color: #666; font-size: 0.9em; padding: 0px 35px 0 0; font-family: Georgia; line-height: 1.55em; }


/* Portfolio & Homepage Flickr Grab */

#portfolio #recent li {padding: 0 7px 7px 0;}
#portfolio #recent a {border: none;}
#portfolio #recent img {border: none;}

#main #flickr ul {margin: 0;padding: 0;}
#main #flickr li {padding: 0; margin:0 0 -4px 0; display: inline; float: left;}
#main #flickr a {border: none;}
#main #flickr img {border: none; height:48px; width:48px;}