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

freshCloud

Screen Stylesheet 

version:   	1.0 
date:      	09/22/11 
author:		freshline
email:     	support@version-four.com 
website:   	http://www.version-four.com
-----------------------------------------------------------------------------*/

/******************************
	- BASICS -
*******************************/

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 
}



html {
	width: 100%;
	overflow-x:hidden;
	height:100%;
	overflow-y:hidden;
}

a{
	color: #74C5ED;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}



/*********************************
	-	Standard H Settings -
**********************************/
h1,h2,h3,h4,h5,h6{
	font-family: 'Istok Web', sans-serif;
	color:#505050;		
	font-weight: lighter;
}
h1{
	font-size: 36px;
	margin-bottom: 8px;
}
h2{
	font-size: 32px;
	margin-bottom: 10px;
}
h3{
	font-size: 28px;
	margin-bottom: 10px;
}
h4{
	font-size: 24px;
	margin-bottom: 12px;
}
h5{
	font-size: 20px;
	margin-bottom: 14px;
}
h6{
	font-size: 16px;
	margin-bottom: 16px;
}

p{	
	font-family: 'Istok Web', sans-serif;
	font-size: 13px;
	line-height: 16px;
	color:#505050;
	text-align: left;
}

span.blog{
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
	color:#505050;
	text-align: left;
	
}



/***********************
	-	HEAD	-
************************/

.top_background{
	overflow:visible;	
	margin-left:auto;
	margin-right:auto;
	width:0px;
	height:0px;
	margin-bottom:0px;
	z-index:0;
}




/****************
  - SITELOGO -
****************/


.logoholder{
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-330px;
	margin-left:-400px;
}




#sitelogo {
	position:relative;
	width:138px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
}




/***********************************
	- THE CLOUD PARALLAX BASIC 
*********************************/
.cloud_bottom{
	position:absolute;	
	top:50%;
	width:100%;
	margin-top:-490px;
}

#cloud{		
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:340px;		
	z-index:100;
}


/***************************************
	THE CONTENT /HEADER AND FOOTER/ 
****************************************/	
.content_holder{
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-230px;	
	
}

.content{	
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:460px;
	text-align:center;	
}

.content_shadow{
	margin-left:auto;
	margin-right:auto;
	width:940px;
	height:460px;	
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	-webkit-box-shadow: 0px 10px 25px -15px #000;
	-moz-box-shadow: 0px 10px 25px -15px #000;
	box-shadow: 0px 10px 25px -15px #000; 	
}

.content-head{
	position:absolute;	
	z-index: 101 !important;
	width:940px;
	height:230px;
	top:0px;
}
.content-head-background{
	position:absolute;	
	width:940px;
	height:230px;
	top:0px;
	background:url(../images/assets/pattern_body_grey_2.jpg);
	background-color:#fff;	
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px;
	z-index:1;
}



/******************************
	THE TITLE IN THE HEADER
*******************************/	
.title{
	font-family: 'Istok Web', sans-serif;
	font-size: 32px;
	color:#505050;
	text-align: center;
	margin-top:30px;
}



.more_button_container{	
	position:absolute;
	margin-top:-27px;
	z-index:200;
	margin-left:785px;
}

#more_button_txt{
	font-family: 'Istok Web', sans-serif;
	font-size: 14px;	
	color:#505050;
}

#more_button{
	background:url(../images/assets/nextprev.png) no-repeat right top;
	width:65px;	
	height:58px;
	margin-top:-15px;
}




/********************************
	THE SUBTITLE IN THE HEADER
*********************************/	
.subtitle{
	font-family: 'Istok Web', sans-serif;
	font-size: 13px;
	color:#505050;
	text-align: center;
	margin-top:5px;
}

/*****************************
	- CONTENT FOOTER -
******************************/	

.content-foot{
	position:absolute;
	background:url(../images/assets/footer_bg.jpg);
	width:940px;
	height:230px;
	top:230px;
	
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px;
	z-index:1;
}

/***************************
	- 	THE TIMER -
****************************/	
.content .timer{
	position:relative;
	width:500px;
	height:106px;	
	overflow:visible;
	margin-top:-345px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
	z-index:10;
}

/**************************
	THE TIMER BOXES 
***************************/
.timer .cd{
	float:left;
	width:90px;
	height:96px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background:url(../images/assets/footer_bg.jpg);
	margin-right:30px;
	font-family: 'Istok Web', sans-serif;
	font-size: 46px;	
	text-align: center;
	margin-top:25px;
	padding-top:10px;
	color:#fff;
	-webkit-box-shadow: 0px 10px 20px -10px #000;
	-moz-box-shadow: 0px 10px 20px -10px #000;
	box-shadow: 0px 10px 20px -10px #000; 
}

.timer .first{
	margin-left:15px;
}

.timer .small {
	text-align:center;
	font-size:14px;
}




/******************************
	- DIVIDERS -
******************************/

