@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff url("../images/main_bg.jpg") top center no-repeat;
    font:normal 12px Arial, Helvetica, sans-serif;	
   	color:#737373;
}
html {
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* main */
.main {
	padding: 0;
	margin: 0 auto;
}

h1 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: purple;
	padding: 10px 0 10px 0;
	margin: 0;
	border: 0;
}

h1 span {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #8f8f8f;
}

/********** header **********/
.blok_header {
	margin: 0;
	padding: 0;
}

#header {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
/* logo */
.logo {
	padding: 0;
	margin: 0;
	width: 351px;
	float: left;
}
/* menu_resize*/
#menu_resize { 
	width:960px; 
	height:56px;
	background-color:purple;
	background-image:url('../images/simple_bg2.gif');
	border-top-left-radius:20px;
    border-top-right-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    border-bottom: 1px #F0F0F0 solid;
}

#menu {
	padding: 10px 0 0 10px;
	margin: 0;
	width: 720px;
	float: left;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 0;
	float: left;
}
#menu ul li {
	float: left;
	margin: 0;
	padding: 0 5px;
	border: 0;
}

#menu ul li a { float:left; margin:0; padding:12px 10px 13px 10px; color:#fff; text-decoration:none;
border-radius:10px; -moz-border-radius:10px;}
#menu ul li a:hover {background-color:purple;}	 
#menu ul li a.active {background-color:purple; background-color:rgba(128, 0, 128, 0.5);}


/*
#menu ul li a {
	float: left;
	margin: 0;
	padding: 12px 0 13px 0;
	color: #fff;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#menu ul li a span {
	padding: 12px 10px 13px 10px;
	background: none;
}

#menu ul li a:hover {
	background: url("../images/r_menu.gif") right no-repeat;
}

#menu ul li a:hover span {
	background: url("../images/l_menu.gif") left no-repeat;
}
#menu ul li a.active {
	background: url("../images/r_menu.gif") right no-repeat;
}
#menu ul li a.active span {
	background: url("../images/l_menu.gif") left no-repeat;
}
*/

/* search */
.search {
	padding: 12px 20px 0 0;
	margin: 0;
	width: 200px;
	float: right;
}
.search form {
	display: block;
	float: right;
	padding: 0;
}
.search span {
	display: block;
	float: left;
	background: url("../images/search_bg.gif") left top no-repeat;
	width: 126px;
	padding: 0 5px;
	height: 30px;
}
.search form .keywords {
	width: 126px;
	line-height: 14px;
	height: 14px;
	float: left;
	background: none;
	border: 0;
	padding: 8px 2px;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #9c9c9c;
}
.search form .button {
	float: left;
	margin: 0;
	padding: 0;
}
/*header_text_bg*/
.header_text_bg {
	margin: 0;
	padding: 0;
}
/*header_text*/
.header_text {
	height: 368px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url("../images/slider_bg.jpg") top no-repeat;
}
.header_text .div .left1 {
	float: left;
	width: 375px;
	padding: 45px 0 0 50px;
	margin: 0;
}
.header_text .div .left1 img {
	margin: 10px 0;
	padding: 0;
}
.header_text .div .left1 h2 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 10px 0 0 0;
	margin: 0;
	border: 0;
}
.header_text p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 1.8em;
}
/* header_text2 */
.header_text2 {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url("../images/simple_bg2.gif") top no-repeat;
	height: 70px;
}
.header_text2 img {
	float: right;
	margin: 34px 24px 0 0;
	padding: 0;
}
.header_text2 h2 {
	font: bold 30px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 15px 0 0 30px;
}
/********** body **********/
.body_resize {
	margin: 0;
	padding: 0;
}
.body {
	background: #fff;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

.body a {
	text-decoration: none;
	color: #393939;
	line-height: 1.8em;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.body h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color:#660066;
	margin: 0;
	padding: 10px 5px;
}

.body h2 a
{
	font: normal 20px Arial, Helvetica, sans-serif;
	color:#660066;
	margin: 0;
	padding: 10px 5px;

}

.body h2 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #8f8f8f;
}
h3 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #660066;
	margin: 0;
	padding: 10px 5px;
}
h3 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #8f8f8f;
}
.body img {
	float: left;
	padding: 0;
	margin: 10px 20px 10px 5px;
}
.body img.floated {
	padding: 0;
	margin: 0;
}
.body p {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #5B5b5b;
	line-height: 1.8em;
	padding: 5px 5px;
	margin: 0;
}
.body p span {
	color: #6d5787;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.body p.data {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #4580b9;
	padding: 0 5px 10px 5px;
	margin: 0;
}

