@import url("reset.css");
@import url(http://fonts.googleapis.com/css?family=Overlock:700,900);


/* Global stylesheet for My First Website */

body {
	background: #fff;
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
}


h1 {
	font-size: 24px;
	color: #444;
}



h2 { 
	color: #444;
	text-align: left;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 16px;
	margin-right: 0px;
}


h2 { 
	color: #444;
	text-align: right;
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 16px;
	margin-right: 0px;
}


.what {
display:block;
  color: #7c6b54;
  text-align: left;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 0px;
}

h3 {
	font-weight: bold;
	color: #444;
	text-align: left;
	margin-top:8px;
	margin-bottom: 8px;
	font-size: 16px;
}


h4 {
	color: #907c62;
	font-size: 16px;
	margin-left: 16px;
	}

h4r {
	color: #444;
	font-size: 16px;
        font-weight: bold;
	}


h5 {
	display: inline;
	font-weight: bold;
	color: #907c62;
	margin-left: 16px;
	}

h6 {
	font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #444;
        text-align: center;
}


p {
	line-height: 22px;
	text-align: left;
	}


.fix {
        text-align: left;
        margin: 0px 0px 0px 16px;
}

.center {
        text-align: center;
}

.after {
       margin: 0px 0px 11px 0px;
       line-height: 18px;
}

em {
	font-style: italic;
}



strong {
	font-weight: bold;
}





li {
	display: inline;
}



regularli {
	display: block;
        padding: 0px 0px 0px 16px;
}


a {
	color:  #444;
	text-decoration: none;
}


.h4 {
	color: #907c62;

}

a:hover {
	color:  #907c62;
	text-decoration: underline;
}




.light {
       color: #888;
       font-size: 12px;
}








#page-wrap {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	background-color: #fff;
}


#header {
	margin-bottom: 10px;
	padding-bottom: 10px;
}



.home-content #main-content {
	display: inline-block;
        width: 640px;
	margin-top: 20px;
	margin-right: 20px;
}




.thumbnail {
	background-color: #fff;
	margin: 0px 20px 20px 16px;
	padding: 4px;
	height: 280px;
}



.sample {
	background-color: #fff;
	margin: 0px 20px 20px 40px;
	padding: 4px;
}





.description {
	font-size: 14px;
	color:  #444;
        margin: 100px 0px 6px 0px;
	line-height: 20px;
}


.descriptionsortalong {
	font-size: 14px;
	color:  #444;
        margin: 60px 0px 6px 0px;
	line-height: 20px;
}


.descriptionlong {
	font-size: 14px;
	color:  #444;
        margin: 75px 0px 6px 0px;
	line-height: 20px;
}



.descriptionshort {
	font-size: 14px;
	color:  #444;
        margin: 125px 0px 6px 0px;
	line-height: 20px;
}


.descriptionveryshort {
	font-size: 14px;
	color:  #444;
        margin: 140px 0px 6px 0px;
	line-height: 20px;
}



.descriptiontopped {
	font-size: 14px;
	color:  #444;
        margin: 0px 0px 6px 0px;
	line-height: 20px;
}


.descriptiongallery {
	text-align: right;
	font-size: 12px;
        line-height: 22px;
}




.tabbed {
        margin: 0px 0px 6px 285px;

}


.column1of3 {
	width: 350px;
        margin: 20px 0px 0px 0px; 
	text-align: left;
	float: left;
}	

.column2of3 {
	width: 350px;
        margin: 40px 0px 0px 0px; 
	text-align: right;
	float: left;

}	

.column3of3 {
	width: 240px;
	clear: right;
	float: left;
}	


.regcolbody {
margin-left: 100px;
margin-right: 0px;

}



.regcolumn1of3 {
	width: 31%;
	float: left;
margin-right: 20px;
}	

.regcolumn2of3 {
	width: 31%;
	float: left;
margin-right: 20px;
}	

.regcolumn3of3 {
	width: 31%;
	float: left;
	clear: right;
}








.column1of2 {
	width: 200px;
        float: left;
}	

.column2of2 {
        width: 470px;
        float: left;
	margin: 0px 0px 0px 40px;
        
}	






.column1of2gallery {
	width: 300px;
        float: left;
clear: left;
}	

.column2of2gallery {
        width: 350px;
        float: left;
	margin: 0px 0px 0px 60px; 
}	


.fixed {
        position: fixed;
        top: 117px;
        left: 76px;
        width: 224px;
	text-align: right;
}



.right{
	text-align: right;
}	



hr {
	height: 1px;
	width: 295px;
	margin: 5px 0px 1px 0px;
	color: #dfd9d9;
	background: #dfd9d9;

}

hr.long {
	height: 1px;
	width: 400px;
	margin: 5px 0px 1px 0px;
	color: #EBE7DF;
	background: #EBE7DF;

}


hr.longer {
	height: 1px;
	width: 470px;
        margin: 5px 0px 20px 0px;
        color: #EBE7DF;
        background: #EBE7DF;

}




hr.dances {
	clear: left;
        height: 3px;
	width: 400px;
	margin: 5px 0px 1px 0px;
	color: #67c916;
	background: #000000;

}


.nav {
display:inline;
word-spacing: 1em;
color: #ee3e80;
}


.lightcol1 {
       margin: 0px 0px 0px 32px
       color: #888;
       font-size: 12px;
}





/* Basic Image Properties */

img.large {
	width: 400px;
	}
	
img.medium {
	width: 250px;
	}

img.writing {
        width: 176px;
        }

img.small {
	width: 100px;
	}	

img.tiny {
	width: 65px;
	}	



/* Other Image Properties */

img.float {
	float: left;
	margin-right: 30px;
	margin-bottom: 50px;
	clear: left;	
	}

img.oops {
float: right;
margin-right: 0px;
}


img.align-center {
        display: block;
        margin: 0px auto;
}