/***** Global *****/
/* Body */
	body {
		background: #fff;
		color: #000305;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}
 
/* Headings */
h1{
	font-family:Calibri, Arial, Verdana, sans-serif;
	font-size:1em;
	width:520px;
}
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */
 
h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}
 
/* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #448dc7;
	padding: 0 1px;
	text-decoration: none;
}
a:hover, a:active {
	
	/*background-color: rgba(244,166,39,.7);*/
	/*background: rgba(164,181,198,.7); */
	color: #FF6600;
	text-decoration: none;
	/* text-shadow: 1px 1px 1px #333; */
}
 
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
 
strong, b {font-weight: bold;}
em, i {font-style: italic;}
 
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
 
/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}
 
ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}
 
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
 
/* Quotes */
blockquote {font-style: italic;}
cite {}
 
q {}
 
/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
 
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}
 
	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
 
	tbody .alt td {}
	tbody .alt th {}
 
	/* Tfoot */
	tfoot th {}
	tfoot td {}


	Header
*****************/
#banner {
	margin: 0 auto;
	padding: 2.5em 0 0 0;
}
 
	/* Banner */
	#banner h1 {font-size: 3.571em; line-height: .6;}
	#banner h1 a:link, #banner h1 a:visited {
		color: #000305;
		display: block;
		font-weight: bold;
		margin: 0 0 .6em .2em;
		text-decoration: none;
		width: 427px;
	}
	#banner h1 a:hover, #banner h1 a:active {
		background: none;
		color: #C74350;
		text-shadow: none;
	}
 
	#banner h1 strong {font-size: 0.36em; font-weight: normal;}


/*
	Featured
*****************/
#featured {
	background: #fff;
	margin: 0 5px 0 5px;
	overflow: hidden;
	padding: 2px 10px;
	width: 760px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
//column-count:2;
//-moz-column-count:2; /* Firefox */
//-webkit-column-count:2; /* Safari and Chrome */
}
 
#featured figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 248px;
}
#featured figure img {display: block; float: right; padding: 0 10px 0 0px; margin:0 10px 0 10px;}
 
#featured h2 {color: #27067c; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}
 
#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}
 
/*
	Body
*****************/
#content {
	background: #fff;
	margin-bottom: 2em;
	overflow: hidden;
	padding: 4px 20px;
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

#content figure {
	border: 2px solid #eee;
	float: right;
	margin: 0.786em 2em 0 5em;
	width: 100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#content figure img {display: block; clear:both; float: left;}

.text_line
{clear:both;}

#extras li:last-child, /* last <li>*/
	#extras li:last-child a /* <a> of last <li> */
	{border: 0}

#extras .blogroll li:nth-last-child(2),
#extras .blogroll li:nth-last-child(3),
#extras .blogroll li:nth-last-child(2) a,
#extras .blogroll li:nth-last-child(3) a {border: 0;}

#extras div[class='social'] a {
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 35px;
}
.social {padding-left: 25px;position:relative;top:.5em;bottom:2em;}

/* leftnav*/
#leftnav {
clear:both;
background:rgba(5,84,163,1);
float:left;
width: 150px;
margin: 10px 10px 10px 10px;
padding: 10px 20px 10px 8px;
font: bold 15px Verdana,sans-serif;
line-height:1.5em;
border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;

}
#leftnav li {
    list-style: none outside none;
    text-align: left;
border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}

#leftnav li a:link {
    color: #fff;
}
#leftnav li a {
  color: #fff;
    padding-right: 0.5em;
    text-decoration: none;
}

#leftnav a:hover, a:active {
	background-color: #000033; opacity: 1;
	color: #FFD700;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}



/* Icons */

.social a[href*='facebook.com'] {background-image: url('../images/facebook.png');}
.social a[href*='twitter.com'] {background-image: url('../images/twitter.png');}
.sidebar {
  float: left;
  width: 300px;
  margin-right: -1000px;
  padding-top: 50px; /* extra space padding */
}
footer {
text-align:center;
clear:both;
height: 150px;
}
/* lp additions */

.active { 
	/*background: rgba(18,113,208,.7);*/
	text-decoration:underline;
	color:#FFD700;
}

background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;

/* end lp additions  */

/*html5 additions */
body {font: normal 100% Helvetica, Arial, sans-serif;}
img.bg {
			/* Set rules to fill background */
			min-height: 100%;
			min-width: 1024px;
			
			/* Set up proportionate scaling */
			width: 100%;
			height: auto;
			
			/* Set up positioning */
			position: fixed;
			top: 0;
			left: 0;
		}
		
		@media screen and (max-width: 1024px){
			img.bg {
				left: 50%;
				margin-left: -512px; }
			body { font-size: 2em; }
		}
		
		#page-wrap { position: relative; width: 70%; margin: 4em auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; z-index:20; }
		#page-wrap_about { position: relative; width: 70%; margin: 4em auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; z-index:20;margin-left:15%;padding-bottom:6em; }
social {font-size:70%;position:relative;top:3em;}		
img.ri
{
	/* position: absolute;   (old method)*/
	 position: fixed;
	max-width: 800px;
	width: 50%;
	min-width: 240px;
	top: 5em;
	left: 10%;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9);
	z-index:50;
}