.body_small {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0 10px;
}
.body_big {
	width: 560px;
	float: left;
	margin: 0;
	padding: 0 10px;
}
.body_full {
	width: 920px;
	margin: 0;
	padding: 15px 20px;
}
.body_port {
	margin: 0;
	padding: 0 10px;
}
.blog {
	width: 290px;
	float: left;
	padding: 15px 5px;
	margin: 0;
}
.blog h4 {
	padding: 0;
	margin: 0 0 6px 0;
}
.blog h4 a {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 40px 5px 20px;
	margin: 0;
	background: #2b2b2b;
}
.blog h4 a:hover {
	color: #cc67de;
}
.blog h4 a.active {
	color: #cc67de;
}
.body_big ul {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 0;
}
.body_big li {
	padding: 5px 20px;
	margin: 0;
	font: italic 12px Arial, Helvetica, sans-serif;
	color: #707070;
	line-height: 1.8em;
}
/*FBG_resize*/
.FBG {
	width: 920px;
	margin: 0 auto;
	padding: 0 20px;
	background:white;
	border-bottom: 1px solid #f3f3f3;
}
.FBG h3 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #171717;
	margin: 0;
	padding: 5px 5px;
}
.FBG h3 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5c5c5c;
}
.FBG img {
	float: left;
	margin: 5px 0;
	padding: 0;
}
.FBG a {
	color: Purple;
	text-decoration: none;
	font: bold italic 12px Arial, Helvetica, sans-serif;
}
.left_bg {
	width: 300px;
	float: left;
	margin: 0;
	padding: 10px;
}

.left_bg img.readmore
{
	float:right;
}

