/* @override http://localhost/toulies/media/css/base.css */

/* @override http://toulies.com/media/css/base.css */
/* @override http://localhost/toulies/media/css/base.css */

/* @group Auto-clearing */

.autoclear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.autoclear { display: inline-block }

/* Hides from IE-mac \*/
* html .autoclear { height: 1% }
.autoclear { display: block }
/* End hide from IE-mac */
	
/* @end */

* {
	font-family: "HelveticaNeue-Light", Helvetica, Verdana, Arial;
	/*font-family: "Optima", "HelveticaNeue-Light", Helvetica, Verdana, Arial;*/
}

body {
	background-image: url(../images/background.gif);
	margin: 0;
}

#outterFrame {
	width: 720px;
	margin: 20px auto auto;
	position: relative;
}

#innerFrame {
	background-color: #4e6e22;
	width: 720px;
	float: left;
	position: relative;
}

#leftShadow {
	width: 17px;
	height: 100%;
	float: left;
	margin-left: -17px;
	position: absolute;
	background-image: url(../images/shadow.png);
}

#rightShadow {
	position:absolute;
	height:100%;
	width:17px;
	right:0px;
	margin:0 -17px;
	background-image: url(../images/shadow2.png);
}

#bottomShadow {
	width: 720px;
	height: 25px;
	margin: 0 0 0 -17px;
}

#topShadow {
	width: 720px;
	height: 25px;
	margin: 0 0 0 -17px;
}

#header {
	background-color: white;
	height: 247px;
	margin-bottom: 2px;
	padding: 15px;
	text-align: left;
}

#slogan {
	float: right;
	width: 341px;
	height: 146px;
	text-indent: -1000em;
	padding-right: 53px;
	background: url(../images/slogan.gif) no-repeat left bottom;
	padding-top: 55px;
}

#footer {
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin: 15px;
}

#footer a {
	color: #fff;
	text-decoration: none;
	border-style: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* @group Navigation */

#navigation {
	text-align: center;
	border-bottom: 2px solid #4e6e22;
	margin-bottom: 10px;
}

#navigation ul {
	margin: 5px 0;
	padding-right: 0;
	padding-left: 0;
}

#navigation li {
	display: inline;
	font-size: 14px;
	padding: 15px;
	text-transform: capitalize;
}

#navigation a {
	text-decoration: none;
	color: #434343;
}

#navigation li.active a {
	color: #4e6e22;
}

/* @end */

#content {
	padding-bottom: 10px;
	padding-top: 1px;
	font-size: 14px;
	min-height: 391px;
	background: white url(../images/backgrounds/001.jpg) repeat-y 0 bottom;
}

#content p {
	padding-top: 10px;
	/*padding-left: 300px;*/
	padding-left: 20px;
	margin: 0;
	padding-right: 20px;
	text-indent: 18px;
}

#content p + p {
	text-indent: 0px;
}

.leftImage {
	padding: 10px 10px 5px;
	float: left;
	clear: both;
	margin-left: 10px;
	margin-bottom: 0;
}

.rightImage {
	float: right;
	clear: both;
	margin: 15px;
	border: 1px solid #b3b3b3;
}

#thumbs {
	width: 300px;
}

#thumbs ul {
	list-style-type: none;
	padding-left: 10px;
	margin-top: 20px;
}

#thumbs li {
	list-style: none;
	margin: 5px;
	padding: 0;
	float: left;
	display: inline;
	width: 96px;
	height: 96px;
	text-align: center;
	vertical-align: middle;
}

#thumbs li a {
	display: inline;
	vertical-align: middle;
}

#thumbs img {
	border-style: none;
}

.portfolioImage {
	float: right;
	clear: both;
	margin: 15px;
	border: 1px solid #b3b3b3;
}

#comingSoon {
	width: 263px;
	height: 350px;
	margin: auto;
	background: url(../images/comingSoon.png) no-repeat center center;
}

#accolades {
	width: 100%;
	min-height: 330px;
	margin: auto;
	padding: 10px;
	/*font-size: 13px;*/
}

#accolades_image {
	text-indent: -1000em;
	width: 184px;
	height: 43px;
	background: url(../images/accolades.png) no-repeat;
}

#accolades ul {
	width: 660px;
	padding: 0;
	margin: 15px auto auto;
}

#accolades li {
	list-style: none;
}

#accolades li .author {
	display: block;
	margin-top: 5px;
	text-align: right;
	margin-bottom: 25px;
}