@charset "utf-8";
/* CSS Document */


html, body{margin:0px; padding:0px; height:100%;}
body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;/*background-image:url(../images/backgroundtexture.png);*/background-color:#f9f9f9;}
h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal;}
p{line-height:16px}
ul,ol,li {list-style:none;}
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
a{text-decoration:none; outline:none;}
a:hover{text-decoration:none; outline:none;}
a img{border:0px; outline:none;}
.clear{clear:both; font-size:0px; height:0px; line-height:0px; background:#fff; overflow:hidden;}
.fleft{float:left;}
.fright{float:right;}

/*====================================header styles========================================*/
.header{ width:100%; background:#c1d6d9;  }
.header_main{ width:72.8%;  margin:0 auto;}
.logo{ float:left;}
.header_right{ float:right; height:auto; padding:0 8% 0 0;}
.header_right img{ float:left; height:auto; padding:2% 0 0 0}
.header_right h3{font-family: 'yanone_kaffeesatz_regularRg'; font-size:1.7em; color:#2b2c2c;  padding:3% 0 2.5% 0; float:left;}

/*====================================container styles========================================*/
.container_bg{ width:100%; background:#ebf7f9;}
.container{width:72.8%;  margin:0 auto; background:url(../images/cont_bg.png) repeat left top;}
.cont_top{padding:0 5.5% 0 5.5%; width:89%;}
.cont_top_left{ float:left; width:31.6%; height:30.5em; margin:8% 0 0 3.9%;
}
.cont_top_left img{ width:100%; height:0 auto;
behavior: url(PIE.htc); /*IE fix for: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image*/
    box-shadow:3px 3px 3px #999999;
	-moz-box-shadow:3px 3px 3px #999999;
	-webkit-box-shadow:3px 3px 3px #999999;
	-khtml-shadow:3px 3px 3px #999999;
	-ms-shadow:3px 3px 3px #999999;
	-icab-shadow:3px 3px 3px #999999;}
.cont_top_right{ float:right;width:57.3%;padding:0 2.5% 0 0;}
.cont_top_right p{ font:1.4em Arial, Helvetica, sans-serif; color:#000;}
.order_button{ float:right; padding:4.5% 0 0 0;}
.container_content{ padding:4.5% 0 0 0;}
.container_content h4{font-family:'yanone_kaffeesatz_regularRg'; font-size:1.7em; color:#2b2c2c; line-height:1.2em;}
.container_content p{ font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c; padding:3.5% 7% 0 0;}
.container_content ul{ padding:3% 0 0 0;}
.container_content ul li{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c; background:url(../images/dot_icon.png) no-repeat left 50%; padding:0 0 0 2.5%;}
.container_content ul li.last{ background:url(../images/dot_icon.png) no-repeat left 26%;}
.three_boxes{ padding:4% 5.5% 0 5.5%; width:89%;}
.box{ width:31.5%; background:#c1d6d9; height:0 auto; margin:0 2.75% 0 0; float:left;position:relative;
behavior: url(PIE.htc); /*IE fix for: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image*/
	 border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Google Chrome */
	-khtml-border-radius: 10px; /* KHTML */ 
	-o-border-radius: 10px; /* Opera */ 
	-ms-border-radius: 10px; /* IE8 */
	-icab-border-radius: 10px; /* Icab */
	
	box-shadow:3px 3px 3px #a4b0b2;
	-moz-box-shadow:3px 3px 3px #a4b0b2;
	-webkit-box-shadow:3px 3px 3px #a4b0b2;
	-khtml-shadow:3px 3px 3px #a4b0b2;
	-ms-shadow:3px 3px 3px #a4b0b2;
	-icab-shadow:3px 3px 3px #a4b0b2; }
.box_top{ width:100%; background:url(../images/box_bg.png) repeat-x left top; position:relative;
behavior: url(PIE.htc); /*IE fix for: border-radius, box-shadow, border-image, multiple background images, linear-gradient as background image*/
	 border-radius: 10px 10px 0 0; /* CSS3 */
	-moz-border-radius: 10px 10px 0 0; /* Firefox */
	-webkit-border-radius: 10px 10px 0 0; /* Safari, Google Chrome */
	-khtml-border-radius: 10px 10px 0 0; /* KHTML */ 
	-o-border-radius: 10px 10px 0 0; /* Opera */ 
	-ms-border-radius: 10px 10px 0 0; /* IE8 */
	-icab-border-radius: 10px 10px 0 0; /* Icab */
	
	box-shadow:3px 3px 3px #a4b0b2;
	-moz-box-shadow:3px 3px 3px #a4b0b2;
	-webkit-box-shadow:0px 3px 2px #a3b4b7;
	-khtml-shadow:3px 3px 3px #a4b0b2;
	-ms-shadow:3px 3px 3px #a4b0b2;
	-icab-shadow:3px 3px 3px #a4b0b2; }
.box_top h4{font-family: 'yanone_kaffeesatz_regularRg'; font-size:3.7em; color:#2b2c2c; padding:4% 0 3% 7%;}
.box p{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c; padding:9% 3% 3% 7%; min-height:9.5em;}
#box_third{ margin:0;}
.mobile_container{ display:none;}
/*====================================footer styles========================================*/
.footer{  padding:2% 5.5% 2.8% 5.5%; width:89%;}
.footer_left{ float:left; width:45%; padding:0 0 0 .8%}
.footer_left h3{font-family: 'yanone_kaffeesatz_regularRg'; font-size:2.5em; color:#2b2c2c;}
.footer_left p{font:1.2em Arial, Helvetica, sans-serif; color:#2b2c2c;}
.author_blog{ margin:2% 0 0 3%;}
.author_blog img{ float:left;}
.author_blog h5{ padding:5% 0 0 1%; margin:0; float:left;}
.author_blog h5 a{font-family: 'yanone_kaffeesatz_regularRg'; font-size:2.0em; color:#2b2c2c;}
.author_blog h5 a:hover{ text-decoration:underline;}
.footer_right{ float:right; width:43%; padding:4% 0 0 0;}
.footer_right a img{ float:left; padding:0 2% 0 0; display:block;}
.footer_right p a{font-family: 'yanone_kaffeesatz_regularRg'; font-size:1.7em; color:#2b2c2c; line-height:1.2em; margin:6% 0 0 0; float:left;}
.footer_right p a:hover{ text-decoration:underline;}