@import url('reset.css');
/*
Theme Name: Annika - Premium Portfolio or Business theme
Theme URI: http://www.ansonika.com/annika/
Description: Annika is created by <a href="http://www.ansonika.com">Ansonika</a>.
Version: 1.0.0
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/
*/

/*------------------------------------------------

CSS STRUCTURE:

1. TYPOGRAPHY

2. SITE STRUCTURE

3.  PAGES AND CONTENT

4. EXTENDED ELEMENTS (forms, buttons,menu, links, etc..)

5. MISC

------------------------------------------------*/

/*============================================================================================*/
/* 1. TYPOGRAPHY */
/*============================================================================================*/
body {
	font-family:  Arial,Helvetica  Neue, Helvetica , sans-serif;
	font-size:15px;
	line-height:18px;
	color:#555555;
}
h1 {
	color:#fff;
	text-shadow: 0px 1px 1px #000;
	font-size:46px;
	text-transform:uppercase;
	letter-spacing:-1px;
	text-align:center;
	padding-top:25px;
}
h1 span {
	color:#c2e1e5;
	display:block;
	font-size:24px;
	text-transform: none;
}
.contentdiv_2 h1, .contentdiv_2 h2, .contentdiv_2 h3 {
	color:#fff;
	text-shadow: 0px 1px 1px #000;
	font-size:46px;
	text-transform:uppercase;
	letter-spacing:-1px;
	text-align:center;
	margin-bottom:35px;
	padding-top:5px;
}
.contentdiv_2 h1 span, .contentdiv_2 h2 span, .contentdiv_2 h3 span {
	color:#c2e1e5;
	display:block;
	font-size:24px;
	text-transform: none;
}
h3, h4 {
	margin-bottom:5px;
	color:#363636;
	font-size:16px;
	font-weight:700;
}
.col_one_third h3 span, .strip_1_txt h3 span, .strip_2_txt h3 span, .col_one_third_s span {
	color: #999;
	font-size:13px;
	font-weight: normal;
	display:block;
	font-style:italic;
}
.col_one_third_s h3 {
	font-size:14px;
	font-weight:700;
	margin-top:3px;
}
.col_one_third_s h3 span {
	color: #999;
	font-size:12px;
	font-weight: normal;
	display:block;
	margin:-3px 0 0 0;
}
#main_services h3 {
	text-shadow: 0px 1px 1px  #fff;
}
.msg h3 {
	font-size:30px;
	text-transform:uppercase;
	color:#363636;
	margin:0;
}
.msg h3 span {
	color:#4b9fa9;
}
.msg em {
	font-size:16px;
	color:#a1a0a0;
}
#main_services h2, #content h2 {
	font-size:26px;
	color:#363636;
	font-weight:normal;
	margin-bottom:15px;
}
.column_why h3, .column_team h3 {
	font-size:26px;
	font-weight:normal;
	margin-bottom:20px;
	color:#363636;
}
.column_why_right h3, .column_team_right h3 {
	font-size:24px;
	font-weight:normal;
	margin-bottom:20px;
	color:#363636;
}
h5 {
	margin-bottom:5px;
	color:#363636;
	font-size:14px;
	font-weight:700;
}
.column_why h5 {
	margin:0;
	padding:0;
}
.blog h2 , .blog h3  {
	font-size:20px;
	color:#fff;
}
.blog h4 a  {
	font-size:26px;
	text-decoration:none;
}
.blog h4 span  {
	font-size:16px;
	display:block;
}
#sidebar_right h3 {
	margin-bottom:5px;
	color:#363636;
	font-size:20px;
	font-weight:700;
}
#sidebar_right .column_team h3 {
	margin-bottom:20px;
	color:#363636;
	font-size:20px;
	font-weight:700;
}
#sidebar_right h3.testimonials {
	margin-bottom:15px;
	color:#363636;
	font-size:20px;
	font-weight:700;
}
/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/
p {
	margin-bottom:10px;
}
body {
	background: #0f0f0f url(../img/pattern_2.jpg) repeat;
}
.bg_grid {
	background: #0f0f0f url(../img/grid_home.jpg) repeat-x center 40px;
}
#logo {
	float:left;
	width:300px;
	height:35px;
}
#header {
	background:url(../img/header_bg.png) repeat-x;
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%; 
	z-index:999;
}
#header_wrapper {
	width:930px; margin:auto; 
	padding:15px 0 10px 0; 
}
#header_general {
	padding:100px 0 35px 0; 
	background: url(../img/light_top.png) no-repeat center top;
	position:relative;
}
#main_services {
	background: #f9f9f9 ; 
	border-bottom: 1px solid #e0e0e0;
	text-shadow: 0px 1px 1px #fff;
	padding-top:40px;
	margin-top:-1px;
}
#main_services.inside {
	background: none;
	border-bottom: none;
	text-shadow: 0px 1px 1px #fff;
	padding-top:0;
}
#white_bg {
	background: #fff;
	border-bottom:10px solid #dfdfdf;
}
#shadow {
	background:url(../img/shadow.png) repeat-x bottom left; height:7px;
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
}
#content_bg {
	background:#fff;
	border-top: 1px solid #fff;
	border-bottom:5px solid #dfdfdf;
}
#content {
	width:930px;
	margin:auto;
	padding: 60px 0 50px 0;
}
ul.color2 li img
{
	width: 8px;
	opacity:0.5;
}

