/* Default Stylesheet */

															/** BODY ELEMENTS **/
body {
	font-size: .8em;
	text-align: center;
	}






															/** MAIN CONTAINERS **/
div#container {
	width: 500px;
	margin: 2em auto;
	padding: 20px 20px 10px 20px;
	color: #333;
	background-color: #fff;
	text-align: left;
	}
	div#header {
		
		}
		div#header-in {
			padding: 2em 0 4em 0;
			}
	div#content-wrap {
		
		}
		div#content {
			
			}
			div#content-in {
				
				}
	div#footer {
		margin: 50px 0 5px 0;
		}
		div#footer-in {
			padding: .5em 0;
			font-size: .75em;
			border-top: 1px solid #eee;
			}






															/** SUB CONTAINERS **/
div.alert,
div.pricing {
	margin: 2em 0 1em 0;
	padding: .8em 1em .9em 1em;
	color: inherit;
	background-color: #E0EDFF;
	border: 3px solid #B2D1FF;
	}
	div.error {
		margin: 0 0 1em 0;
		}
div.entry-blog {
	margin: .8em 0;
	}
hr {
	margin: .8em 0 0 0;
	color: #eee;
	background-color: #eee;
	}
p.work {
	text-align: center;
	border: 10px solid #eee;
	}






															/** LISTS **/
ul#nav-header {
	margin: 1.3em 0 0 0;
	font-size: .95em;
	text-align: right;
	}
	ul#nav-header li {
		padding: 0 3px 0 6px;
		border-left: 1px solid #ccc;
		}
		ul#nav-header li.noborder { 
			padding: 0 3px 0 0;
			border: 0;
			}
		ul#nav-header li a:link 		{ color: #888; background-color: inherit; }
		ul#nav-header li.on a:link 		{ color: #06f; background-color: inherit; }
		ul#nav-header li.on a:visited	{ color: #06f; background-color: inherit; }
		ul#nav-header li a:hover 		{ color: #222; background-color: inherit; }
		ul#nav-header li.on a:hover 	{ color: #222; background-color: inherit; }
		ul#nav-header li a:active 		{ color: #333; background-color: inherit; }
ul.nav-inline {
	padding: .5em 0;
	font-size: .95em;
	}
ul.pages {
	padding: 2em 0 .5em 0;
	font-size: .95em;
	text-align: right;
	}
	ul.nav-inline li {
		padding: 0 6px 0 9px;
		border-left: 1px solid #ccc;
		}
		ul.nav-inline li.noborder { 
			padding: 0 6px 0 0;
			border: 0;
			}
ul.work {
	margin: .8em 0;
	}
	ul.work li {
		float: left;
		margin: 0 0 10px 0;
		}
		ul.work li.mid { margin: 0 10px 10px 10px; }
		ul.work li a {
			display: block;
			border: 10px solid #eee;
			}
			ul.templates li a {
				padding: 5px;
				}
		ul.work li a:hover {
			display: block;
			border: 10px solid #fff;
			}
ul#nav-footer {
	float: right;
	}
	ul#nav-footer li {
		padding: 0 0 0 3px;
		}
ul.nav-sitemap {
	margin: 20px 100px 0 0;
	}
	ul.nav-sitemap li {
		display: block;
		line-height: 1.8em;
		}
	ul.nav-sitemap li.indent {
		padding: 0 0 0 15px;
		}






															/** TYPOGRAPHY **/
h1 {
	float: left;
	}
h2 {
	clear: both;
	margin: 1.6em 0 .5em 0;
	font-size: 1em;
	}
h4 {
	margin: 0 0 .5em 3.1em;
	font-size: 1em;
	}
	h4 a {
		font-weight: bold;
		}
p {
	color: #555;
	background-color: inherit;
	margin: 0 0 .8em 0;
	font-size: .95em;
	}
	p.border {
		margin: 0 0 1.6em 0;
		padding: 0 0 1.6em 0;
		border-bottom: 1px solid #ddd;
		}
	div#footer p {
		color: #aaa;
		background-color: inherit;
		}
	div#footer div.alert p,
	div.pricing p {
		margin: 0;
		color: #333;
		background-color: inherit;
		}
		div.pricing p strong {
			display: block;
			margin: 0 0 5px 0;
			}
		div.pricing p em {
			font-weight: bold;
			font-style: normal;
			}
	div.entry-blog p {
		margin: .2em 0 .2em 3.2em;
		color: #666;
		background-color: inherit;
		}
		p.lfloat {
			clear: left;
			}
		p.lfloat, p.rfloat,
		ul.nav-list {
			width: 46%;
			}
div.entry-blog span {
	display: block;
	float: left;
	width: 30px;
	padding: 0 0 2px 0;
	color: #888;
	background-color: #ffa;
	font-size: .75em;
	text-align: center;
	}
	div.entry-blog span em {
		display: block;
		margin: 0 0 2px 0;
		padding: 2px 0;
		font-size: 1.6em;
		font-weight: bold;
		font-style: normal;
		text-align: center;
		border-bottom: 2px solid #fff;
		}
strong.label {
	display: block;
	clear: left;
	float: left;
	width: 90px;
	padding: 2px 0;
	line-height: 18px;
	border-bottom: 1px solid #eee;
	}
	em.label {
		display: block;
		width: 300px;
		float: left;
		padding: 2px 0;
		line-height: 18px;
		font-style: normal;
		border-bottom: 1px solid #eee;
		}






															/** FORMS **/
form#contact div.input {
	padding: 10px 0;
	}
	form#contact textarea.default {
		width: 300px;
		height: 100px;
		}
	form#contact button {
		width: 70px;
		margin: 0 0 0 105px;
		padding: 4px 0;
		}
		form#contact button em {
			color: #fff;
			background-color: inherit;
			font-size: 80%;
			font-style: normal;
			}






															/** END **/