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



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;

}



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:#555;		

	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;

	

}















/***********************************

	- THE CLOUD PARALLAX BASIC 

*********************************/

#cloud{		

	margin-left:auto;

	margin-right:auto;	

	margin-top:-60px;  

	margin-bottom:-65px;

	width:980px;

	height:340px;	

	position:relative;

	z-index:100000;

}











/***********************

	-	HEAD	-

************************/







.logoholder{

	position:relative;

	width:900px;

	height:0px;

	margin-left:auto;

	margin-right:auto;

		

}





/****************

  - SITELOGO -

****************/

#sitelogo {

	background:url(../images/standard/sitelogo.png) no-repeat;

	width:217px;

	height:88px;

	overflow:visible;	

	margin-top:30px;

	margin-left:0px;		

}





/************

 -	MENU -

*************/



.head {

	position:relative;

	background: url('../images/assets/footer_bg.jpg');

	background-color:#262f34;

	width:900px;

	height:42px;

	margin-left:auto;

	margin-right:auto;	

	-webkit-border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;

	-moz-border-radius-topright: 8px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	border-bottom:1px solid #fff;

	z-index:150000;	

}



.menu{

	float:left;	    

	height:auto;	

	position:relative;

	z-index:150000;		

}





/* MENU LIST */

.menu ul{

	float:right;

	list-style:none; 

	margin-bottom:1px;

}





/* Each List element is one Menu Point */

.menu ul li{

	font-family: 'Oswald', sans-serif;	

	font-size:13px;

	float:left;

	margin-top:12px;	

	padding-left:10px;

	padding-right:10px;

	cursor:pointer;	

	

	/*** NICE SEPARATOR FOR MENU ***/

	/*background:url(../images/standard/menu/toolbar_separator_2.png) 1px 2px no-repeat;*/

}



.menu ul li:first-child {	

	background:transparent !important;

	margin-left:10px;

}



/* Effect on Menu Points by Mouse Hover */

.menu ul >li:hover{

	color:#fff !important;		

	padding-bottom:6px;

	/*border-bottom:3px solid #74c5ed;*/

}



.menu a{

	text-decoration: none;	

	color: #fff;	

}







/*******************************

	-	THE PHONE NUMBER    -

********************************/



/* THIS IS THE BACKGROUND WITH ROUNDED BORDER */

#top_phone_number {

	z-index:200000;

	float:right;

	position:relative;

	height:40px;

	width:auto;

	font-family: 'Istok Web', sans-serif;

	font-size:14px;

	margin-top: 13px;

	margin-right: 15px;

	padding-left: 20px;

}







/******************************

	- 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:30px;	

	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:30px;	

	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 WRAPPING    -

  This will Wrap all The Content

  Shadows, Color of Bacgkround of Content

       and Border can be set here 

	

*******************************************/

#content_wrap {

	clear:both;

	margin-top:0px;

	padding-top:20px;

	margin-left:auto;

	margin-right:auto;	

	width:940px;

	height:auto;

	background: url('../images/assets/pattern_body_grey_2.jpg');

	background-color:#fff;

	-webkit-box-shadow: 0px -10px 25px -15px #000;

	-moz-box-shadow: 0px -10px 25px -15px #000;

	box-shadow: 0px -10px 25px -15px #000; 

	-webkit-border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topleft: 8px;

	-moz-border-radius-topright: 8px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	position:relative;

}







/*******************************

	-	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{ width:100%; }

.one_half{ width:49%; }

.one_third{width:30%;}

.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; }









/*******************************

	-	SMALL SLIDER TITLE   -

********************************/



.slidertitle{ 

	font-family: 'Istok Web', sans-serif;

	font-size: 20px;

	margin-left:20px;

	margin-bottom:15px;	

	color:#505050;	

}









/*******************************

	-	ABOUT    -

********************************/

#about{

	margin-left:105px;

	margin-right:100px;

	margin-top:50px;

	margin-bottom:70px;

	height:155px;

}







#about .welcome{

	font-family: 'Istok Web', sans-serif;

	font-size: 32px;

	margin-bottom: 10px;

	padding-top: 28px;	

}



#about .abouttext{

	font-family: 'Istok Web', sans-serif;

	font-size: 20px;

	color:#505050;

	margin-top:15px;

	line-height:24px;

}