ul.color1 li img
{
	width: 8px;
	opacity:1.0;
}
#footer_2_bg {
	background:url(../img/footer_2bg.png) repeat-x top center;
}
#footer_2 {
	width:930px;
	margin:auto;
	padding:25px 0;
	color:#f2f2f2;
}
#footer_2 h3 {
	margin:auto;
	text-align:top;
	padding:10px 0;
	color:#f2f2f2;
}
#footer_2 td {

	text-align:top;
}
#footer_2 a {
	color: #f2f2f2;
	text-decoration:none;
}
#footer_2 a:hover {
	text-decoration: underline;
}
#footer_2 ul {
	float:left;
	width:625px;
	display:block;
}
#footer_2 ul li {
	float:left;
	padding-right: 12px;
	background: url(../img/menu_footer_divider.png) no-repeat center right;
}
#footer_2 ul li.last {
	background: none;
}
#footer_2 p  {
	float: right;
	width:180px;
	text-align:right;
}
/*COLUMNS*/
.col_left  {
float:left;
	width:450px;
	padding-right:110px;
}
.col_right  {
	float:right;
	width: 370px;
}
.col_two_third {
	 width:600px;
	 float:left;
	 position:relative;
 }
 .col_two_third.blog,  .col_two_third.about {
	 width:610px;
	 float:left;
	 position:relative;
	 border-right: 1px solid #ededed;
	 padding-right:35px;
 }
  .col_one_third {
	 width:275px;
	 margin-right:45px;
	 float:left;
	 position:relative;
 }
  .col_one_third.last {
	 margin-right:0px;
 }
   .col_one_third_s {
	 width:215px;
	 margin-right:45px;
	 float:left;
	 position:relative;
	 padding-left:60px;
 }
  .col_one_third_s img {
	  position: absolute;
	  top:0;
	  left:0;
 }
  .col_one_third_s.last {
	 margin-right:0px;
 }
#sidebar_right {
	width:245px;
	float:right;
	position:relative;
 }
 #sidebar_left {
	 width:275px;
	 margin-right:45px;
	 float:left;
	 position:relative;
 }
