/* -------------------------------- */
/* HTML ELEMENTS	    			*/ 
/* -------------------------------- */

html  { 
	font: 13px/1.5 Georgia, Helvetica, Serif;
	text-align: center;
	height: 100%;
	color: #fff;
} 
*, * *, * * * { margin: 0px; padding: 0px; }
* :focus { outline: 0; }
a { color: #fff; }
a img { border: none; }

body {
	background: url(../images/background.jpg) top left;
	height: 100%;
}

#skin {
	background: url(../images/bg_fade.png) top left repeat-x;
	height: 100%;
}

h1 { font-size: 26px; margin-bottom: 15px; }
h2 { font-size: 18px; margin: 15px 0 0 0; line-height: 10px; }
h1, h2 { font-weight: normal; font-family: Georgia, Helvetica, Serif; text-transform: capitalize; }

p { margin: 10px 0; }
blockquote { margin: 20px 30px; }


/* -------------------------------- */
/* PAGE STRUCTURE ELEMENTS	    	*/ 
/* -------------------------------- */

.head {
	background: url(../images/ribbon.png) bottom left repeat-x;
	height: 178px;
}
.head .contain { width: 925px; margin: auto; position: relative; left: -36px; }
.head img { float: left; }

#wreath { margin-top: 25px; z-index: 100; float: left; position: relative; }
#logo { margin-top: 12px; position: relative; left: -20px; }

#content {
	width: 765px;
	margin: -8px auto 0 auto;
	text-align: left;
	clear: both;
}
#page-content {
	width: 745px;
	margin:auto;
	padding-left: 20px;
	text-align: left;
	clear: both;
}


#frame {
	position: absolute;
	background: url(../images/frame.png) top center no-repeat;
	width: 461px;
	height: 344px;
}
#frame img { position: absolute; left: 26px; }


/* -------------------------------- */
/* CLASSES					    	*/ 
/* -------------------------------- */

.clear 	{ clear:both; }
.left	{ float: left; }
.right 	{ float: right; }

.alignright { text-align: right; }

.smaller { font-size: .9em; }

.index-upper div.intro {
	float: right;
	width: 260px;
	margin: 30px 0 49px 0;
	font-size: 14px;
}

div.dots {
	background: url(../images/dots_x.png) top left repeat-x;
	height: 4px;
	border: none;
	margin: 20px 0;
	clear: both;
}

.index-upper div.intro img { margin-top: 20px; clear: both; }

#frame-break { clear: both; }

/* -------------------------------- */
/* NAVAGATION				    	*/ 
/* -------------------------------- */

.head ul { float: right; position: relative; right: 0px; top: -55px; left: 0px; }
.head ul li {
	background: url(../images/dots.png) top right no-repeat;
	float: left;
	list-style: none;
	padding: 0px 10px 0px 8px;
}
.head ul li a { text-decoration: none; }
.head ul li a:hover { color: #caa628; }
.head ul li a.active { color: #caa628; }

/* -------------------------------- */
/* CAROUSEL 				    	*/ 
/* -------------------------------- */
.carousel {
	list-style: none;
	float: left;
	margin-top: 10px;
}

.carousel div {
	float: left;
	margin: 0 1px;
	overflow: hidden;
}

.carousel div.controll img { margin-top: 40px; cursor: pointer;}
.carousel .mid { 
	width: 144px;
	overflow: hidden !important;   
	height: 115px !important;
}

.carousel .mid div { position: relative; }

.carousel span {
	background: url(../images/twitter_frame.png) top left no-repeat;
	float: left;
	display: block;
	width: 130px;
	height: 118px;
	margin: 0px 4px;
	padding: 6px 0 0 6px;
}
.carousel .mid img { margin-top: 0px; }


/* -------------------------------- */
/* Index Page 				    	*/ 
/* -------------------------------- */

#index_info {
	background: url(../images/index_info_bg.png) top center no-repeat;
	width: 743px;
	height: 202px;
	clear: both;
	margin: 156px auto 0 auto;
	overflow: hidden;
}

#index_info div { 
	float: left; 
	padding-top: 10px;
}

.padtop5 { padding-top:5px; }

#news { width: 155px; padding: 10px 10px 0px 11px; }
#partners {width: 353px; padding: 10px 0px 0 20px; } 
#help {width: 138px; padding: 10px 15px 0 25px;}

#index_info div h2 {
	font-size: 17px;
	font-weight: normal;
	opacity: .9;
	margin-bottom: 5px;
	text-decoration: underline;
}

#help p {
	font-size: 12px;
	margin-bottom: 25px;
}
#help p span { font-size: 21px; }
#help sup { position: relative; top: 6px; font-size: 15px; }

#partners dt, #partners figure {  display: inline; }
#partners dd { width: 175px; margin-bottom: 12px; }
#help dt, #help figure {  display: inline; }
#help dd { width: 175px; margin-bottom: 12px; }

#partners ol, #page-content ul li {
	list-style: url(../images/star.png);
	margin-left: 10px;
}
#help ol, #page-content ul li {
	list-style: url(../images/star.png);
	margin-left: 10px;
}

#help p { margin-bottom: 10px; }
#foot { padding-bottom: 10px; overflow: auto; }
#foot .left, #foot .right { margin: 25px 10px; }
#foot .left a img { margin: 0 10px 0 10px; }
#foot .right img { margin: 0 7px; }
#foot .right p, #foot .right img { float: right;}
#foot .right p {
	width: 200px;
	font-size: 14px;
	text-align: right;
	opacity: .9;
	margin: 25px 20px 0 0;
}

#success {
	position: absolute;
	width: 50%;
	border: 2px solid #fff;
	padding: 4px 5px;
	text-align: center;
	left: 50%;
	top: 190px;
	margin-left: -25%;
	background: #a4ce94;
	color: #000;
	display: none;
	z-index: 100000;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* -------------------------------- */
/* Tweeters & Whippernsappers		*/ 
/* -------------------------------- */

.twitter {
	background: url(../images/tweetsbg.png) top left no-repeat;
	padding: 5px 20px 0 20px;
	color: #6b271f;
	font: 10px/1 verdana, sans-serif;
	width: 261px;
	height: 111px;
}
.twitter  a { color: #6b271f; }

.twitter span { display: block; margin-top: 5px; }