#about .portrait{	

	width: 130px;

	height: 156px;

	float: left;		

	background: #f5f5f5 url('../images/john_doe.jpg') no-repeat left top;

	margin-right:20px;

	margin-left:20x;

	/*-webkit-box-shadow: 30px 40px 40px -40px #000;

	-moz-box-shadow: 30px 40px 40px -40px #000;

	box-shadow: 30px 40px 40px -40px #000;

	*/

	-webkit-box-shadow: 0px 0px 8px -5px #000;

	-moz-box-shadow: 0px 0px 8px -5px #000;

	box-shadow: 0px 0px 8px -5px #000;

}







/*******************************

	-	SERVICE SECTION    -

********************************/

#services{

	margin-left:15px;

	margin-right:20px;

	margin-top:20px;

	overflow: auto;

}



#services ul li {

float: left;

width: 370px;

display: block;

position: relative;

padding-left: 50px;

margin-bottom: 35px;

margin-right: 20px;



}



#services ul li.last {

margin-right: 0px;

}





#services .icon {

position: absolute;

left: 0;

top: 0;

width: 90px;

height: auto;

}





/*******************************

	-	RIVENDITORI    -

********************************/

#rivenditori{

	margin-left:120px;

	margin-right:60px;

	margin-top:0px;

	margin-bottom:20px;

	height:700px;

}



#rivenditori .welcome{

	font-family: 'Istok Web', sans-serif;

	font-size: 32px;

	margin-bottom: 10px;

	padding-top: 28px;	

}



#rivenditori .abouttext{

	font-family: 'Istok Web', sans-serif;

	font-size: 20px;

	color:#505050;

	margin-top:15px;

	line-height:24px;

}

	-webkit-box-shadow: 0px 0px 8px -5px #000;

	-moz-box-shadow: 0px 0px 8px -5px #000;

	box-shadow: 0px 0px 8px -5px #000;

}









/*******************************

	-	QUOTE    -

********************************/



#quote.framed{

	background: url('../images/assets/footer_bg.jpg');

	background-color:#e7e7e7;	

}



#quote{

	margin: 0 20px;

	overflow: hidden;

	position: relative;

	height: 130px;

	padding: 22px 115px 35px;

}



#quote blockquote p{

    font-size: 22px !important;    

    float: left !important;    

    padding: 20px 0 20px 0 !important;    

    color:#fff !important;    	

    font-style: italic !important;    

	line-height:32px !important;

	position: absolute;

	background: transparent;

}



#quote blockquote span.open {

position: absolute;

top: 20px;

left: -55px;

font-size: 4em;

}





blockquote span.close {

    position: absolute;

    bottom: -35px;

    right: 0px;

    font-size: 4em;

}





#quote blockquote{

    padding: 20px 40px;

    font-size: 18px;    

 }



#quote cite{

	font-family: 'Istok Web', sans-serif;

	font-size: 18px;

	float: right; 

	font-style: normal;

	position: relative;

	top: 20px;

}

 



 

/*******************************

	-	INFO    -

********************************/



#info{

	margin-left: 20px;

	margin-right: 0px; /*different margin right neeeded because of the flickr plugin*/

	position: relative;

	overflow: auto;

}



#second_info{

	margin-left: 20px;

	position: relative;

	margin-right: 20px;

}



/*******************************

	-	Default container    -

********************************/



#default-container{

	margin-left: 20px;

	margin-right: 20px; 

	position: relative;

	overflow: auto;

}











/*******************************

	-	SHORTCODES    -

********************************/



/* Toggles */

.toggle-title {

-moz-user-select: none;

-webkit-user-select:none;

-khtml-user-select: none;

user-select: none;

	background-color:#1f262c;

	border:0px solid #1f262c;

	margin:0px 20px 10px 20px;

	height:30px;

	line-height:30px;

	cursor:pointer;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	outline: none;

}

.toggle-title h5 a:link{

	color: #fff !important;

	font-family:  'Istok Web', sans-serif;

}

.toggle-title h5 a:visited{

	color: #fff !important;

}

.toggle-title h5 a:hover{

	text-decoration: none;

}

.toggle-title_opened{



-webkit-user-select:none;

-khtml-user-select: none;

user-select: none;

	

	



	color: #1f262c;

	border:0px solid #74c5ed;

	margin:10px 20px 1px 20px;

	height:30px;

	line-height:30px;

	cursor:pointer;

	-webkit-border-bottom-left-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;

	-moz-border-radius-bottomleft: 0px;

	-moz-border-radius-bottomright: 0px;

	border-bottom-left-radius: 0px;

	border-bottom-right-radius: 0px;

	outline: none;

	

}