/*============================================================================================*/
/* 3.  PAGES AND CONTENT  */
/*============================================================================================*/
/* HOME */
#main_services ul {
	width:930px; margin:auto;
}
#main_services ul li {
	padding-bottom:15px;
}
#main_services ul li {
	float:left;
	width:370px;
	display: block;position: relative;
	padding-left: 80px;
	 margin-bottom:45px;
	 margin-right:30px;
}
#main_services ul li.last {
	 margin-right:0px;
}
.icon {
	position: absolute;
	left: 0; 
	top: 0; 
	width: 80px; 
	height: auto;
}
#main_services ul li p {
	display: block;
}
#container_piece {
	background: url(../img/light_top_3.png) no-repeat center top;
	text-align:center;
	height:600px;
	width:100%;
	padding-top:70px
}
#bg {
	background:url(../img/gradient_gray_3.png) repeat-x center bottom;
}
/* ABOUT */
.strip_1 {
	background:url(../img/bg_gradient_left.png) left top; 
	border-bottom: 1px solid #dcdada;
	padding: 50px 0 50px 30px;
}
.strip_2 {
	background:url(../img/bg_gradient_right.png) left top; 
	border-bottom: 1px solid #dcdada;
	padding: 50px 0 50px 0;
}
.strip_1_txt {
	float:left;
	width:560px;
}
.strip_2_txt {
	float:left;
	width:560px;
	margin-right:30px;
}
.strip_1_img {
	float:left;
	text-align:center;
	width:310px;
	margin-right:30px;
	background:url(../img/shadow_under_pic.png) no-repeat center bottom;
	padding-bottom:2px;
}
.strip_1_img img, .strip_2_img img {

}
ul.testimonials li {
	margin-bottom:15px;
}
ul.testimonials li.last {
	margin-bottom:0;
}
ul.testimonials li span {
	display:block; margin-top:7px;
	font-style:italic;
}
/* column why====================================== */ 
.column_why {
	float:left;
	width:450px;
	padding-right:110px;
}
.column_why li {
	 display: block;position: relative;
	 padding-left: 100px;
	 margin-bottom:40px;
}
.column_why li.last {
	 margin-bottom:0px;
}
.column_why p {
	display: block;
	margin-bottom:0px;
}
.column_why img {
	display: block; 
	position: absolute;
	left: 0; 
	top: 0; 
	width: 79px; 
	height: 63px;
}

/* column why right sidebar====================================== */ 
.column_why_right {
	float:left;
	width:275px;
}
.column_why_right li {
	 display: block;position: relative;
	 padding-left: 100px;
	 margin-bottom:40px;
}
.column_why_right li.last {
	 margin-bottom:0px;
}
.column_why_right p {
	display: block;
	margin-bottom:0px;
	 padding-left: 0px;
	 margin-top:20px;
}
.column_why_right img {
	display: block; 
	position: absolute;
	left: 0; 
	top: 0; 
	width: 79px; 
	height: 63px;
}
/* column team====================================== */ 
.column_team {
	float:right;
	width: 370px;
}
.column_team ul {
	padding-bottom:15px;
}
.column_team li {
	display:block;
	margin-bottom:45px;
		float:left;
		width:120px;
}
.column_team li.last {
	margin-right:0px;
}
.column_team img {
	width:70px;
	height:70px;
	display: block;
	border:5px solid #e4e4e4;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	margin-bottom:10px;
}
.column_team em {
	font-style:italic;
	color: #7c7c7c;
}
.column_team strong {
	display: block;
}
/* column team right sidebar====================================== */ 
#sidebar_right .column_team {
	float: none;
	width: 245px;
}
ul#logos {
	padding-top:15px;
}
ul#logos li {
	float:left;
	margin-right:80px;
}
.map {
	background:url(../img/map.png) no-repeat top right;
	height:177px;
}
.contact_info {
	float:left;
	width:240px;
}
.contact_social {
	float:left;
	width:130px;
}
/* SERVICES*/
.shadow {
	background:url(../img/shadow_small.png) no-repeat bottom center; padding-bottom:12px;  display:block; 
 }

 .pic_border {
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:#ececec 10px solid;
 }
  .plus {
	  width:40px;
	  height:40px;
	  position:absolute;
	  top:-15px;
	  right:-15px;
 }
 .box {
	 padding: 0 15px 10px 15px;
	 background:url(../img/shadow_big.png) no-repeat center bottom;
	 margin-bottom:45px;
 }
  .box.last {
	 margin-bottom:0px;
 }
  .box div {
	  background: #ededed url(../img/gradient_gray_box.png) repeat-x left top;
	  border:1px solid #e7e6e6;
	  padding:35px;
	  text-shadow: 0px 1px 1px #fff;
 }
   .box div img {
	   float:left;
	   display:block;
	   margin-right:30px;
	   padding-bottom:80px;
 }
 /* PORTFOLIO*/
  .project {
	text-align:center;
	background:url(../img/shadow_big.png) no-repeat center bottom;
	padding-bottom:5px;
	position:relative;
 }
 a.enlarge {
	 text-indent:-9999px;
	 width:17px;
	 height:17px;
	 background:url(../img/enlarge.png) no-repeat;
	 position: absolute;
	 right:40px;
	 bottom:25px;
	 z-index:30;
 }
  a.enlarge_pt {
	 text-indent:-9999px;
	 width:17px;
	 height:17px;
	 background:url(../img/enlarge.png) no-repeat;
	 position: absolute;
	 right:15px;
	 bottom:60px;
	 z-index:30;
 }
   .project img {
	 border:1px solid #e7e6e6;
 }
