/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:1024px;overflow:hidden; margin-left:auto; margin-right:auto}
/* Global properties */
body {background:#454545;border:0;font:13px Arial,Helvetica,sans-serif;color:#818181;line-height:18px}
#page1 header {height:500px; width:1024px; margin:0 auto 0 auto; }

#page1 header .background {height:600px; width:1024px; margin:0 auto 0 auto; background:url(../images/header_bg.png) center 48px no-repeat}
.main {	margin:0 auto;	width:980px}
.body1 {background:url(../images/bg_top.gif) top repeat-x #f2f2f2}
.body2 {background:#e6e6e6;border-bottom:1px solid #C7C3C3}
/* main layout */
a {color:#000;text-decoration: none;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:23px 0 0 30px}
h2 {font-size:16px;color:#000;line-height:1.2em; font-family:"Times New Roman"; margin-top:20px;}
h2.pad_bot1 {padding-bottom:11px}
h2.pad_top1 {padding-top:10px}
h3 {font-size:24px;line-height:1.2em;color:#000;padding:37px 0 13px 0;letter-spacing:-1px}

/* header */

#logo {display:block;background:url(../images/systematics-logo.jpg) 0 0 no-repeat;width:333px;height:68px;text-indent:-9999px; margin-top:15px; margin-left:20px;}
#main-menu {float:right;padding:35px 0 0 0}
#main-menu li {float:left;padding-left:1px; width:118px; height:38px;}
#main-menu li a {display:block; font-family:'Arial';font-size:18px;color:#525256;text-decoration:none;  text-align:center; line-height:35px; height:38px;}

#main-menu li a:hover, #main-menu #menu_active a {color:#000;background:url(../images/button-back.jpg) top repeat-x}
.active a{color:#000;background:url(../images/button-back.jpg) top repeat-x; display:none;}
.product-Container {float:left;width:280px;position:relative; margin:110px 0 0 45px;}
.text {font-size:13px;color:#8a8a8a; font-family:Arial;padding:78px 0 45px 75px;letter-spacing:-1px;float:left;width:480px;position:relative}
.text p span {display:block;margin-top:-4px; font-family:Myriad Pro;}
.text p { font-size:15px; line-height:25px; font-weight:normal; margin-top:-50px;font-family:'Verdana'; color: #333;}
.text .tittle {font-size:29px; margin:0 0 60px; display:block;  font-family:Arial; font-weight:bold;}
.text .tittle span {font-size:23px;color:#555a56;display:block;margin-top:-2px; line-height:24px;}
.syst { color:#0090c1;}

.text .button1 {
	display:block;
	position: relative;
	background:url(../images/button_1.png) 0 0 no-repeat;
	width:158px;
	height:56px;
	text-align:center;
	font-size:24px;
	line-height:46px;
	color:#3d6c00;
	text-transform:uppercase;
	text-decoration:none;
	float:right;
	margin-top:-10px;
}

.button2 {
	display:block;
	position: relative;
	background:url(../images/button-2.png) 0 0 no-repeat;
	width:106px;
	height:50px;
	text-align:center;
	font-size:12px;
	line-height:46px;
	color: #696969;
	text-decoration:none;
	float:right;
	margin-top:33px;
	font-family:Arial, Helvetica, sans-serif;
}
.button2:hover {
	display:block;
	position: relative;
	background:url(../images/button-2.png) 0 0 no-repeat;
	width:106px;
	height:50px;
	text-align:center;
	font-size:12px;
	line-height:46px;
	color: #090;
	text-decoration:none;
	float:right;
	margin-top:33px;
}

#gallery {position:relative;height:413px;width:530px;float:right;padding-right:30px}
#gallery img {display:block;width:100%;height:100%}
#gallery li {background:url(../images/img_bg.png) center 2px no-repeat;overflow:hidden}
/* content */
#content {padding-bottom:18px;width:100%;overflow:hidden; background:url(../images/content-bg.png) left 0px no-repeat; margin:70px auto 0 23px; padding-left:28px;}
/*#content a:hover{color:white;}*/

#content2 {padding-bottom:49px;width:100%;overflow:hidden}



.col1, .col2, .col3, .cols {float:left}
.col1 {width:225px; margin-top:0px;  background:url(../images/left-image.jpg) right 10px no-repeat; margin-right:15px;}

.col1 h2 {font-size:12px; font-family:Arial; line-height:17px; border-bottom:1px dashed #b6b7b8;line-height:27px; margin-bottom:5px; margin-left:7px;width:210px;}
.col1 p {font-size:12px; font-family:Arial; text-align:justify; line-height:15px; width:210px;margin-left:7px;}
.col1 div div div {font-size:12px; font-family:Arial; text-align: center; font-weight:bold; margin-top:75px; margin-left:50px;}
.col1 p span{font-size:11px;  font-family:Arial; font-weight:bold; color: #333;}
.col1 p p{font-size:11px; font-family:Arial; font-weight:bold; color: #333;}
.link {font-size:11px; font-family:Arial; color: #0084ea; text-decoration:none; margin-top:-20px; position:absolute; margin-left:8px; }
.link a {font-size:11px; font-family:Arial; color: #0084ea; text-decoration:none;}
.link:hover {font-size:11px; font-family:Arial; color: #fff; text-decoration:none;}

.col3 {width:225px; margin-top:0px;  margin-right:15px;}
.col3 h2 {font-size:12px; font-family:Arial; line-height:17px; border-bottom:1px dashed #b6b7b8;line-height:27px; margin-bottom:5px; margin-left:7px;width:210px;}
.col3 p {font-size:12px; font-family:Arial; text-align:justify; line-height:17px; width:210px;margin-left:7px;}
.col3 p span{font-size:11px; font-family:Arial; font-weight:bold; color: #333;}
.col3 p p{font-size:11px; font-family:Arial; font-weight:bold; color: #333;}

.col2 {padding-left:50px;width:553px}
.col_1 {width:161px;padding-left:50px;float:left}
.col_2 {width:131px;padding-left:50px;float:left}
.cols {width:256px}

.top2{ background-color:red;}

#page2 .col2 figure {float:left;width:53px}
#page2 .col2 .left {width:195px}
/* index-2.html */
#page4 h2.pad_top1 {padding-top:0;margin-top:-10px}
#page4 #content {padding-bottom:29px}
/* footer */
footer {color: #333;font-size:11px!important;text-align:center;width:100%;float:left }
footer a {color:#F60; font-size:12px; }
footer a:hover { color:#000}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul {list-style:none}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
img {vertical-align:top}
embed {vertical-align:top}
.white_text:hover{ color:white;}
.c-soon{margin: 0 auto; width: 291px; padding-top: 164px;color: #333;}
* {border:none}
.hmrc{ display:inline; float:left;}
.newoffers{background: url(../images/offer.png) 0 0 no-repeat;width: 130px;height: 130px;position: absolute;top: 67px;right: 110px; text-indent:-9999px; cursor:pointer;}
.newoffers a{color: #3d6c00;line-height: 50px;margin-left: 17px;}