/*
 * Theme Name: Youthline
 */
/*RESET*/
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {
	margin:0;
	padding:0;
	vertical-align:baseline;
}
/* Defaults */
h1 {font-size:1.83em;line-height:1.25em;margin:15px 0;}
h2 {font-size:1.58em;line-height:1.2em;margin:15px 0;}
p, ul, ol {margin:15px 0;}
li {margin:0 0 0 20px;}
img {border:0}
fieldset {border:0}

body {
	padding: 0;
	margin: 0;
	background: #fff url(images/body-bg.gif) repeat-x;
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #666;
}
#page {
	width: 890px;
	margin: 0 auto;
	overflow: hidden;
}
form {
	padding: 0;
	margin: 0;
}
#main {
	width: 840px;
	padding: 0 7px 0 10px;
	margin: 0 auto;
	overflow: hidden;
}
/*HOME PAGE*/
/*-----header-----*/
#header {
	width: 840px;
	height: 226px;
	float: left;
	background: url(images/header-bg.gif) no-repeat 444px 31px;
}
/*top line*/
#header .top-line {
	width: 684px;
	float: left;
	padding: 10px 0 0 0;
}
#header .top-line p {
	padding: 0;
	margin: 0;
	float: right;
	width: 535px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/top-line.gif) no-repeat;
}
/*logo*/
#header .logo-box {
	width: 605px;
	float: left;
}
#header .logo {
	float: left;
	padding: 47px 0 0 17px;
	width: 147px;
}
#header .logo a {
	display: block;
	width: 147px;
	height: 68px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/logo.gif) no-repeat;
}
/*slogan*/
#header p.slogan {
	float: left;
	padding: 20px 0 20px 11px;
	margin: 60px 0 0 8px;
	text-indent: -9999px;
	overflow: hidden;
	width: 416px;
	background: url(images/slogan.gif) no-repeat 100% 50%;
	border-left:1px #fff solid;
}
/*image-box*/
#header .image-box {
	width: 229px;
	height: 183px;
	float: right;
	margin: -26px -8px 0 0;
	position: relative;
}
/*navigation*/
#header ul {
	padding: 8px 0 0 0;
	margin: 0;
	list-style: none;
	width: 840px;
	float: left;
}
#header ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#header ul li a {
	float: left;
	height: 25px;
	overflow: hidden; 
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bolder;
	font-size: larger;
	color: #999;
	padding: 3px 7px 0px 7px;
	-moz-border-radius:5px;
}
#header ul li a:focus, #header ul li a:active, #header ul li a:hover {
	color: #fff;
	background-color:#3364A9;
}
/*-----header end-----*/
/*-----content-----*/
#content {
	width: 566px;
	float: left;
	padding: 0;
}
#content img {
	border: none;	
}
#content blockquote {
	text-align: center;
}
#content p {
	padding: 0 20px 0 0;
}
/*map-system-box*/
#content .map-sys-box {
	width: 525px;
	height: 235px;
	float: left;
	margin-left: -14px;
	position: relative !important;
}
/*text-box*/
#content .text-box {
	width: 490px;
	float: left;
	padding: 14px 0 0 5px;
}
#content .text-box h1,
#content .text-box h2 {
	padding: 0;
	margin: 0;
}
#content .text-box h2 img {
	border: none;
}
#content .text-box p {
}
/*intext-box*/
#content .in-text {
	clear: both;
	padding: 50px 0 10px 23px; 
}
#content .in-text p {
}
/*-----content end-----*/
/*-----right column-----*/
#right-column {
	width: 274px;
	float: left;
	padding: 62px 0 0;
	overflow: hidden;
}
#right-column ul {
	margin: 0;
	padding: 0;
}
#right-column ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*cite-box*/
#right-column .cite-box {
	width: 240px;
	float: left;
	background: #fafafa;
	border: 2px #c8d7ed solid;
	padding: 10px 15px 10px;
	text-align: right;
}
#right-column .cite-box cite {
	float: right;
	font-style: normal;
	font-size: 18px;
	color: #6696b9;
	line-height: 23px;
	width: 240px;
}
#right-column .cite-box p {
	padding: 18px 0 0;
	margin: 0;
	width: 200px;
	float: right;
	font-size: 12px;
	line-height: 15px;
	color: #3f3c3d;
}
#right-column .cite-box p span {
	font-size: 11px;
	color: #a4cb56;
}
/*sign-up-box*/
#right-column .sign-up-box {
	width: 274px;
	height: 148px;
	margin-top: 21px;
	float: left;
	background: url(images/sign-up-form-bg.jpg) no-repeat;
}
#right-column .sign-up-box .form {
	float: right;
	padding: 99px 23px 0 0;
	width: 107px;
}
#right-column .sign-up-box .form p {
        margin: 0;
        padding: 0;
}
#right-column .sign-up-box .form input {
	display: block;
}
#right-column .sign-up-box .form input.text {
	width: 107px;
	border: 0;
	background: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #3063a7;
}
#right-column .sign-up-box .form input.subscribe {
	float: right;
	margin: 8px -11px 0 0;
}
* html #right-column .sign-up-box .form input.subscribe {
	display: inline;
	margin-right: -13px;
}
#right-column .sign-up-box .wpcf7-magic-wrapper {                                                                                                            
        display: none;                                                                                                                                       
}
/*pictures boxes*/
#right-column .pic-box {
	width: 274px;
	float: left;
	margin-top: 21px; 
}
#right-column .pic-box img {
	width: 274px;
}
/*-----right column end-----*/
/*-----bottom-links-box-----*/
#bottom-box {
	width: 840px;
	float: left;
	padding: 63px 0 0;
}
#bottom-box div {
	float: left;
	width: 358px;
	padding-right: 95px;
	overflow: hidden;
}
#bottom-box div.right {
	padding: 0;
}
#bottom-box div h2 {
	padding: 0 0 2px;
	margin: 0;
	border-bottom: 1px #cfcfce solid;
}
#bottom-box div h2 img {
	padding-right: 13px;
}
#bottom-box div ul {
	margin: 0;
	padding: 13px 0 0 10px;
	list-style: none;
}
#bottom-box div ul li {
	width: 348px;
	float: left;
	background: url(images/bottom-link-dots.gif) repeat-x 0 100%;
}
* html #bottom-box div ul li {
	float: none;
}
#bottom-box div ul li a {
	text-decoration: none;
	width: 328px;
	height: 21px;
	float: left;
	padding-left: 20px;
	background: url(images/bottom-link-arrow.gif) no-repeat 0 50%;
	color: #4c494a;
	font-weight: bold;
	font-size: 11px;
}
#bottom-box div ul li a:hover {
	text-decoration: underline;
}
#bottom-box div ul li.last-item {
	background: none;
}
/*-----bottom-links-box end-----*/
/*-----footer-----*/
#footer {
	width: 880px;
	padding: 0 5px 10px;
	float: left;
	border-top: 4px #3667ac solid;
	margin: 40px 0 0; 
	font-size: 11px;
	color: #666666;
}
#footer p {
	float: left;
	width: 300px;
	padding: 0;
	margin: 0;
}
#footer ul {
	float: right;
	text-align: right;
	padding: 0;
	margin: 0 40px 0 0;
}
#footer ul li {
	display: inline;
	margin: 0;
	padding: 0 4px 0 8px;
}
#footer ul li.first-item {
	background: none;
}
#footer ul li a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer ul li a:hover {
	text-decoration: underline;
}
/*product PAGE*/
/****content****/
#content.inner {
	width: 700px;
	padding: 0;
}
#content.inner .text-box {
	width: 700px;
}
#content.inner .text-box h2 {
	float: left;
}
* +html #content.inner .text-box h2 {
	float:none;
}
#content.inner .text-box .more {
	float: right;
	margin-right: 20px;
}
* +html #content.inner .text-box .more {
margin-top: -15px;
}
#content.inner .text-box .more img {
	border: none;
}
#content.inner .text-box p {
	float: left;
	width: 670px;
}
#content.inner .text-box .in-text {
	padding: 93px 0 0;
	width: 700px;
}
#content.inner .text-box .in-text p {
}
/*product PAGE end*/
/*ABOUT US*/
#content.about,
#content.about .text-box {
	width: 710px;
	line-height: 21px;
}
#content.about .text-box .in-text {
	float: left;
	padding: 0;
}
#content.about .buttons {
	padding: 30px 0 40px;
	float: left;
	width: 710px;
	overflow: hidden;
}
#content.about .buttons a {
	float: left;
	margin-right: 20px;
}
#content.about .buttons a img {
	border: 0;
}
/*ABOUT US end*/
/*CONTACT*/
#content .contact {
}
#content .contact .left {
	float: left;
	width: 350px;
	border-right: 1px solid;
}
#content .contact .left label {
	font-weight: bold;
}
#content .contact .left input {
	width: 300px;
}
#content .contact .left input.submit {
	width: 100px;
}
#content .contact .left textarea {
	width: 300px;
}
#content .contact .right {
	float: left;
	width: 344px;
	text-align: right;
}
#content .contact .right ul {
	list-style: none;
}
/*CONTACT end*/
/*alignment*/
#content .alignleft {
  display: block;
  padding:0 10px 10px 0;
  float: left;
}
#content .alignright {
  display: block;
  padding: 0 0 10px 10px;
  float: right;
}
#content .aligncenter {
  display: block;
  padding-bottom: 10px;
  margin: 0 auto;
}
/*alignment end*/