ul#portfolio li {
	  margin: 0 50px 60px 25px;
	  float:left;
	  width:410px;
 }
 ul#portfolio li.last {
	  margin-right:0px;
 }
 ul#portfolio li img {
	 position:relative;
 }
 ul#portfolio li.last {
	  margin-right:0;
 }
ul.info_pt {
	margin-top:25px;
 }
  .info_pt li.cal {
	  background:url(../img/icon-cal.png) no-repeat center left; padding-left:25px;   margin-bottom:4px;
 }
  .info_pt li.cat {
	  background:url(../img/icon-cat.png) no-repeat center left; padding-left:25px;   margin-bottom:4px;
 } 
ul#portfolio li ul.info_pt_2 li {
	  float:left;
	  width: auto;
	  margin: 0 20px 15px 0;
 }
ul#portfolio li ul.info_pt_2 li.cal {
	  background:url(../img/icon-cal.png) no-repeat center left; padding-left:25px;  
 }
ul#portfolio li ul.info_pt_2 li.cat {
	  background:url(../img/icon-cat.png) no-repeat center left; padding-left:25px; 
 } 

 /* VERTICAL SCROLLABLE ========================= */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 290px;	 
	width: 930px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
	padding:0px;
}

/* single scrollable item */
.item {
	padding-bottom:35px;
	height:110px;
}
/* elements inside single item */
.item img {
	float:left;
	margin-right:45px;
	height:110px;
	width:275px;
	display:block;
}
#actions {
	float:right;
	width:50px;
	display:block;
	margin-top:-25px;
}
#actions a.next {
	background:url(../img/arrows_scrollable_1.png) no-repeat  right top;
	text-indent:-9999px;
	cursor:pointer;
	float:right;
	display:block;
	width:22px;
	height:22px;
}

#actions a:hover.next {
	background:url(../img/arrows_scrollable_2.png) no-repeat right top;
}
#actions a.prev {
	background:url(../img/arrows_scrollable_1.png) no-repeat  left top;
	text-indent:-9999px;
	cursor:pointer;
	float: left;
	display:block;
	width:22px;
	height:22px;
}

#actions a:hover.prev {
	background:url(../img/arrows_scrollable_2.png) no-repeat left top;
}
/* BLOG PAGE================================================================================= */
/* Search form */
.search { width:260px;margin:0px 0 35px 0; padding:0; }
#search span { width:238px; display:block; background:#ededed; height:20px; margin:0 auto; padding:5px 10px; }
#search input#s {
	float:left;
	width:206px;
	padding:3px 5px;
	margin:0;
	border:0;
	background:none;
	color:#797a78;
}
#search .btn { float:left; padding:0; margin:0; border:0; width:22px; }
ul#cat {
	margin: 0 0 40px 0;
	font-size:18px;
}
ul#cat li {
	border-bottom:1px solid #e8e8e8;
	background:url(../img/icon_folder.png) no-repeat right 9px;
	margin:15px 0 15px 0;
	padding-bottom:5px;
	font-size:14px;
}

ul#post {
	margin: 0 0 40px 0;
}
ul#post li {
	border-bottom:1px solid #e8e8e8;
	background: url(../img/icon_post.png) no-repeat right 5px;
	margin:15px 0 15px 0;
	padding-bottom:5px;
}
ul#post em {
	display:block;
	font-style: italic;
}
.post_info {
	background-color:#ededed;
	padding:5px 5px 5px 10px;
	font-size:11px;
	margin-bottom:10px;
	margin-top:20px;
}
.date {
	background:url(../img/icon_date.png) no-repeat left 2px; padding-left:20px;
}
.auth {
	background: url(../img/icon_user.png) no-repeat left 2px; padding-left:15px; margin-left:30px;
}
.comments {
	background: url(../img/icon_comments.png) no-repeat left 2px; padding-left:20px; margin-left:135px;
}
ul.comments_list { 
margin-bottom:40px;
margin-top:25px;
}
ul.comments_list li { padding-left: 80px; display:block;block;position: relative; border-bottom:1px solid #e8e8e8; padding-bottom:5px; margin-bottom:20px;
}
ul.comments_list li p { display: block;
}
ul.comments_list li img {  display: block; position: absolute; left: 0; top: 0; width: 48px; height:48px; border:3px solid #e8e8e8;
}
ul.adv {
	margin-top:25px;
}
ul.adv li {
	margin-bottom:12px;
}
 