.simple_divider{
	width:auto;
	height:10px;
	background:url(../images/assets/content_separator.png) repeat-x;	
	margin-top:15px;
	margin-bottom:15px;
}

.content_divider{
	width:900px;
	height:10px;
	background:url(../images/assets/content_separator.png) repeat-x;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:60px;
}

.theme_divider{
	width: 900px;
	height: 35px;
	background: url(../images/assets/content_separator.png) 0 25px repeat-x;
	margin: 50px auto 70px;
	text-align: center;
}

.small_divider{
  width:100%;
  height:1px;
  background-color:#e0e0e0;
  margin-top:5px;
  margin-bottom:15px;
}

.small_divider_services{
  width:100%;
  height:1px;
  background-color:#e0e0e0;
  margin-top:25px;
  margin-bottom:-20px;
}

.smaller30px{
	margin: 18px auto 40px !important;
}
.smaller20px{
	margin: 10px auto 0px !important;
}
.smaller0px{
	margin: 0px auto 50px !important;
}

.noUpperMargin{
	margin-top: 0;	
}

.noLowerMargin{
	margin-bottom: 0;	
}

.theme_divider a:hover{
	text-decoration:none;
}

.theme_divider_title_holder{		
	background-color:#fff;
	position:relative;
	text-align:center;	
	margin-bottom:25px;	
	font-family: 'Oswald', sans-serif;
	color:#74c5ed;	
	
}

.theme_divider_title {			
	
	font-size:30px;	
	background: url('../images/assets/pattern_body_grey_2.jpg');	
	background-color:#fff;	
	position:relative;
	text-align:center;		
	font-family: 'Oswald', sans-serif;	
	padding: 0 20px;
	text-decoration:none;		
}

.theme_divider_subtitle {	
	font-family: 'Oswald', sans-serif;	
	font-size:12px;	
	text-align:center;	
	margin-bottom:25px;	
	position:relative;	
}

.verysmall_spacer{
	clear: both;
	height: 5px;
	width: 100%;
}
.small_spacer{
	clear: both;
	height: 10px;
	width: 100%;
}
.medium_spacer{
	clear: both;
	height: 20px;
	width: 100%;
}
.big_spacer{
	clear: both;
	height: 30px;
	width: 100%;
}
.verybig_spacer{
	clear: both;
	height: 60px;
	width: 100%;
}
.small_spacer_negative{
	clear: both;
  	margin-bottom:-10px;
  	width:100%;
}
.medium_spacer_negative{
	clear: both;
  	margin-bottom:-20px;
  	width:100%;
}






/*******************************
	-	CONTENT BLOCKS    -
********************************/
/*The Blocks are calculated via % values. There is a Excel sheet included in the CSS folder if you want to change this quickly*/
.full,.one_half, .one_third, .two_third,.two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{
	margin-right: 2%; position:relative; float:left; text-align:justify;
}
.one_half{ width:49%; }
.one_third{width:32%;}
.one_fourth{width:23.5%; }
.one_fifth{width: 18.4%;}
.one_sixth {width: 15%;}

.two_third{width: 64%;}
.two_fourth {width: 47%;}
.two_fifth {width: 36.8%;}
.two_sixth {width: 30%;}

.three_fourth{width:70.5%;}
.three_fifth {width: 55.2%;}
.three_sixth {width: 45%;}

.four_fifth {width: 79%;}
.four_sixth {width: 60%;}

.five_sixth {width: 75%;}
.last{ margin-right:0 !important; clear:right; }





/* Highlight */
span.highlight{
	background-color:#74c5ed;
}


/*****************************
	-	THE BUTTONS	-
******************************/	

.button {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	}

a.button { background-color:#333; }

.button, 
.button span { display: inline-block; }
.button	{
	position:relative;
	zoom:1; /* zoom and *display = ie7 hack for display:inline-block */
	font-family: 'Istok Web', sans-serif;
	overflow: visible; 
	line-height:1em;
	border: 1px solid #999;/* IE Hack*/
	border: rgba(0, 0, 0, .2) 1px solid;/* Safari 4+, Chrome, FF3.5+ */
	border-bottom:rgba(0, 0, 0, .1) 1px solid;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	outline: none;
	white-space: nowrap;
	cursor: pointer;

	/* FF3.5+ */
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
);

	/* Safari 4+, Chrome */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
);

filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
-moz-user-select: none;
-webkit-user-select:none;
-khtml-user-select: none;
user-select: none;
	}

button::-moz-focus-inner { border: none; /* overrides extra padding on sides FF3.5 */ }

button.button  { margin:0; padding:0px; }
.button.full, 
.button.full span { display: block; }
.button:hover, 
button.button:hover, 
.button.hover 		{
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(255, 255, 255, .2) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(255, 255, 255, .2))
			);		
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
			}