.toggle-title_opened h5 a:link{

	color: #1f262c !important;

}

.toggle-title_opened h5 a:visited{

	color: #1f262c !important;

}

.toggle-title_opened h5 a:hover{

	text-decoration: none;

}



.open-toggle {

	float:left;

	width:20px;

	height:40px;

	line-height:40px;

	margin:0 10px;

	padding:0;

	display:block;

	border:none;

	vertical-align:middle;

}



.open-toggle {

	background:url('../images/assets/toggle/open_close_button.png') no-repeat bottom center;

	height: 20px;

	width: 20px;

	margin-top: 5px;

	color: #fff;

}



.closed {

	background:url('../images/assets/toggle/open_close_button.png') no-repeat top center;

	height: 20px;

	width: 20px;

	margin-top: 5px;

}

#content .open-toggle a img {border:none;vertical-align:middle;margin:0;padding:0;}



.toggle-content {



	padding: 20px;

	margin: 0 20px 20px;

	color: #1f262c;

}

.toggle-content p{

	color: #505050;

}

.toggle-head p{

	color: #1f262c;

}









/*************************************

			-	TABS	-

***************************************/	

.tabs-container{

	margin: 0 20px;

	position: relative;

	z-index: 1;

}



ul.tabs {

	list-style-type:none;

	margin:0;

	padding:0;

	height:30px;

	/*background-color: #74c5ed;*/

	-webkit-border-top-left-radius: 8px;

	-moz-border-radius-topleft: 8px;

	border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	border-top-right-radius: 8px;

	outline: none;

	position: relative;

}



ul.tabs h5{

	font-family: 'Istok Web', sans-serif;

}



ul.tabs li {

	padding-right: 13px;

	height:29px;

	line-height:30px;

	display:block;

	float:left;

	text-align:left;

	border:solid #74c5ed;

	margin-top: 0px;

	margin-right:2px;

	border-width:0px 0px 0px 0px;

	-webkit-border-top-left-radius: 8px;

	-moz-border-radius-topleft: 8px;

	border-top-left-radius: 8px;

	-webkit-border-top-right-radius: 8px;

	-moz-border-radius-topright: 8px;

	border-top-right-radius: 8px;

	cursor: pointer;

}

ul.tabs li a:link{

	color: #fff;

	text-decoration: none;

}



ul.tabs li {

	display:block;

	float:left;

	padding-left: 13px;

}



ul.tabs li.ui-state-active {

	/*background:url(../images/assets/pattern/pattern_1.png);*/

	border-bottom:1px solid #fff;

	position:relative;

	z-index:100;

	top: 0px;

	left:0px;

	padding-top: 1px;

	height: 28px;

	border-right: 0;

	padding-right: 13px;

}



ul.tabs li.ui-state-active h5 a:link{

	color: #1f262c;

	text-decoration: none;

	margin-top: 0px;

}



ul.tabs li.ui-state-active:first-child {

	-webkit-border-top-left-radius: 8px;

	-moz-border-radius-topleftt: 8px;

	border-top-left-radius: 8px;	

	line-height: 28px;

}



ul.tabs li:first-child h5{

}



.tabs-container div.panel {

	padding-left:20px;

	padding-top: 20px;

	padding-bottom: 15px;		

	z-index: 1;

	overflow:auto;

}





.tabs-container div.panel li{

	line-height: 22px;	

	font-family: 'Istok Web', sans-serif;

	font-size: 13px;

	color: #505050;

}



#content ul.tabs li h4 {

	margin:0;

	padding:0;

	text-align:center;

}

#content .tabs-container div.panel h5 {

	margin-top:0.8em;

}

.tabs-container div.panel p {

	margin:0;

}



.tabs-container div.panel h5{

	color: #1f262c;

}



.tabs-container div.border {

	position:relative;

	top:-1px;

	left:0;

	border:0;

	z-index:0;

}

.ui-tabs-hide {

	display:none

}



.panel img{

	/*-webkit-box-shadow: 30px 40px 40px -40px #000;

	-moz-box-shadow: 30px 40px 40px -40px #000;

	box-shadow: 30px 40px 40px -40px #000;

	*/

	-webkit-box-shadow: 0px 0px 8px -5px #000;

	-moz-box-shadow: 0px 0px 8px -5px #000;

	box-shadow: 0px 0px 8px -5px #000;

}



/***************************

	-	THE Dropcaps	-

****************************/	