/* CONTACTS */
 .box_full_width {
	 padding: 0 15px 10px 15px;
	 background: url(../img/shadow_big_2.png) no-repeat center bottom;
	 margin-bottom:45px;
 }
  .google_map {
	 border:1px solid #e7e6e6; background-color:#ededed;
 }
 .col {
	 width:445px;
	 float:left;
 }
  .contact_txt {
	  padding-right:45px;
	  width:415px;
	  margin-left:20px;
 }
 .social_icons ul{
	 margin-top: 30px;
 }
  .social_icons ul li{
	 float:left;
	 margin: 0 8px 5px 0;
 }
fieldset {
	margin-bottom:10px;
	position:relative;
 }
#myform{
	background:url(../img/map_bg.jpg) no-repeat left top;
	padding-left:45px;
		  border-left: 1px solid #ededed;
 }
label {
	display:block;
	font-size:14px;
	font-weight:700;
	color:#363636;
	margin-left:3px;
 }
#myform fieldset input {
	padding:8px;
	margin:2px 0 5px 0;
	background-color: #fff;
	font-family:Helvetica,Arial, sans-serif;
	font-size:12px;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:  1px solid #e0e0e0;
	color:#999;
	width:300px;
	-moz-box-shadow: 2px  2px  2px #e2e2e2;
    -webkit-box-shadow: 2px   2px  2px #e2e2e2;
    box-shadow: 2px  2px  2px#e2e2e2;
}
 #myform textarea {
	padding:8px;
	margin:2px 0 5px 0;
	background-color: #fff;
	font-size:12px;
	font-family:Helvetica,Arial, sans-serif;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	height:100px;
	border:  1px solid #e0e0e0;
	color:#999;
	width:365px;
	-moz-box-shadow: 2px  2px  2px #e2e2e2;
    -webkit-box-shadow: 2px   2px  2px #e2e2e2;
    box-shadow: 2px  2px  2px#e2e2e2;
}
#myform textarea:focus {
	padding:8px;
	margin:2px 0 5px 0;
	background-color: #f2f2f2;
	font-size:12px;
	font-family:Helvetica,Arial, sans-serif;
	color:#333;
	border:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	height:100px;
	border:  1px solid #ccc;
	width:365px;
}
#myform fieldset input:focus {
	padding:8px;
	margin:2px 0 5px 0;
	background-color: #f2f2f2;
	font-size:12px;
	border:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:  1px solid #ccc;
	color:#333;
}
/* error message */
label.error {
	font-size:11px;
	color: #C03;
	position:absolute;
	top:2px; left:190px;
	width:120px;
	text-align:right;
}
/*============================================================================================*/
/* 4. EXTENDED ELEMENTS (forms, buttons,menu, links, etc..)  */
/*============================================================================================*/
a:link, a:visited {
	color:#43919d;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
a.button { 	
		width:158px; 
		color: #fff; 
		text-transform: uppercase; 
	    background: url(../img/buttons_sprite.png) no-repeat 0 0 ;
		font-weight:700;
		font-size:12px;
		text-shadow: 0px 1px 1px #174f65;
		height:45px;
		display:block;
		text-decoration:none;
		text-align:center;
		line-height:43px;
		font-family:Helvetica, Arial, sans-serif;
		border:none;
		margin-top:30px;
	}
	a:hover.button { 	
		width:158px; 
		color: #fff; 
		text-transform: uppercase; 
	    background: url(../img/buttons_sprite.png) no-repeat -158px 0 ;
		font-weight:700;
		font-size:12px;
		text-shadow: 0px 1px 1px #174f65;
		height:45px;
		display:block;
		text-decoration:none;
		text-align:center;
		line-height:43px;
		font-family:Helvetica, Arial, sans-serif;
		cursor:pointer;
		border:none;
	} 	
	
	button { 	
		width:158px; 
		color: #fff; 
		text-transform: uppercase; 
	    background: url(../img/buttons_sprite.png) no-repeat 0 0 ;
		font-weight:700;
		font-size:12px;
		text-shadow: 0px 1px 1px #174f65;
		height:42px;
		display:block;
		text-decoration:none;
		text-align:center;
		font-family:Helvetica, Arial, sans-serif;
		border:none;
		margin-top:30px;
	}
	button:hover { 	
		width:158px; 
		color: #fff; 
		text-transform: uppercase; 
	    background: url(../img/buttons_sprite.png) no-repeat -158px 0 ;
		font-weight:700;
		font-size:12px;
		text-shadow: 0px 1px 1px #174f65;
		height:42px;
		display:block;
		text-decoration:none;
		text-align:center;
		font-family:Helvetica, Arial, sans-serif;
		cursor:pointer;
		border:none;
	} 	
	 a:link.details, a:visited.details  {
	background:url(../img/arrow_1.png) no-repeat center right;
	padding-right:10px;
 }
 a:link.button_2, a:visited.button_2 {
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	color:#fff;
	background: url(../img/buttons_sprite.png) no-repeat -5px -63px;
	padding: 6px 20px 6px 20px;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none;
	 font-weight:bold;
	}
	a:hover.button_2 {
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	color:#fff;
	background: url(../img/buttons_sprite.png) no-repeat -155px -63px;
	padding: 6px 20px 6px 20px;
	text-transform:uppercase;
	font-size:11px;
	}
	.b_shadow {
	display:block;
	width:108px;
	height:30px;
	background:url(../img/button_shadow.png) no-repeat center 21px; margin:30px 0 0 0; padding:0;
}
.screens_container {
	position:relative;
	width:930px;
	height:350px;
	margin:auto;
}
/* Screen web bigger*/
.screen_1 {
	width:465px;
	z-index:15;
	position:absolute;
	top:0;
	left:237px;
}
.screen_1_shadow {
	background:url(../img/shadow_screen_1.png) no-repeat center bottom;
	position: relative;
	left: -50px;
	bottom: 65px;
	z-index:13;
	height:17px;
	width:560px;
}
.shadow_carousel {
	background:url(../img/shadow_screen_1.png) no-repeat center bottom;
	position: relative;
	left: -50px;
	bottom: 10px;
	z-index:13;
	height:17px;
	width:560px;
}
.screen_1 img {
	z-index:14;
	position:relative; 
	-moz-box-shadow: 0  0  10px #999;
    -webkit-box-shadow: 0  0  10px #999;
    box-shadow: 0  0  10px #999;
}
/* Screen web bigger VIDEO*/
.screen_1 {
	width:465px;
	z-index:15;
	position:absolute;
	top:0;
	left:237px;
}
.screen_1_shadow_v {
	background:url(../img/shadow_screen_1.png) no-repeat center bottom;
	position: relative;
	left: -50px;
	bottom: 15px;
	z-index:13;
	height:17px;
	width:560px;
}
.screen_1 iframe {
	z-index:14;
	position:relative; 
	-moz-box-shadow: 0  0  10px #999;
    -webkit-box-shadow: 0  0  10px #999;
    box-shadow: 0  0  10px #999;
	background-color:#111;
	border:0;
}
/* Screen web smaller*/
.screen_2 {
	width:455px;
	z-index:12;
	position:absolute;
	top:20px;
	left:32px;
}
.screen_2.right {
	width:455px;
	z-index:12;
	position:absolute;
	top:20px;
	left:507px;
}
.screen_2_shadow {
	background:url(../img/shadow_screen_2.png) no-repeat center bottom;
	position: relative;
	left: -32px;
	bottom: 46px;
	z-index:10;
	height:8px;
	width:455px;
}
.screen_2 img {
	position: relative;
	z-index:11;
	-moz-box-shadow: 0  0  10px #999;
    -webkit-box-shadow: 0  0  10px #999;
    box-shadow: 0  0  10px #999;
}

/* Single Screen web bigger*/
.single_screen_1 {
	width:465px;
	z-index:15;
}
.single_screen_1_shadow {
	background:url(../img/shadow_screen_1.png) no-repeat center bottom;
	position: relative;
	left: -50px;
	bottom: 65px;
	z-index:13;
	height:17px;
	width:560px;
}
.single_screen_1 img {
	z-index:14;
	position:relative; 
	-moz-box-shadow: 0  0  10px #999;
    -webkit-box-shadow: 0  0  10px #999;
    box-shadow: 0  0  10px #999;
}
/* Single Screen web smaller*/
.single_screen_2 {
	width:395px;
	z-index:12;
	position:relative;
}
.single_screen_2_shadow {
	background:url(../img/shadow_screen_2.png) no-repeat center bottom;
	position: relative;
	left: -32px;
	bottom: 46px;
	z-index:10;
	height:8px;
	width:455px;
}
.single_screen_2 img {
	position: relative;
	z-index:11;
	-moz-box-shadow: 0  0  10px #999;
    -webkit-box-shadow: 0  0  10px #999;
    box-shadow: 0  0  10px #999;
}
/* shadows for the home screens*/
.shadow_black img, .shadow_black iframe {
	-moz-box-shadow: 0  0  10px #222;
    -webkit-box-shadow: 0  0  10px #222;
    box-shadow: 0  0  10px #222;
}


/*============================================================================================*/
/* 5. MISC  */
/*============================================================================================*/
.spacer_bottom {
	margin-bottom:45px;
}
#breadcrumbs_bg{
	background: #f9f9f9 ; 
	border-bottom: 1px solid #e0e0e0;
	text-shadow: 0px 1px 1px #fff;
	margin-top:-1px;
	padding:10px 0;
}
#breadcrumbs_wp {
	width:930px;
	margin:auto;
}
#breadcrumbs {
	color:#999;
	font-size:11px;
	width:300px;
	float:left;
	margin-top:2px;
}
#like {
	width:400px;
	float:right;
	text-align:right;
}
.fb-like {
	width:95px;
	float:right;
	height:20px;
	margin-right:5px;
}
.twitter {
	width:95px;
	float:right;
	height:20px;
	margin-left:5px;
}
.google {
	margin-left:5px;
	width:25px;
	height:20px;
	float:right;
}
#breadcrumbs strong {
	background:url(../img/pin.png) no-repeat center left;
	padding-left:20px;
	display:inline-block;
	margin-right:5px;
	color:#555;
}
#breadcrumbs a {
	background:url(../img/arrow_1.png) no-repeat center right;
	padding-right:8px;
	margin-right:2px;
}
.ribbon {
	background:url(../img/ribbon.png) no-repeat 0 0;
	width:96px;
	height:57px;
	position:absolute;
	top:-3px;
	right:17px;
	z-index:100;
}
.clr {
	clear:both;
}
.banner {
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border: 1px solid #dbdbdb;
	padding:20px 30px;
	background-color:#f9f9f9;
}
.msg {
	float:left;
	width:620px;
}
.banner a.button {
	float:right;
	margin-top:5px;
}
.divider {
	background:url(../img/line.png) no-repeat; height:7px;
	width:930px;
	margin: 50px 0 50px 0;
}
.divider_2 {
	background:url(../img/line.png) no-repeat; height:7px;
	width:930px;
	margin: 40px 0 50px 0;
}
.divider_pt {
	margin: 50px 0 50px 0;
	height:1px;
	background-color:#e8e8e8;
}
.divider_empty {
	height:7px;
	margin: 25px 0 25px 0;
}
ul.list{
	margin:0px;
	padding:5px 0 10px 0;
}
ul.list li {
	background: url(../img/bullet.png) no-repeat left 6px;
	padding:0 0 0 16px; 
	line-height:18px;
	margin:0;
	}
	ul.list_2{
	margin:0 0 0 90px;
	padding:5px 0 10px 0;
	font-style:italic;
}
ul.list_2 li {
	background: url(../img/bullet.png) no-repeat left 6px;
	padding:0 0 0 16px; 
	line-height:18px;
	margin:0;
	}
	
