/*  SOME RIGHT RESERVED - Creative Commons Attribution-Share Alike 2.0 Belgium License   */
/*  All contents by Nick & Koen from oneDot only */
/*  part of gatewing.com */

@import url("fonts/delicious.css") all;
@import url("home.css");

/* PAGE STANDARD ELEMENTS */
* {
	margin: 0; padding: 0; border: 0;
}

a, a:hover, a:link	{
	color: #4c8cc4; text-decoration:none;
}
p > a:visited	{ color: #475f74; }

b, strong { color:#333; }


body	{ 	
	background:#333; height: 100%; background: -moz-linear-gradient(0% 20% 90deg,#333, #111111); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333), color-stop(.2,#333333));
	font: 11px "Lucida Grande", Lucida, sans-serif; color: #4a4a4a;
}

ul	{ list-style: none; }

h1, h2, h3, .delicious	{
	font-family: "Delicious", "Lucida Grande", Lucida, sans-serif; color: #222; text-transform: uppercase; font-weight: normal;
}




/* STYLE */

.content			{ width:980px; margin: 24px auto 50px; }

#header	{
	padding: 57px 365px; background: black no-repeat; border-radius: 4px; margin-bottom: 12px;
	box-shadow: 0 2px 4px rgba( 0,0,0, .5 );
}

.toplinks { width: 203px; min-height: 15px; display: block; float: right; margin-top: -5px; margin-bottom:20px; margin-right: 0px; border-bottom: solid #252525 1px;
			background: url( img/toplinks-shadow.png) no-repeat bottom right; padding-bottom: 8px; text-align: right; }
.toplinks a { color: #b6bab9; margin-left: 30px; float: right; text-shadow: 0 -1px 0px #1d1d1d; }
.toplinks a:hover { color: #ccc; }

#menu	{ height: 78px; }
#menu > li	{
	float: left; height: 20px; padding: 10px; margin-right: 8px; 
	font-size: 17px; color: #222; text-shadow: 0 1px rgba( 255,255,255, .6 ); 
	box-shadow: inset 0 1px rgba( 255,255,255, .5 ), inset 0 0 2px rgba( 255,255,255, .3 ), 0 2px 4px rgba( 0,0,0, .5 );
	border-radius: 4px;
	background: grey; /* fallback */
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #C5C7C6), color-stop(0.90, #999999)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( top, #C5C7C6, #999999); /* Chrome 10+, Saf5.1+ */
	background:  -moz-linear-gradient(top, #C5C7C6, #999999); /* FF3.6+ */
	background: -ms-linear-gradient(top, #C5C7C6, #999999); /* IE10 */
	background: -o-linear-gradient(top, #C5C7C6, #999999); /* Opera 11.10+ */
	background: linear-gradient(top, #C5C7C6, #999999); /* W3C */
	
	/* image : url( img/alu.stroke.jpg ) */
}
#menu >	li:nth-child(2)	{ background-position: -200px 0; }
#menu >	li:nth-child(3)	{ background-position: -400px 0; }
#menu >	li:last-child	{ float: right; margin: 0; }
#menu	li.blue	{
	padding: 5px 0;
	background: #4278a7; 
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(65,128,184)), color-stop(0.90, rgb(137,189,235)));
	background: -moz-linear-gradient( center bottom, rgb(65,128,184) 0%, rgb(137,189,235) 90%);
	background: -webkit-linear-gradient(top, #89bdeb, #4181b8 ); 
	background: -moz-linear-gradient( top, #89bdeb, #4181b8 );
	box-shadow: inset 0 0 1px white, 0 2px 4px rgba( 0,0,0, .5 );
	font-size: 15px; color: #afeffa; text-shadow: 0 -1px 0 rgba( 10,38,90, .8 );
}

#menu > li.active {
	
	background: grey; /* fallback */
	background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #C5C7C6), color-stop(0.90, #949190)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient( bottom, #C5C7C6, #949190); /* Chrome 10+, Saf5.1+ */
	background: -moz-linear-gradient(bottom, #C5C7C6, #949190); /* FF3.6+ */
	background: -ms-linear-gradient(bottom, #C5C7C6, #949190); /* IE10 */
	background: -o-linear-gradientbottom; /* Opera 11.10+ */
	background:  linear-gradient(bottom, #C5C7C6, #949190); /* W3C */
}
#menu > li a	{
	padding: 10px 22px; font-family: "Delicious", "Lucida Grande", Lucida, sans-serif; color: inherit; text-transform: uppercase; font-size: inherit;
}
#menu > li:hover{
	background:#C5C7C6;
}

#menu > li.blue:hover{
	background:#639DD0;
}
#menu ul.sub a	{
	text-transform: capitalize; font-size: 14px;
}
#menu .sub > li	{ display: inline; }
#menu .sub a	{
	padding: 2px 10px 3px; border-radius: 3px;
}
#menu .sub a:hover	{ background: rgba( 0,0,0, .1 ); }

#menu .sub	{ display: none; }
#menu li.active .sub	{ display:inline;  }
#menu li.active > a	{  padding: 10px 10px 10px 10px; }

#logo img { margin-top: -4px; }

#left	{ width: 300px; }
#right	{ width: 628px; float: right; }
#main	{ padding-top: 50px; clear:both; }

#footer				{
	width:100%; background:#475f74; border-top: 1px solid #233240; font-size:10px;
	color: #222; line-height: 16px;
}
#footer .content	{
	padding: 12px 0 50px; height: 120px; margin: 0 auto;
}
#footer .disclaimer	{
	width: 33%; float: right; text-align: center;
}
#footer .disclaimer h1	{
	text-transform: none; font-size: 16px; line-height: 24px;
}
#footer .disclaimer h1 a	{ color: #4c8cc4; }
#footer .links	{
	width: 33%; float: right; text-align: right;
}

