/***************************************************************************/
/* General Classes
/***************************************************************************/
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}

/*  'Read more' Button *******************************************************/
.readmore {
	clear:both;
	height:30px;
}
.readmore a {
	background-image:url(../images/skin/readmore.png);
	background-position:left top;
	color:#AAA;
	display:block;
	float:right;
	font-size:0.9em;
	height:30px;
	line-height:28px;
	margin-right:5px;
	text-align:center;
	width:90px;
}
.readmore a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
/*  -END- 'Read more' Button *************************************************/

/***************************************************************************/
/* General Settings
/***************************************************************************/
body {
	background:#252525 url(../images/skin/background.jpg) repeat-x scroll left top;
	color:#DDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
}

/*  Links ******************************************************************/
a {
	color:#E5511C;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color:#FFF;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color:#E5511C;
}
/* -END- Links *************************************************************/

/* Headings ****************************************************************/
h1, h2, h3, h4, h5 {
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size:2.5em;
	line-height:2;
}
h2 {
	font-size:2.2em;
	line-height:1.8;
}
h3 {
	font-size:1.9em;
	line-height:1.8;
}
h4 {
	font-size:1.6em;
	line-height:1.5;
}
h5 {
	font-size:1.3em;
}
/* -END-  Headings **********************************************************/

/* Paragraph ****************************************************************/
p {
	line-height:2em;
	margin-bottom:1em;
}
/* -END- Paragraph **********************************************************/

/* Quote ********************************************************************/
blockquote {
	background-color:#444;
	border-left:3px solid #555;
	font-size:1.1em;
	font-style:italic;
	margin-Bottom:10px;
	margin-left:20px;
	padding:10px 20px;
}
blockquote p {
	margin-bottom:0px;
}
blockquote p.author {
	font-size:0.9em;
	font-style:normal;
	font-weight:bold;
	text-align:right;
}
/* -END- Quote **************************************************************/

/* Table ********************************************************************/
table {
	border-collapse:collapse;
	margin:10px 20px;
}
tr {
	background:#353535;
}
tr.altrow {
	background:#454545;
}
th, td {
	border:1px solid #555;
	text-align:left;
	padding:7px 20px;
}
th {
	background:#4A4a4a;
	color:#DDD;
}
/* -END- Table **************************************************************/

/***************************************************************************/
/* Layout
/***************************************************************************/

#wrapper {
	background:transparent url(../images/skin/lights.jpg) no-repeat scroll center top;
	margin:0 auto;
	padding:0px 0px;
	width:960px;
}

#container {
	background:transparent url(../images/skin/med.png) repeat-y scroll center top;
	overflow:hidden;
	padding:0px 20px;
}

/* Header ******************************************************************/
#header {
	background-image:url(../images/skin/top.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0px 20px;
	height:150px;
}

/* Logo --------------------------------------------------------*/
#header h1#logo {
	padding-top:30px;
	height:60px;
}
#header h1#logo a{
	color:#EEE;
	font-family:comfortaa, verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	line-height:1em;
	text-decoration:none;
}
#header h1#logo a span{
	border-left:1px solid #eee;
	color:#EEE;
	font-size:0.35em;
	padding-left:10px;
}
/* -END- Logo -----------------------------------------------*/

/* Top Links --------------------------------------------------*/
#top_links {
	color:#CCC;
	float:right;
	height:30px;
}
#top_links a.rss {
	background:transparent url(../images/skin/rss.png) no-repeat scroll left center;
	padding-left:20px;
}
#top_links a {
	color:#CCC;
	font-size:0.8em;
	font-weight:normal;
	line-height:30px;
	height:16px;
	padding:5px 0px;
}
#top_links a:hover {
	color:#FFF;
}
/* -END- Top Links --------------------------------------------*/

/* Main Navigation Menu ---------------------------------------*/
#main_menu {
	clear:both;
	height:31px;
	list-style:none;
	padding-top:14px;
	width:700px;
}
#main_menu li {
	float:left;
}
#main_menu li a {
	background-image:url(../images/skin/tabinv.png);
	color:#999;
	display:block;
	font-size:1em;
	font-weight:bold;
	height:31px;
	line-height:31px;
	text-align:center;
	text-decoration:none;
	width:92px;
}
#main_menu li a:hover {
	color:#EEE;
}
#main_menu li.active a {
	background-image:url(../images/skin/tab.png);
	color:#EEE;
}
/* -END- Main Navigation Menu ---------------------------------*/

