/*
Theme Name: Welltech Default
Theme URI: http://revolution-media.net/
Description: The default Welltech theme.
Version: 1.0
Author: Andrzej Stacherski
Author URI: http://revolution-media.net/
Tags: grey, custom header, fixed width, two columns
*/

* {padding: 0; margin: 0;}
img	{border: 0; }

body {text-align: left; color: #333; margin: 0; padding:0; background: #333 url("img/bgnd-page.gif"); font: 12px Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; font-size: 1em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l, .alignleft {float: left;}
.r, .alignright {float: right;}
.center {text-align: center;}

.clear {clear: both;}
.strong {font-weight: bold;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s210 {width: 210px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.s600 {width: 600px;}

.p100 {width: 100%;}
.s80 {width: 80px;}
.h150 {height: 150px;}

.linklove {display: none;}
.separator {clear: both; margin: 10px 0; border: #ddd solid; border-width: 1px 0 0 0;}

/********************************************************************************/

#wrapper {width: 960px; overflow: hidden; margin: 0 auto; text-align: center;}

#main-nav {float: right; height: 100px; width: 576px; margin: 30px 34px 0 0; overflow: hidden;}
#main-nav ul {margin: 0;}
#main-nav ul li {list-style: none; display: inline; text-transform: uppercase;}
#main-nav ul li a {display: block; float: left; margin: 0 1px; padding: 80px 20px 5px 20px; color: #333; text-decoration: none;}
#main-nav ul li a:HOVER {color: #fff; background: #ae5a5a;}
#main-nav ul li.current_page_item a, #main-nav ul li.current_page_parent a {display: block; float: left; margin: 0 1px; padding: 80px 20px 5px 20px; color: #fff; background: #8c1414; text-decoration: none;}

#header {width: 960px; height: 140px; margin: 0 auto; background: url("img/bgnd-top.png") top center no-repeat;}
#header a.logo {float: left; width: 100px; height: 100px; margin: 30px 0 0 40px; background: url("img/welltech-logo.png") no-repeat; text-indent: -9000px;}

#headerimg {width: 900px; margin: 0 30px;}
.img01 {background: url("img/header/05.jpg") center center no-repeat;}
.img02 {background: url("img/header/06.jpg") center center no-repeat;}
.img03 {background: url("img/header/07.jpg") center center no-repeat;}
.img04 {background: url("img/header/08.jpg") center center no-repeat;}
.home {height: 300px;}
.rest {height: 150px;}

#headerimg #tabs {overflow: hidden; margin: 0 10px 0 540px; float: left;}

#headerimg #tabs #but01 {background: url("img/trans-red.png"); width: 150px; height: 10px; display: block; position: absolute; margin: 20px 0 0 0; font-size: 1.2em; color: #fff; padding: 4px 0 12px 0; cursor: pointer;}
#headerimg #tabs #but02 {background: url("img/trans-black.png"); width: 150px; height: 10px; display: block; position: absolute; margin: 60px 0 0 0; font-size: 1.2em; color: #fff; padding: 4px 0 12px 0; cursor: pointer;}
#headerimg #tab01 {width: 200px; height: 300px; overflow: hidden; background: url("img/trans-red.png"); position: absolute; margin: 0 0 0 150px;}
#headerimg #tab01 ul {margin: 10px;}
#headerimg #tab01 ul li {list-style: none; text-align: left; color: #fff; font-size: 1.2em; padding: 0; border: #ae5a5a solid; border-width: 0 0 1px 0;}
#headerimg #tab01 ul li a {text-decoration: none; color: #fff; padding: 4px 5px 4px 15px; display: block; background: url("img/arrow-white.gif") 5px 50% no-repeat;}
#headerimg #tab01 ul li a:HOVER {background: #222 url("img/arrow-white.gif") 5px 50% no-repeat;}

#headerimg #tab02 {width: 200px; height: 300px; overflow: hidden; background: url("img/trans-black.png"); position: absolute; margin: 0 0 0 150px;}
#headerimg #tab02 ul {margin: 10px;}
#headerimg #tab02 ul li {list-style: none; text-align: left; color: #fff; font-size: 1.2em; padding: 0; border: #333 solid; border-width: 0 0 1px 0;}
#headerimg #tab02 ul li a {text-decoration: none; color: #fff; padding: 4px 5px 4px 15px; display: block; background: url("img/arrow-white.gif") 5px 50% no-repeat;}
#headerimg #tab02 ul li a:HOVER {background: #8c1414 url("img/arrow-white.gif") 5px 50% no-repeat;}

#page {width: 960px; padding: 0; background: url("img/bgnd-content.png") top center repeat-y; display: table-cell;}

#content {float: right; text-align: left;}
#content.narrow {width: 640px; padding: 0 0 20px 20px; margin: 20px 50px 0 0;}
#content.wide {width: 880px; margin: 0 40px; padding: 0 0 20px 0;}

#content h1 {padding: 0; margin: 20px 0 10px 0; font-size: 2.2em; font-weight: normal; color: #8c1414;}
#content h2 {padding: 0; margin: 5px 0; font-size: 1.6em; font-weight: normal; color: #666;}
#content h2 a {color: #666; text-decoration: none;}
#content h2 a:HOVER {color: #333;}
#content h3 {padding: 0; margin: 5px 0; font-size: 1.4em; font-weight: normal; color: #95ACD6;}

#content p {padding: 10px 0;}

#content ul {margin: 10px 0;}
#content ul li {list-style: none; background: url("img/arrow-red.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#content ul li a {color: #333; text-decoration: none;}
#content ul li a:HOVER {text-decoration: underline;}

#content ul.ln {margin: 50px 0 0 0;}
#content ul.ln li {list-style: none; background: url("img/arrow-grey.gif") 0 4px no-repeat; padding: 0 0 0 10px; margin: 0 0 10px 0;}
#content ul.ln li a {color: #333; text-decoration: none;}
#content ul.ln li a:HOVER {text-decoration: underline;}
#content ul.ln li span {color: #95ACD6}


#content ol {margin: 10px 0;}
#content ol li {padding: 0 0 0 10px; margin: 0 0 10px 0; list-style-position: inside;}
#content ol li a {color: #333; text-decoration: none;}
#content ol li a:HOVER {text-decoration: underline;}

#content .slideshowlink {margin: 10px 0; padding: 5px;}

#content a.more-link {padding: 0.4em; text-decoration: none; background: #333; color: #fff;}
#content a.more-link:HOVER {background: #c00; color: #fff;}

#boxes {width: 880px;}
#boxes .box {overflow: hidden; float: left;}
#boxes .b1 {width: 380px; margin: 0; padding: 0 0 10px 0;}
#boxes .b2 {width: 200px; margin: 0 20px; padding: 0 19px 10px 19px; border: #ddd solid; border-width: 0 1px; background: url("img/bgnd-quote.png") 150px 10px no-repeat;}
#boxes .b3 {width: 200px; margin: 0; padding: 0 0 10px 0; background: url("img/bgnd-news.png") 35px 15px no-repeat;}
#boxes blockquote {margin: 50px 0 0 0; font-size: 1.2em; line-height: 1.5em; font-style: italic; color: #333;}


#sidebar {width: 180px; float: left; padding: 0; margin: 20px 0 0 50px;}
#sidebar .sidenav {margin: 20px 0 0 0;}
#sidebar ul {margin: 0;}
#sidebar ul li {list-style: none;}
#sidebar ul li a {display: block; margin: 0 0 5px 0; padding: 5px 10px; text-align: right; text-decoration: none;}
#sidebar ul li a:HOVER {background: #ae5a5a; color: #fff;}
#sidebar ul li.current_page_item a {background: #8c1414; color: #fff;}
#sidebar h2 {color: #333; font-size: 1.4em; margin: 0 0 10px 0; text-align: right;}

#footer {width: 960px; height: 100px; margin: 0 auto; background: url("img/bgnd-footer.png") bottom center no-repeat;}
#footer p {float: left; width: 350px; padding: 15px 0 15px 40px; text-align: left; color: #333;}
#footer p a {text-decoration: none; font-weight: bold; color: #333;}
#footer p a:HOVER {color: #666;}

#footer #logos {float: left; margin: 10px 0 0 35px;}
#footer #logos div {overflow: hidden;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */ 

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #fafafa;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: center;
}
/* End captions */