#footer .links a	{
	background: #28455e; border-radius: 4px; margin-left: 4px; padding: 5px 15px; font: 14px "Delicious", "Lucida Grande", Lucida, sans-serif; 
}

#sitemap > ul	{
	float: left; padding-right: 18px; text-align: right;
}
#sitemap .parent a	{
	color: #222; font-weight: bold;
}

/* FORM Elements */

input, textarea	{
	margin: 6px 0; border-radius: 3px; border: 1px solid #94a4b1; box-shadow: 0 0 5px rgba( 255,255,255, .4 ), 0 1px 0 rgba( 255,255,255, .5 );
	background: white; background: -webkit-linear-gradient( #fff 1px, #efefef 4px, #fff 90% ); background: -moz-linear-gradient( #fff 1px, #efefef 4px, #fff 90% );
	font: 14px 'Delicious', sans-serif;
}

textarea	{ width: 400px; }

input[type=text]	{
	width: 240px; padding: 10px 14px; color: #333;
}
input::-webkit-input-placeholder	{ color: #ccc; }

input[type=button], input[type=submit]	{
	padding: 7px 10px; margin-bottom: 3px; margin-left: -52px; border-color: #669bb0; background: #b1d7e8; background: -webkit-linear-gradient( #b1d7e8, #81b9ce ); background: -moz-linear-gradient( #b1d7e8, #81b9ce ); box-shadow: inset 0 0 3px white, 0 1px 0 white;
	color: #3b5a67; text-shadow: 0 1px 0 #cfe2e9; cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover	{
	color: #75828a; text-shadow: 0 1px 0 white; 
}

span.error, span.subscribed	{
	display: block; width: 420px; padding: 4px 12px; margin: 12px 0; color: white; text-shadow: 0 1px 0 rgba( 0,0,0, .5 ); border-radius: 20px; 
}

span.error	{ background: #aa0101; }
span.subscribed	{ background: #9cdc01; }

div.logo	{ background: url( img/icon.mailchimp.png ) no-repeat; width: 60px; height: 15px;  }

#socialbtns a { padding-bottom: 15px; display: block; width: 30px; height: 32px; }
#socialbtns span { 
	position:relative; left: -110px; padding: 5px; visibility: hidden; margin-top: 3px; border-radius: 4px;
	background: #242424; text-align: left; width: 90px; height: 14px; display: inline-block; text-align: center;
}
#socialbtns	> a	{ background-repeat: no-repeat; opacity: .24; }
#socialbtns > a:hover span	{ visibility: visible; }
#socialbtns > a:hover	{ opacity: 1; }
#sl { background-image: url( img/social_linkedin_active.jpg ); }
#st { background-image: url( img/social_twitter_active.jpg ); }
#sf { background-image: url( img/social_facebook_active.jpg ); }
#sg { background-image: url( img/social_google_active.jpg ); }
#sv { background-image: url( img/social_vimeo_active.jpg ); }



/* COLUMN & MOD CLASSES */
.mod	{
	background: white; box-shadow: 0 2px 4px rgba(0,0,0, .5 ); border-radius: 4px; margin-bottom: 12px;
}

.mod h1	{
	padding: 20px 0; font-size: 17px;
}

.mod.blank	{ background: none; box-shadow: none; }

.mod.ash	{ 
	background: #dcdcdd url(img/mod.ash.bg.jpg); padding: 0 15px 15px;
}

.mod.focus	{ 
	background: #e6e9ea; background: -webkit-linear-gradient( #edeeef, #d0d8dc ); background: -moz-linear-gradient( #edeeef, #d0d8dc ); border: 3px solid white; padding: 0 12px 12px;
}

.mod.lifloat li	{
	float: left; width: 124px;
}

.mod.lifloat ul:after	{
	display: block; width: 100%; clear:both; content: " ";
}