button.button:active,
.button:active, 
.button.active  {
			top:1px;
			/* FF3.5 */
			background: -moz-linear-gradient(
				center top,
				rgba(0, 0, 0, .1) 0%,
				rgba(255, 255, 255, .1) 100%
			);
			/* Safari4+, Chrome */
			background: -webkit-gradient(
				linear,
				center bottom,
				center top,
				from(rgba(255, 255, 255, .1)),
				to(rgba(0, 0, 0, .1))
			);
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000', EndColorStr='#19FFFFFF')"; /* IE8 */
		}


.button span	{
	position: relative;
	padding:0.6em 1.3em;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	line-height:1em;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
	white-space: nowrap;
	color:#fff;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari, Google Chrome margin fix */
	button.button span {
		margin-top: -1px;
		margin-left:-2px;
		margin-right:-2px;
	}
}
.button.small span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:10px; text-transform:uppercase; }
.button.medium span { font-family:"Oswald", Arial, Verdana, sans-serif; font-size:14px; text-transform:uppercase; }
.button.large span 	{ font-family:"Oswald", Arial, Verdana, sans-serif; font-size:20px; text-transform:uppercase; }

a.button:hover 		{ background-color:#444; text-decoration:none;}
button.button:hover { background-color:#444; text-decoration:none;}






/*******************************
	-	THE FOOTER    -
********************************/
#footer {
	padding: 30px 20px 0;
	background: url(../images/assets/footer_bg.jpg);
	/*background: #1f262c;*/
	position: relative;
	overflow: auto;
}

.footerlogo {
	background:url(../images/standard/sitelogo_bottom.html) no-repeat top left;
	width: 190px;
	height: 82px;	
	float: left;
	margin-top: 5px;
	margin-bottom:15px;
}
#footer h5, #footer_2 h5{
	font-family: 'Istok Web', sans-serif;
	color: #fff;
	margin-bottom: 20px;
	border-bottom: 1px solid #3c4147;
	padding-bottom: 10px;
}




/* Footer Content inside the Columns */
#footer .footer_content, #footer_2 .footer_content{
	margin-bottom: 10px;
	font-family: 'Istok Web', sans-serif;
	font-size: 14px;
	color:#8f9396;
	text-align: left;
	line-height: 18px;
}

/* Special Values for Contact Address*/
#footer .subheadline, #footer_2 .subheadline{
	font-family: 'Istok Web', sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}



/* Special Values for smaller Text*/
#footer .subcontent, #footer_2 .subcontent{
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
	color: #8f9396;
	padding-bottom: 10px;	
}

/* Special Values for normal Text*/
#footer p, #footer_2 p{	
	color: #8f9396;	
}


/* SPECIAL VALUES FOR SMALLER TEXT FOR LOGO*/
#footer .logocontent{
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
	color: #8f9396;
}


/* Footer Get In Touch*/

#footer #address{
	width: 40%;
	float: left;
	height: 100px;
	padding-left: 20px;
}

#footer #map{
	width: 50%;
	height: 80px;
	float: left;
}

/****************************
	-	Newsletter Form  -
*****************************/	
#footer input[type='text']{
	background: #3b4147;
	height: 33px;
	width: 140px;
	vertical-align: middle;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	color: #8f9396;
	padding: 0 10px;
	font-size: 13px;
	margin-right: 5px;
}

#footer form fieldset{
	border: 0;
}
#footer form{
	float: left;
	margin-top: 20px;
}

#footer #sendmail{
	position: relative;
	top: 2px;
}

/* Response from Mailsending */
#footer #response{
	position: relative;
	top: 20px;
	color: #74c5ed;
}


/* Footer Divider Line */
#footer .footer_divider{
	position: relative;
	width:900px;
	height:1px;
	background-color:#3c4147;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:5px;
	clear: both;
}


/* Copyright Line */
#footer #copyright{
	position: relative;
	float: left;
	margin-top:20px;
	margin-bottom:20px;
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
	color: #8f9396;
}
/* Copyright Line */
#footer #designer{
	position: relative;
	float: right;
	margin-top:20px;
	margin-bottom:20px;
	font-family: 'Istok Web', sans-serif;
	font-size: 12px;
	color: #8f9396;
}


/* Socials in Footer */
#socials a{
	float: left;
	width: 34px;
	height: 34px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin-right: 10px;
	margin-bottom: 10px;
}
#socials a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#socials #facebook{
	background: url('../images/standard/socials/s_1.png') no-repeat left top;
}
#socials #twitter_social{
	background: url('../images/standard/socials/s_2.png') no-repeat left top;
}
#socials #flickr_social{
	background: url('../images/standard/socials/s_3.png') no-repeat left top;
}
#socials #picasa{
	background: url('../images/standard/socials/s_4.png') no-repeat left top;
}
#socials #rss{
	background: url('../images/standard/socials/s_5.png') no-repeat left top;
}
#socials #linkedin{
	background: url('../images/standard/socials/s_6.png') no-repeat left top;
}
#socials #youtube{
	background: url('../images/standard/socials/s_7.png') no-repeat left top;
}
#socials #vimeo{
	background: url('../images/standard/socials/s_8.png') no-repeat left top;
}