.left_bg img.icon
{
	width:41px;
	height:34px;
	margin:5px 10px 5px 5px;
}
/*************footer**********/
.footer_resize {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background-color:purple;
	background-image:url('../images/simple_bg2.gif');
	background-repeat:repeat-y;
	border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: white;
	border-top: 1px #F0F0F0 solid;
}
.footer p {
}
.footer a {
	text-decoration: none;
	padding: 5px;
	margin: 0;
	color: white;	
}
.footer p.leftt {
	text-align: left;
	width: 50%;
	margin: 0;
	padding: 10px 0 0 20px;
	float: left;
}
.footer p.rightt {
	text-align: right;
	width: 30%;
	margin: 0;
	padding: 10px 20px 0 0;
	float: right;
}
.footer {
	padding: 0px 0;
	margin: 0 auto;
}
/********** contact form **********/
#contactform {
	margin: 0;
	padding: 5px 10px;
}
#contactform * {
	color: #9542b8;
}
#contactform ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
#contactform li {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	display: block;
}
#contactform li.buttons {
	margin: 5px 0 5px 0;
}
#contactform label {
	float: left;
	margin: 0;
	width: 100px;
	padding: 5px 0;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #898989;
	text-transform: capitalize;
}
#contactform label span {
	color: #9542b8;
}
#contactform input.text {
	width: 390px;
	border: 1px solid #e7e7e7;
	margin: 5px 0;
	padding: 5px 2px;
	height: 15px;
	background: #fff;
}
#contactform textarea {
	width: 390px;
	border: 1px solid #e7e7e7;
	margin: 10px 0;
	padding: 2px;
	background: #fff;
	height: 100px;
}
#contactform li.buttons input {
	padding: 3px 0;
	margin: 0 0 0 380px;
	border: 0;
	color: #FFF;
}
p.response {
	text-align: center;
	color: #2c2c2c;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	width: auto;
}
p.clr, .clr {
	clear: both;
	padding: 0;
	margin: 0;
}
li.bg, .bg {
	clear: both;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
	background: none;
	list-style: none;
}
li.line, .line {
	border-top: 1px solid #d9d9d9;
	padding: 0;
	margin: 10px 0;
	background: none;
	list-style: none;
}
/* FBG */
.FBG {
	margin: 0 auto;
	padding: 10px 0;
	width: 960px;
}
.FBG h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #737373;
	padding: 5px 0;
	margin: 0;
}
.FBG ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.FBG li {
	padding: 1px 0 1px 15px;
	margin: 0;
}
.FBG li a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #969696;
	text-decoration: none;
	text-transform: none;
}
.FBG li a:hover {
	text-decoration: none;
	color: #fff;
}
.FBG p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #737373;
	line-height: 1.5em;
	padding: 5px 0;
	margin: 0;
}
.FBG img {
	margin: 5px;
	padding: 0;
	float: left;
}
.FBG .blog {
	width: 430px;
	float: left;
	margin: 0;
	padding: 15px 25px;
}
.FBG .blog2 {
	width: 130px;
	float: left;
	margin: 0;
	padding: 15px 25px;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 960px;
	height: 316px;
	border-bottom: 1px #F0F0F0 solid;
	margin: 0 auto;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float: left;
}


		/* -------------------------------------------------- */
		
		ul.polaroids { width: 920px; margin: 0 0 18px -30px; }
		ul.polaroids li { display: inline; }
		ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px 10px; text-align: center; font-family: "Marker Felt", sans-serif; text-decoration: none; color: #333; font-size: 18px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }
		ul.polaroids img { display: block; width: 190px; margin-bottom: 12px; float:none; }
		ul.polaroids a:after { content: attr(title); }
		
		ul.polaroids li:nth-child(even) a { -webkit-transform: rotate(2deg);  -moz-transform: rotate(2deg); }
/*		ul.polaroids li:nth-child(3n) a { -webkit-transform: none; position: relative; top: -5px;  -moz-transform: none; }
		ul.polaroids li:nth-child(5n) a { -webkit-transform: rotate(5deg); position: relative; right: 5px;  -moz-transform: rotate(5deg); }
		ul.polaroids li:nth-child(8n) a { position: relative; right: 5px; top: 8px; }
		ul.polaroids li:nth-child(11n) a { position: relative; left: -5px; top: 3px; }*/
		
		ul.polaroids li.messy a { margin-top: -375px; margin-left: 160px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
		
		ul.polaroids li a:hover { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }
		
		code { background: rgba(0,0,0,.5); padding: 2px 3px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.75); -webkit-border-radius: 3px; -moz-border-radius: 3px; }
		
		ol.code { background: rgba(0,0,0,.75); margin-bottom: 18px; border: solid rgba(0,0,0,.75); border-width: 1px 1px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5); }
		ol.code li, ol.code li code { font-size: 14px !important; }
		ol.code code { background: none; }
		
		
.contactDetails {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #898989;
	line-height: 1.5em;
	padding-left:2px;
	margin: 0;
}

.contactDetails span {
	color: #6d5787;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.contactDetails tr {
	padding: 0;
}
.contactDetails a {
	color: #6d5787;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.twocolumn
{
	
}

.twocolumn .box
{
	overflow:hidden;
	padding: 3px 0 15px;
	width:100%;
}

.twocolumn .box h3 a
{
	color:purple;
	line-height: 1em;
}

.twocolumn .box p
{
	color:black;
	line-height:1.2em;
	
}