/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body  { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; background: #e3e3e6 url("images/img01.gif") repeat-x }

h1, h2, h3  { color: #313131 }

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -2px;
}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: normal;
	letter-spacing: -1px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, blockquote, ol, ul  { font-size: 107%; line-height: 167%; text-align: justify; margin-bottom: 1.5em }

blockquote {
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}

ul    { background-color: transparent }
a  { color: #666; text-decoration: none }

a:hover {
	text-decoration: underline;
	color: #DB5600;
}
/* Menu */

#menu       { background-image: url("images/Strat.jpg"); background-repeat: no-repeat; margin: 0 auto; width: 740px; height: 198px; vertical-align: bottom; border-left: 20px solid #db5600 }
#menu ul     { font-size: 110%; list-style: none; display: inline; vertical-align: bottom }
#menu ul.second { font-size: 110%; list-style: none; display: inline; float: right; vertical-align: bottom }
#menu a    { color: white; font-weight: bold; text-align: left; padding: 20px 20px 0; height: 40px; float: left; vertical-align: bottom }
#menu a.second { color: white; font-weight: bold; text-align: left; padding: 20px 20px 0; height: 40px; float: right; clear: left; vertical-align: bottom }
#menu a:hover      { color: #db5600; text-decoration: none; background: transparent; vertical-align: bottom }
#menu b    { text-decoration: underline; vertical-align: bottom }
/* Logo */

#logo    { background: #010100 url("images/Strat.jpg") no-repeat; margin: 0 auto; position: absolute; top: -22px; bottom: 22px; width: 740px; height: 198px }

#logo h1 {
	margin: 0;
	padding: 120px 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 189%;
}

#logo h2 {
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
	background: url(images/img03.gif) repeat-y;
}

/* Content */

#content   { padding: 20px 30px 20px 50px; width: 410px; float: left }

#welcome  { background: url("images/img04.gif") repeat-x left bottom; margin-bottom: 10px; padding-bottom: 1px }

.floating-box   { text-align: left; position: relative; left: 10px; width: 350px; float: left }

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul   { font-size: 92%; line-height: 144%; text-align: left; position: relative; left: 15px }

.floating-box img   { border: solid 5px white }
.gallerycontainer   { font-size: 120%; position: relative }
.thumbnail img { margin: 0 5px 5px 0; border: solid 1px white }
.thumbnail:hover { background-color: transparent }
.thumbnail:hover img { border: solid 1px blue }
.thumbnail span { color: black; text-decoration: none; background-color: #ffffe0; visibility: hidden; padding: 5px; position: absolute; left: -1000px; border: dashed 1px gray }
.thumbnail span img { padding: 2px; border-width: 0 }
.thumbnail:hover span     { visibility: visible; z-index: 50; top: -20px; left: 0 }
/* Sidebar */

#sidebar  { padding: 15px; width: 240px; float: right }

#sidebar blockquote   { background: url("images/divider_small.gif") no-repeat right bottom; text-align: right; margin-left: 0; padding-bottom: 1em; padding-left: 1em; border-bottom: 5px none; border-left: 5px solid #db5600 }

#sidebar blockquote p {
	text-align: left;
	line-height: normal;
	font-style: italic;
}

#links {
}

#links ul {
	background: url(images/img04.gif) repeat-x left bottom;
}

#links li {
	padding: 5px 0;
	background: url(images/img04.gif) repeat-x left top;
}

#links a {
	padding-left: 1em;
	background: url(images/img08.gif) no-repeat left center;
	color: #DB5600;
}

/* Footer */

#footer {
	height: 50px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#footer .wrapper {
	width: 760px;
	margin: 0 auto;
}

#footer .BGRC   { font-size: 90%; background: #ffffff; padding: 16px 30px 0; width: 407px; height: 34px; float: left; border-left: 20px solid #010100 }

#footer .template   { color: #ffffff; font-size: 75%; background: #db5600; text-align: center; margin: 0 auto; padding: 16px 0 0 0; width: 273px; height: 34px; float: right }