/* Body
----------------------------------------------- */
body{
	background: #9ca946 url("../imgs/bg.jpg") top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}

html{
	height: 100%;
}



/* Structure
----------------------------------------------- */
*{
	margin: 0;
	padding: 0;
}

#container{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -186px;
}

.push{
	height: 186px;
}

* html #container{
	height: 100%;
}

#container div{
	float: left;
	display: inline;
}

#container,
#design,
#footer-interior{
	width: 781px;
	margin: 0 auto;
}

#nav{
	background:  url("../imgs/bg-nav.jpg") top left no-repeat;
	margin-left: 55px;
	width: 674px;
	height: 42px;
	margin-bottom: 46px;
}

#addr{
	width: 238px;
	margin-left: 55px;
	padding-top: 120px;
	background-repeat: no-repeat;
}

.offer{ background-image: url("../imgs/bg-sidebar-offer.jpg"); }
.about{ background-image: url("../imgs/bg-sidebar-about.jpg"); }
.expect{ background-image: url("../imgs/bg-sidebar-expect.jpg"); }
.questions{ background-image: url("../imgs/bg-sidebar-questions.jpg"); }
.events{ background-image: url("../imgs/bg-sidebar-events.jpg"); }

#content{
	width: 437px;
}

#footer{
	clear: both;
	position: relative;
	width: 100%;
	height: 186px;
	background: #1d3c4e url("../imgs/bg-footer.jpg") top left repeat-x;
}

#footer-interior{
	position: relative;
	background: url("../imgs/bg-footer-interior.jpg") top left no-repeat;
	height: 186px;
}

#content .event{
	margin-bottom: 22px;
}

#content .share{
	width: 408px;
	text-align: right;
	margin-bottom: 26px;
}

#content .media-inner{
	width: 408px;
	height: 255px;
	margin-bottom: 3px;
	border: solid 1px #fff;
}

#HttpClientStatus{
	position: absolute;
	width: 100px;
	height: 20px;
	top: 5px;
	right: 5px;
	display: none;
}



/* Paragraphs and Headlines
----------------------------------------------- */
#design p{
	font-size: 11px;
	line-height: 1.5em;
	margin-bottom: 18px;
}

#addr p{
	color: #333;
	line-height: 1.5em;
	margin-left: 8px;
}

#addr p.pe{
	line-height: 1.8em;
	margin-bottom: 18px;
}

#content h1{
	margin-bottom: 22px;
}

#content p{
	color: #fff;
	margin-right: 24px;
}

#footer-interior p{
	font-size: 10px;
	color: #ccc;
	position: absolute;
	bottom: 3px;
}

#footer-interior p.copy{
	float: left;
	display: inline;
	left: 55px;
}

#footer-interior p.credit{
	float: right;
	display: inline;
	right: 55px;
}

blockquote{
	margin: 0 2em;
}

blockquote h2{
	color: #333;
	font-size: 11px;
}

.center{
	text-align: center;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

#content .hilite,
#content .hilite p{
	color: #333;
}

#content .event h3{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-bottom: 6px;
}

#content .event h3 span{
	font-style: italic;
}

#content .event p{
	margin-bottom: 0;
}

#UserMsg{
	display: none;
}

#content .media p{
	margin-bottom: 6px;
}

#content .media strong{
	margin-right: 4px;
	color: #333;
}



/* Lists
----------------------------------------------- */
#nav ul{
	float: left;
	display: inline;
	width: 677px;
}

#nav li{
	float: left;
	display: inline;
	list-style-type: none;
}

#addr li{
	list-style-type: none;
}

#nav li.logout{
	line-height: 35px;
	float: right;
	display: inline;
	margin-right: 38px;
}

#addr ul{
	margin-right: 90px;
	margin-bottom: 54px;
	text-align: right;
}

#addr li{
	color: #fff;
	font-size: 11px;
	margin-bottom: 9px;
}

#addr ul.social{
	margin: 0 0 0 8px;
	text-align: left;
}

#addr ul.social li.facebook{
	line-height: 32px;
	padding-left: 38px;
	background: url(../imgs/facebook.png) center left no-repeat;
}

#addr ul.social li.twitter{
	line-height: 32px;
	padding-left: 38px;
	background: url(../imgs/twitter.png) center left no-repeat;
}

#content .textile ul,
#content .textile li{
	float: left;
	margin-left: 0;
	margin-bottom: 0;
}

#content .textile li{
	font-size: 11px;
	list-style-type: none;
	margin-right: 2em;
}



/* Links
----------------------------------------------- */
#addr p.pe a{
	text-decoration: none;
	color: #333;
}

#addr p.pe a:hover{
	color: #e8f3a0;
}

#addr a{
	text-decoration: none;
	color: #fff;
}

#addr a:hover{
	color: #333;
}

#footer-interior p.credit a{
	color: #ccc;
	text-decoration: none;
}

p.add a{
	background: url(../imgs/icons/add.gif) left center no-repeat;
	padding-left: 20px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

p.add a:hover{
	color: #fff;
	text-decoration: underline;
}

a.content-link{
	color: #fff;
	text-decoration: underline;
}

a.content-link:hover{
	text-decoration: none;
}

#nav li.logout a{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}

#nav li.logout a:hover{
	color: #a1ad52;
}

#content .event a{
	color: #424242;
	text-decoration: none;
}

#content .event a:hover{
	color: #0e0e0e;
}

#content .event a.button{
	display: block;
	width: 98px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 11px;
	background: url(../imgs/button.png) top left no-repeat;
	margin-top: 6px;
}



/* Images
----------------------------------------------- */
img{
	border: 0;
}



/* Tables
----------------------------------------------- */
.manager{
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: #f1f1f1;
	margin-bottom: 1em;
}

.manager td,
.manager th{
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 4px;
	font-size: 11px;
	color: #333;
}

.manager .delete{
	text-decoration: line-through;
}



/* Forms
----------------------------------------------- */
.element-align{
	float: left;
	display: inline;
	margin-right: 10px;
}

.element-block{
	margin-bottom: 1em;
}	

input{
	border: solid 1px #ccc;
	padding: 2px 4px;
	font-size: 12px;
	margin-bottom: 4px;
}

.admin label{
	display: block;
	float: left;
	width: 10em;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}

.login label{
	display: block;
	margin-bottom: 3px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

.admin label span,
.login label span{
	color: #f00;
	font-weight: bold;
	font-size: 16px;
	margin-left: 2px;
}

.admin label.label-submit,
.login label.label-submit{
	line-height: 0;
	font-size: 1px;
	margin-left: -999em;
}

.admin input,
.admin textarea{
	padding: 2px;
	float: left;
}

.login input{
	margin-bottom: 1em;
	padding: 2px;
}

.admin textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}