/* -END- Header ***********************************************************/

/* Breadcrumb Block *******************************************************/
#breadcrumb {
	height:50px;
	padding:0px 20px;
}
#breadcrumb p {
	color:#BBB;
	font-size:1.1em;
	font-weight:bold;
	line-height:50px;
	margin-bottom:0px;
}
/* -END- Breadcrumb Block *************************************************/

/* Section Block **********************************************************/
#section {
	background:#f8f8f8 url(../images/skin/section.jpg) repeat-y scroll left top;
	border-top:1px solid #555;
	border-bottom:1px solid #555;
	height:75px;
	margin:0px 20px 20px;
	padding-left:30px;
	padding-top:25px;
}
#section h2 {
	color:#BBB;
	font-family:comfortaa, Verdana, Arial, Helvetica, sans-serif;
	font-size:2.3em;
	line-height:1;
}
#section  p {
	color:#BBB;
	font-size:1.2em;
	font-weight:bold;
	padding-left:60px;
}
/* -END- Section Block ****************************************************/

/* Main Content ***********************************************************/
#main {
	display:inline;
	float:left;
	padding:20px;
	width:540px;
}
#main img {
	border:1px solid #555;
	margin:10px;
	padding:5px;
}
#main img.left {
	margin-left:0px;
	margin-right:20px;
}
#main img.right {
	margin-left:20px;
	margin-right:0px;
}

/* Lists ------------------------------------------------------*/
#main ul, #main ol, #main dl {
	margin-bottom:10px;
}
#main ul, #main ol {
	list-style-position:outside;
	padding-left:25px;
}
#main ol {
	list-style-type:decimal ;
}
#main ul {
	list-style-type:disc;
}
#main ul ul {
	list-style-type:circle;
}
#main dl {
	background-color:#444;
	border:1px solid #555;
	padding:10px 10px 10px 25px;
}
#main dl dt {
	font-weight:bold;
}
#main dl dd {
	line-height:1.8;
	margin-bottom:5px;
}
/* -END- Lists ------------------------------------------------*/

/* gallery ----------------------------------------------------*/
#gallery {
	height:480px;
	overflow:hidden;
	padding:20px;
	width:880px;
}
/* -END- gallery ----------------------------------------------*/

/* Blog Brief -------------------------------------------------*/
#blog-brief ul {
	border-top:1px solid #555;
	list-style-type:none;
	padding:0px;
}
#blog-brief ul li {
	border-bottom:1px solid #555;
}
#blog-brief h4 {
	padding-bottom:10px;
}
#blog-brief h5 {
	padding-top:5px;
}
#blog-brief small {
	color:#E5511C;
	font-size:0.8em;
	line-height:1em;
}
/* -END- Blog Brief -------------------------------------------*/

/* Blog -------------------------------------------------------*/
#blog ul#entries {
	list-style-type:none;
	padding:0px;
}
#blog ul#entries li {
	border-bottom:1px solid #555;
	margin-bottom:20px;
	padding-bottom:20px;
}
#blog img.head {
	height:120px;
	margin:10px 0px 15px;
	width:525px;
}
#blog div.date {
	background-image:url(../images/skin/blog-date.png);
	float:left;
	font-weight:bold;
	height:60px;
	margin:5px 15px 0px 0px;
	width:60px;
}
#blog div.date p {
	color:#AAA;
	font-size:10px;
	line-height:1;
	margin:15px 0px 0px;
	text-align:center;
	text-transform:uppercase;
}
#blog div.date p span {
	display:block;
	font-size:20px;
}
#blog .title {
	float:left;
}
#blog .title h3 {
	margin-top:5px;
}
#blog .title p.authors-categories {
	font-size:0.8em;
	margin-bottom:5px;
}
#blog a.comments {
	background-image:url(../images/skin/comments.png);
	background-position:center top;
	color:#AAA;
	display:block;
	float:right;
	font-size:1.5em;
	font-weight:bold;
	height:50px;
	line-height:40px;
	margin:10px 20px 0px 0px;
	text-align:center;
	width:50px;
}
#blog a.comments:hover {
	background-position:center bottom;
	color:#E5511C;
	text-decoration:none;
}
#blog div.text {
	clear:both;
	margin-bottom:10px;
}
#blog #navigation {
	height:30px;
	margin-bottom:20px;
}
#blog #navigation a {
	background-image:url(../images/skin/navigation.png);
	background-position:left top;
	color:#AAA;
	display:block;
	height:30px;
	line-height:28px;
	text-align:center;
	width:150px;
}
#blog #navigation a:hover {
	background-position:left bottom;
	color:#E5511C;
	text-decoration:none;
}
/* -END- Blog -------------------------------------------------*/