img.ri:empty
{
	top: 10%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:50;
}
@media screen and (orientation: portrait) {
  img.ri { max-width: 60%; }
}
@media screen and (orientation: landscape) {
  img.ri { max-height: 60%; }
}

/*Large screen styles first - Avoid*/
.product-img {
  width: 50%;
  float: left;
}
@media screen and (max-width: 40.5em) {
  .product-img {
    width: auto;
    float: none;
  }
}
#menu {
  position: fixed;
  right: 0;
  top: 65%;
  width: 4em;
  margin-top: 3em;
  padding: 1em;
  z-index:150;
line-height:1.2em;
background-color: rgba(208, 136, 49,0.9);
/* border-bottom-left-radius:50% 10%;
border-top-left-radius:1em 10%; */
border: solid hsla(80, 90%, 40%, 0.5);
    border-right: none;
    padding: 0.5em 0.5em 0.5em 1.5em;
    box-shadow: 0 1px 3px black;
    border-radius: 2em 0.5em 0.5em 2em;
}
#menu ul, li {list-style-type: none;}

#menu ul li {padding-left: 1em; text-indent: -2em;}
ul#menu li a:link {color:#00FF99; text-decoration:none; text-shadow: 0px 0px 1px #333;}      /* unvisited link */
ul#menu li a:visited {color:#00FF99; text-decoration:none; text-shadow: 0px 0px 1px #333;}  /* visited link */
ul#menu li a:hover {color:#00FF33; text-decoration:underline;}  /* mouse over link */
#menu ul a:active {color:#00FF33; text-decoration:none;}  /* selected link */ 
ul#menu li.active {color:#00FF33; text-decoration:none;}

/* IE5 and 6 hack */
/* #menu { position: absolute } */
*>#intro {position: fixed} 

font-face {
    font-family: 'UbuntuTitlingBold'; 
    src: url('css/Ubuntu-Titling/UbuntuTitling-Bold.eot');
    url('css/Ubuntu-Titling/Ubuntu Titling-Bold.ttf') format('truetype');      
    font-weight: bold;
    font-style: bold;
}
body {font-size:100%}
/* Headers */
h1 { font-family: UbuntuTitlingBold, sans-serif; font-size:6.2em;font-weight:500;text-shadow: 0px 0px 1px #333; }
#logomenu {color:white;
}
.bee { font-family: UbuntuTitlingBold, sans-serif; color:#996600; font-size:1em;font-weight:200;text-shadow: 0px 0px 1px #333; }
/*#moveleft {right:0;}*/

.if_external { width:100%;height:100%;}

/* contact form  start */
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
    width:100%;
    box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    -moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
    border-radius:5px;
}
#contact-form h3, #contact-form h4{
	line-height:1.2em;
	font-size:90%;
}

#contact-form h3{
font-weight:bold;
}

#contact-form >div {
line-height:1.8em;
font-size:90%;
}

#contact-form button[type="submit"] {
    cursor:pointer;
    width:100%;
    border:none;
    background:#969696;
    background-image:linear-gradient(bottom, #c0c0c0 0%, #969696 52%);
    background-image:-moz-linear-gradient(bottom, #c0c0c0 0%, #969696 52%);
    background-image:-webkit-linear-gradient(bottom, #c0c0c0 0%, #969696 52%);
    color:#FFF;
    margin:5px 5px 5px;
    padding:10px;
    border-radius:5px;

::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

/* contact form end */
.main {font-size:24px;text-align:center; }
.content1,.content2 {text-align:left;}
.content1 p,.content2 p {  margin-bottom: 0; }
.content1 p + p,.content2 p +p {  text-indent: 1em;  margin-top: 0; }

@media screen and (min-width:1499px) {
  .main {    width:1400px;    }
  .main .content1 { -moz-column-count:3;-webkit-column-count:3; column-count:3; font-size:70%; }
  .main .content2 {width:100%;font-size:70%;}
  .ca-menu li {height:8em;}
 }
@media screen and (min-width:1279px) and (max-width:1500px) {
  .main {    width:1280px;    }
  .main .content1 { -moz-column-count:3;-webkit-column-count:3; column-count:3; font-size:65%; }
  .main .content2 {width:100%;font-size:65%;}
  .ca-menu li {height:7em;}
 }
@media screen and (min-width:1023px)  and (max-width:1280px) {
  .main {    width:1024px;    }
  .main .content1 { -moz-column-count:3;-webkit-column-count:3; column-count:3; font-size:60%; }
  .main .content2 {width:100%;font-size:60%;}
   .ca-menu li {height:6em;}
}
@media screen and (min-width:599px) and (max-width: 1024px) {
 .main {width:600px;}
  .main .content1 { -moz-column-count:2;-webkit-column-count:2; column-count:2; font-size:55%; }
  .main .content2 {width:100%;font-size:55%;}
    .ca-menu li {height:5em;}
}
 @media screen and (max-width:600px) {
 .main { width:598px; }
  .main .content1 {-moz-column-count:1;-webkit-column-count:1; column-count:1; font-size:50%;}
  .main .content2 {width:100%;font-size:50%;}
   .ca-menu li {height:4em;}
}

slogo{
width:100%;
}


/* end html5 additions */