p.dropcap_color-style:first-letter,p.dropcap_blue:first-letter,p.dropcap_lightgray:first-letter,p.dropcap_red:first-letter,p.dropcap_green:first-letter,p.dropcap_gold:first-letter,p.dropcap_yellow:first-letter,p.dropcap_gray:first-letter{

	display:block;

	float:left;

	font-size:54px;

	line-height:42px;

	margin:0px 10px 0px 0;

	padding-top:4px;

}



.simple li {

	font-family: "Istok Web",sans-serif;

	font-size: 13px;

	line-height: 21px;

	color: #505050;

}



/*Timer*/

.timer {

	background:url('../images/assets/icon/timer.png') no-repeat top left;	

	padding-top:0px;

	padding-bottom:0px;

	padding-left:20px;

	margin-right:30px;

}



/*Blog Star*/

.blogstar {

	background:url('../images/assets/icon/star_2.png') no-repeat top left;	

	padding-top:0px;

	padding-bottom:0px;

	padding-left:20px;

	margin-right:30px;

}





/*Star*/

.love {

	background:url('../images/assets/icon/love.png') no-repeat top left;	

	padding-top:0px;

	padding-bottom:0px;

	padding-left:20px;

	margin-right:30px;

}







/* Highlight */

span.highlight{

	background-color:#74c5ed;

}







.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 IMAGE ALIGNS -

***************************/	



img.alignright {

	float:right; 

	margin:0 0 0.5em 1.5em;

	display:inline;

}

img.alignleft {

	float:left;

	margin:0 1.5em 0.5em 0;

	display:inline;

}

img.aligncenter {

	display: block; 

	margin-left: auto; 

	margin-right: auto;

}



img.fit {

	width:100%;

	height:auto;

	

}



a img.alignright {

	float:right; 

	margin:0 0 0.5em 1.5em;

}

a img.alignleft {

	float:left; 

	margin:0 1.5em 0.5em 0;

}

a img.aligncenter {

	display: block; 

	margin-left: auto; 

	margin-right: auto;

}



/***************************

  - IMAGE SHADOWS -

***************************/



.showoverflow {

  overflow:visible !important;

  

}



img.shadow_wide {

	-webkit-box-shadow: 30px 40px 40px -40px #000;

	-moz-box-shadow: 30px 40px 40px -40px #000;

	box-shadow: 30px 40px 40px -40px #000;

		

}



img.shadow_small {

	-webkit-box-shadow: 3px 2px 6px -1px #000;

	-moz-box-shadow: 3px 2px 6px -1px #000;

	box-shadow: 3px 2px 6px -1px #000;

}





/**************************

	- BULLET LISTS -

***************************/	

#lists{

	overflow: auto;	

	position: relative;

	height: 238px;

	

}

ul.simple {

	margin:0;

	padding:0;

	list-style-type:none;

	font-size:115%;

}

ul.simple li {

	padding:0 0 0 25px;

	margin:0 0 0 5px;}

ul.star li  {background:url('../images/assets/icon/star.png') no-repeat left 2px;}

ul.arrow li {background:url('../images/assets/icon/arrow.png') no-repeat left 2px;}

ul.checker li {background:url('../images/assets/icon/check.png') no-repeat left 2px;}





/*************************

	- VIDEOBOX	-

**************************/



#videobox{

	width: 445px;

	height: 300px;

	-webkit-border-bottom-left-radius: 8px;

	-webkit-border-bottom-right-radius: 8px;

	-moz-border-radius-bottomleft: 8px;

	-moz-border-radius-bottomright: 8px;	

	border-bottom-left-radius: 8px;

	border-bottom-right-radius: 8px;

	margin-right: 20px;

	float: left;

}







/*******************************

	-	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.png) no-repeat top left;

	width: 190px;

	height: 82px;	

	float: left;

	margin-top: -10px;

	margin-bottom:10px;

}

#footer h5{

	font-family: 'Istok Web', sans-serif;

	color: #fff;

	margin-bottom: 10px;

	border-bottom: 1px solid #3c4147;

	padding-bottom: 10px;

}







/* Footer Content inside the Columns */

#footer .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{

	font-family: 'Istok Web', sans-serif;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}



/* Special Values for smaller Text*/

#footer .subcontent{

	font-family: 'Istok Web', sans-serif;

	font-size: 12px;

	color: #8f9396;

	padding-bottom: 10px;	

}



/* 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: 10px;

}



#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;

}