/* Pagination ====================================== */ 
.pages {
	padding: 0; margin: 0;
	overflow: auto;
}
.pages li {
	float: left;
	border: solid 1px #ececec;
	padding: 3px 10px;
	border-left: none;
}
.pages li a {
	display: block;
	
}
.pages li a:hover {
	text-decoration: none;
}
.pages .prev {
	border: solid 1px #ececec;
	padding: 3px 10px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
}
.pages .next {
	border: solid 1px #ececec;
	padding: 3px 10px;
		border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-left: none;
}
.pages .active {
	font-weight: bold;
}
/* Thumbs Grid ====================================== */ 
.tj_container{
	width:480px;
	height:300px;
	position:relative;
}
.tj_nav{
	position:absolute;
	right:-41px;
	top:146px;
	margin-top:-35px;
	height:70px;
	width:41px;
}
.tj_nav span{
	width:39px;
	height:25px;
	background:transparent url(../images/prev_thumb.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;	
}
.tj_nav span.tj_next{
	background-image:url(../images/next_thumb.png);
	top:auto;
	bottom:0px;
	left:0px;
}
.tj_nav span:hover{
	opacity:1.0;
}
.tj_wrapper{
	width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
}
.tj_wrapper ul li{
	float:left;
}
.tj_wrapper ul li a{
	outline:none;
	display:block;
	margin:0 30px 30px 0;
}
.tj_wrapper ul li a img{
	display:block;
	border:none;
	-moz-box-shadow:2px 2px 4px #8e8e8e;
	-webkit-box-shadow:2px 2px 4px #8e8e8e;
	box-shadow:2px 2px 4px #8e8e8e;
}

/* Tool Tips ====================================== */ 
.tip-twitter {
	opacity:0.8;
	z-index:1000;
	text-align:left;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:8px 8px;
	max-width:200px;
	color:#fff;
	background-color:#000;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-twitter .tip-inner {
	font: 11px/14px Helvetica  Neue, Helvetica, Arial, sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-twitter .tip-arrow-top {
	margin-top:-5px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:5px;
	background:url(../img/tip-twitter_arrows.gif) no-repeat;
}
.tip-twitter .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:5px;
	height:9px;
	background:url(../img/tip-twitter_arrows.gif) no-repeat -9px 0;
}
.tip-twitter .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:5px;
	background:url(../img/tip-twitter_arrows.gif) no-repeat -18px 0;
}
.tip-twitter .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-5px;
	top:50%;
	left:0;
	width:5px;
	height:9px;
	background:url(../img/tip-twitter_arrows.gif) no-repeat -27px 0;
}

