/*
Author Name: Robert Annett
Author Web: www.annettmedia.com
Project: www.barefoot-design.com
Date: 1st May 2011
Updated: 18th May 2011
*/


/* Reset defaults */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } /* Reset margins and padding */

a:link, a:visited{text-decoration:none;outline:none;} /* Reset link styles */

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */

#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */

.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

/* Elements */
body { font-family:Chevin-Medium; font-size:10px; }



/* Select Colour */
::-moz-selection {
	color: #FFF;
	background: #df115c; 
	text-shadow: 1px 1px 1px #000;
	}
::selection {
	color: #FFF;
	background: #df115c; 
	text-shadow: 1px 1px 1px #000;
	}
	
/* Headings */

h1{text-transform:lowercase;}

h2{text-transform:lowercase;}

h3{text-transform:lowercase;}

h4{text-transform:lowercase;}


/*
# Images ################### 
*/

img{border:none; padding:0; margin:0;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}

/* Links */

#main a, #footer a{ color:#df115c; }

#contact a:hover { color:#df115c; border-bottom:1px dotted #df115c; }
#footer a:hover{ color:#df115c; border-bottom:1px dotted #df115c;}

/* Typography */
p{margin:0 0 1.3em;}

#header { clear:both; width:940px; padding:30px 10px 0 10px; margin:auto; position:relative; }
    #header-contain { width:460px; position:relative; height:100px}
    #logo { position:absolute; right:0; bottom:35px; display:block; font-size:36px; font-weight:lighter;}
    #logo a { color:#000; }
    #nav { position:absolute; right:0; bottom:0; display:block; font-size:2.2em; text-transform:lowercase;}
    #nav li { list-style:none; list-style-image:none; display:inline; margin:0 0 0 25px; }
    #nav li a { color:#999; margin:0 0 0 2px;}
    #nav li a.active { color:#df115c; }
    #nav li a:hover { color:#df115c; border-bottom:1px dotted #df115c;}

#main { width:940px; padding:20px 10px 20px 10px; margin:auto;}
.man { background:url(../img/home.png) top left no-repeat; display:block; height:500px; width:660px; margin:-200px 0 0 0;}

#col-one { width:460px; float:left; margin:0 20px 0 0; position:relative; text-transform:lowercase;}
#col-one img { margin:0 0 20px 0; float:left;}
#col-two { width:220px; float:left; margin:210px 20px 0 0; }

/* #col-two img { margin:0 0 20px 0; float:left;} */
#col-two img { }

#col-three { width:220px; float:left;margin:210px 0 0 0;}

#feature { float:left; width:460px; margin:0 0 30px 0; text-transform:lowercase;}

#feature-work { float:left; width:460px; margin:0 0 15px 0; text-transform:lowercase;}


#work {}
#work a.folio-item { float:left; margin:0 0 20px 20px; }
#work a.folio-item.row { margin:0 !important; float:left;}

#aboutlist { margin:0 0 0 20px;}
#aboutlist li { list-style:none; list-style-image:none; margin:0 0 40px 20px; float:left; width:220px;}
#aboutlist li span.title { display:block; font-size:28px; line-height:1.3; margin:0 0 0.3em 0; font-weight:100; text-transform:lowercase; font-family:Chevin-Thin; text-transform:lowercase;}
#aboutlist li span.info { display:block; font-size:14px; line-height:1.3;}

#about-quote, #contact-quote { clear:both; display:block; border-left:15px solid #df115c; margin:15px 0 0 0; padding:0 0 0 10px; font-size:2.6em; line-height:1.3; font-style:normal; font-family:Chevin-ThinItalic; }
#about-quote .caption, #contact-quote .caption { font-size:0.65em; color:#df115c; margin:0.25em 0 0 0;}

#contact { padding:0 0 0 20px; float:left; width:460px; font-size:1.4em; height:155px;}
#cform { padding:0 0 0 20px; float:left; width:460px; font-size:1.4em; height:305px; position:relative;}


#col-one { width:460px; float:left; margin:0 20px 0 0; position:relative;}
#col-one .homefeature { float:left; margin:0; padding:0;}
#col-one .homefeature img { margin:0; padding:0; float:left;}
#col-one .subsection { clear:left; margin:420px 0 0 0; padding:0; display:block;}
#col-one .subsection img {  margin:0; padding:0; float:left;}
#col-one img { }


#cform input{ width:260px; border:1px solid #999; padding:10px; margin:0;}
#cform textarea { width:260px; border:1px solid #999; padding:10px; height:70px; font-family:Chevin-Medium; font-size:1em; bottom:0px; position:absolute; margin:0;}
/*
#cform tr td button.submit {  width:160px; border:1px solid #999; padding:0.47em; margin:0 0 0 15px; background:#FFF; font-size:16px; color:#df115c; bottom:0px; position:absolute;}
*/
.contact-col-left { width:280px; float:left; height:245px; position:relative;}
.contact-col-right { width:180px; float:left; height:245px; position:relative;}
.contact-col-left p, .contact-col-right p { padding:0; margin:0 0 10px 0;}
.contact-col-right button.submit {  width:160px; border:1px solid #999; padding:0.47em; margin:0 0 0 15px; background:#FFF; font-size:16px; color:#df115c; bottom:0px; position:absolute;}

.work-caption { display:block; clear:both; margin:30px 0 0 0; font-size:2.2em; }

#footer { clear:both; margin:20px 0 0 0; width:940px; padding:10px 10px 0 10px; margin:auto; font-size:1.407em; text-transform:lowercase; }
/* Other */

.success { padding:10px 15px 10px 15px; background-color:#edfede; color:#444444; border:solid 1px #76a477; border-left:solid 15px #76a477; font-size:1.4em; margin-bottom:6px; margin:0 0 15px 0; }
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

/* v1.1 Additions */
.feature-contain { width:460px; height:400px; position:relative;}
.feature-contain p { padding:0; margin:0;}
.home-feature-title { position:absolute; bottom:10px; left:15px; font-size:1.88em;}
.home-feature-caption { position:absolute; bottom:0px; left:15px; font-size:1.3em; color:#FFF;}
.work-feature-title { position:absolute; bottom:35px; left:15px; font-size:1.88em;}
.work-feature-caption { position:absolute; bottom:18px; left:15px; font-size:1.3em; color:#FFF;}

#subsection .home-item { position:relative; text-transform:lowercase; height:190px; margin-bottom:20px; float:left;}
#col-two .home-item { position:relative; text-transform:lowercase; height:190px; margin-bottom:20px; float:left;}
#col-three .home-item { position:relative; text-transform:lowercase; height:400px; margin-bottom:20px; float:left;}
.home-item p { padding:0; margin:0; }
.home-item p.project { position:absolute; bottom:16px; left:15px; font-size:1.3em; color:#df115c; }
.home-item p.project .name { color:#000;}

.folio-item { width:220px; height:190px; position:relative; text-transform:lowercase;}
.folio-item p { padding:0; margin:0; }
.folio-item .project { position:absolute; bottom:16px; left:15px; font-size:1.3em; color:#df115c; }
.folio-item .project .name { color:#000;}

/* Colour Styles */
.pink { color:#df115c !important;}
.black { color:#000 !important; }
.pink { color:#df115c !important; }
.white { color:#FFF !important; }