/* Services ---------------------------------------------------*/
#services ul {
	list-style-type:none;
	padding:0px;
}
#services ul li {
	border-bottom:1px solid #555;
	margin-bottom:20px;
	padding-bottom:20px;
}
#services img {
	border:none;
	float:left;
	margin:10px 30px 10px 0px;
	padding:0px;
}
/* -END- Services ---------------------------------------------*/

/* Contact Form -----------------------------------------------*/
#contact_form {
	padding:20px;
	width:500px;
}
#contact_form p.label {
	font-size:1.1em;
	margin-bottom:5px;
}
#contact_form span.error {
	color:#E00;
	display:none;
	font-weight:bold;
}
#contact_form p#success {
	display:none;
	font-size:1.5em;
	font-style:italic;
	margin-bottom:20px;
	text-align:center;
}
#contact_form input, #contact_form textarea {
	background:#CCC;
	border:1px solid #555;
	font-size:1.1em;
	padding:4px;
	width:490px;
}
#contact_form input.button {
	background-color:#444;
	border:1px solid #555;
	color:#AAA;
	cursor:pointer;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	width:120px;
}
#contact_form p#buttons {
	clear:both;
	text-align:right;
}
/* -END- Contact Form -----------------------------------------*/

/* -END- Main Content ******************************************************/

/* Sidebar *****************************************************************/
#sidebar {
	background:transparent url(../images/skin/sidebar.jpg) repeat-y scroll left top;
	border:1px solid #555;
	display:inline;
	float:right;
	margin:20px 20px 20px 0;
	padding:0 20px 20px;
	width:278px;
}
#sidebar a img {
	border:1px solid #555;
	padding:5px;
}
#sidebar h4{
	padding:20px 0 5px;
}
/* Sidebar Map Frame ------------------------------------------*/
#sidebar #map {
	border:1px solid #555;
	padding:5px;
}
/* -END- Sidebar Map Frame ------------------------------------*/

/* Sidebar Navigation Menu ------------------------------------*/
.side_menu ul {
	border-top:1px solid #555;
	list-style-type:none;
	padding:0px;
}
.side_menu li {
	border-bottom:1px solid #555;
	height:40px;
}
.side_menu li a{
	background:transparent url(../images/skin/ul-mark-grey.png) no-repeat scroll left center;
	color:#DDD;
	display:block;
	font-weight:normal;
	height:40px;
	line-height:40px;
	padding: 0px 0px 0px 20px;
	text-decoration:none;
}
.side_menu li.active a{
	background:transparent url(../images/skin/ul-mark-orange.png) no-repeat scroll left center;
}
.side_menu li a:hover{
	background:transparent url(../images/skin/ul-mark-orange.png) no-repeat scroll left center;
	color:#E5511C;
	text-decoration:none;
}
.side_menu li.active {
	background:#f8f8f8 url(../images/skin/sidebaractive.jpg) repeat-y scroll left top;
}
.side_menu li:hover {
	background:#f8f8f8 url(../images/skin/sidebarhover.jpg) repeat-y scroll left top;
}
/* -END- Sidebar Navigation Menu -------------------------------*/

/* -END- Sidebar ***********************************************************/

/* Footer ******************************************************************/
#footer {
	background:transparent url(../images/skin/bot.png) no-repeat scroll center top;
	clear:both;
	height:20px;
	padding:20px;
	width:920px;
}
#footer p {
	color:#AAA;
	font-size:0.8em;
	font-weight:bold;
	margin:0px;
	text-align:right;
}
/* -END- Footer ************************************************************/