.tip-darkgray {
	opacity:0.95;
	z-index:1000;
	text-align:left;
	text-shadow:#444 0 1px 1px;
	border:1px solid #888;
	padding:8px;
	min-width:50px;
	max-width:530px;
	color:#fff;
	background-color:#999;
	background-image:url((._/img/tip-darkgray.html); /* bgImageFrameSize >= 11 should work fine */
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-darkgray .tip-inner {
	font:bold 12px/18px arial,helvetica,sans-serif;
	margin-top:-1px;
	padding:0 4px 3px 4px;
}
/* Tool Tips  Dark gray ====================================== */ 
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-darkgray .tip-arrow-top {
	margin-top:-7px;
	margin-left:15px;
	top:0;
	left:0;
	width:16px;
	height:10px;
	background:url((._/img/tip-darkgray_arrows.html) no-repeat;
}
.tip-darkgray .tip-arrow-right {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-7px;
	top:50%;
	left:100%;
	width:11px;
	height:21px;
	background:url((._/img/tip-darkgray_arrows.html) no-repeat -22px 0;
}
.tip-darkgray .tip-arrow-bottom {
	margin-top:-7px;
	margin-left:15px;
	top:100%;
	left:0;
	width:22px;
	height:13px;
	background:url((._/img/tip-darkgray_arrows.html) no-repeat -44px 0;
}
.tip-darkgray .tip-arrow-left {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:11px;
	height:21px;
	background:url((._/img/tip-darkgray_arrows.html) no-repeat -66px 0;
}
/* Tool Tips  Yellow ====================================== */ 
.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	border:1px solid #c7bf93;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	background-color:#fff9c9;
	/**
	 * - If you set a background-image, border/padding/background-color will be ingnored.
	 *   You can set any padding to .tip-inner instead if you need.
	 * - If you want a tiled background-image and border/padding for the tip,
	 *   set the background-image to .tip-inner instead.
	 */
}
.tip-yellowsimple .tip-inner {
	font:12px/16px arial,helvetica,sans-serif;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url((._/img/tip-yellowsimple_arrows.html) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(../img/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url((._/img/tip-yellowsimple_arrows.html) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url((._/img/tip-yellowsimple_arrows.html) no-repeat -27px 0;
}