/* ******************************************************************** */ 
/*                  			CSS for UKdynamo website                     */
/* ******************************************************************* */

html, body {	
	background:#131820;
	margin:0;padding:0;}
	
body {font: normal 12px Tahoma,Verdana,Helvetica, sans-serif;color: #000;}	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,blockquote{margin:0;padding:0;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
table {font-size:inherit;}
small {font: normal 11px Tahoma,Verdana,Helvetica,sans-serif;text-transform:none;letter-spacing:0;}
img, img a {border: none;}	
p {margin: 0; padding:6px 0;line-height: 1.6;}

	
/* --------- LINKS --------- */ 
a, a:visited {text-decoration: none; color:#003366;border: none;}
a:hover, a:active {text-decoration: none; color:#ff4f01;}
a:focus {outline: none; border:none;}
#footer a {padding: 3px 3px 1px 3px;}
#footer a, #footer a:visited {text-decoration: none; color:#778eb0; border: none; /*border-bottom:1px dotted #35465f;*/}
#footer a:hover, #footer a:active {text-decoration: none; color:#fff;border-bottom:none; background: #080D14;}
a.link, a.link:visited, #maincol a, #maincol a:visited {border-bottom:1px dotted #35465f; padding-bottom: 1px;}
#maincol a:hover, #maincol a:active, a.link:hover, a.link:active {border-bottom:1px dotted #ff4f01; background: #fff;}
#rightcol a:hover, #rightcol a:active {background: #fff;}


/* -------   TYPOGRAPHY  ------- */
h1 {font: 27px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing:0.05em;
	padding-left: 10px;
	visibility: hidden;
	color:#7d8690;}
h2 {	
	font:24px 'BebasNeueRegular', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.03em;
	color: #8395AF;}
h2.ttl {padding: 0 0 3px 5px; }
h3 {	
	font:30px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing:0.03em;
	text-transform: uppercase;
	color: #FF6600;
	padding:0;margin:0;}
h4 {	
	font: 20px 'RokkittRegular', Arial, sans-serif;
	letter-spacing:0.05em;
	padding-bottom:0px;
	color: #5C646F;}
h5 {	
	font-size: 14px;
	letter-spacing:0.05em;	
	color: #ff4f01;}
h6 {	
	color: #ff4f01;
	font-size:12px;
	font-weight: bold;
	margin:0; padding: 0 7px;	}
	

/* --------- MAIN LAYOUT STRUCTURE --------- */ 	
/* --------- Pagewidth --------- */
#pagewidth{ 
 width:100%; 
 background: #DADFE5;
 border-bottom:1px solid #fff;
 text-align:left; 
 margin:0 auto; }  
#wrapper {
 width:900px; 
 margin:0 auto;
 padding-top:30px;
 background:transparent;} 
#twocols {
	height: auto;
	min-height:250px !important;
	background: transparent;}
#pagewidthInternal {
	border-top:4px solid #ff6600;
	border-bottom:1px solid #fff;
	width:100%; 
	background: #DADFE5;
	padding-bottom: 20px;
 	text-align:left; 
 	margin:0 auto;}
 
/* --------- Left Column --------- */
#maincol {
 position: relative; 
 margin:1px 0;
 width:660px; 
 float: left;
 border:none; }
#maincol .maincol {
 margin:0;
 padding:0px 35px 0px 5px; /* total width - 620px; */
 text-align:justify;} 
 
/* --------- Right Column --------- */
#rightcol{
 position: relative; 
 margin:1px 0;
 width:240px; 
 float: right; 
 display: inline;}
#rightcol .rightcol {
 margin:0; 
 padding: 0 5px 0 5px; /* total width - 230px; */
 text-align:right;
 font-size: 11px;} 
 	
/* --------- Top bar --------- */
#top {
	background: #19212d;
	width: 100%;
	margin: 0 auto;
	border-bottom:1px solid #fff;
	color:#ccc;}
#top .top {
	width: 900px;
	margin: 0 auto;
	padding-top: 15px;}
	
/* --------- TOP BAR CLASSES --------- */ 
#top h1, 
#top .slogan {
	display: inline;
	position: relative;
	top:0;
	left:7px;}	
#logo {
	width:700px;
	float:left; clear:left;
	padding-bottom:20px;}
	
/* ----->> Social navigation <<----- */
.social {
	width:138px;
	float: right;
	display: inline;
	clear:right;
	background: transparent;
	margin:-5px -5px 0 0;
	text-align: right;	
	}	
.social a {
	background-image: url(../img/social-top.jpg);
	background-repeat: no-repeat;
	width: 24px;
	height:24px;
	float: left;
	padding: 0 !important;
	margin: 0 3px;}

.social a.fb {background-position: 0px 0px;}
.social a.in {background-position: -30px 0px;}
.social a.tw {background-position: -60px 0px;}

.social a.fb:hover,.social a.fb:active {background-position: 0px -24px;}
.social a.in:hover,.social a.in:active {background-position: -30px -24px;}
.social a.tw:hover,.social a.tw:active {background-position: -60px -24px;}
span.googleplus{
	float:left;
	padding:0px;
	margin:0px 0 0 3px;
}


/* ----->> Main Navigation <<----- */
#nav {
	width:900px;
	margin: 0 auto;	
	padding:0;
	height:40px; 
	text-align: center;
	background: url(../img/navbar.jpg) repeat-x 0 0;
	-moz-border-radius-topright: 0.4em; 
	-moz-border-radius-topleft:0.4em;
}
#nav ul#menu {
	margin: 0 0 0 51px;
	padding: 0;
	float:left;
	list-style: none;
	list-style-image: none;
}
#nav ul#menu li {
	float:left;
	padding: 0 25px;
	line-height:40px;
	margin:0 4px 0 0;
	background: none;
}
#nav ul#menu li:hover {
	background: #ff6600;
	padding: 0 24px;
	margin-right: 4px;
	border:1px solid #FCB985;
	border-bottom: none;
	-moz-border-radius-topright: 0.4em; 
	-moz-border-radius-topleft:0.4em;
	height:41px;
	color: #000;
}
#nav ul#menu li.current {
	background: url(../img/navbar-hover.jpg) repeat-x 0 0;
	-moz-border-radius-topright: 0.4em; 
	-moz-border-radius-topleft:0.4em;
	height: 42px;
	line-height:41px;
}	
#nav ul#menu li.current a:hover, #nav ul#menu li.current:hover {
	height: 41px;
	line-height:40px;
}
#nav ul#menu a:hover, #nav ul#menu a:active,
#nav ul#menu li.current a, #nav ul#menu li.current a:visited,
#nav ul#menu li:hover a {
	color: #000;
}
#nav ul#menu a, #nav ul#menu a:visited {
	font-family:'RokkittRegular', Arial, sans-serif;
	font-size:18px;
	text-transform: uppercase;
	letter-spacing:1px;	
	color: #eee;
	padding:0;
	text-decoration: none;
}	
	
/* --------- HEADER --------- */
#header {
	border-top:4px solid #ff6600;
	width: 100%;
	background: #5c646f url(../img/header-back.jpg) no-repeat center top;
	margin: 0 auto;}
#flashHeader {
	width: 900px;
	height:auto;
	padding: 0;
	margin:0 auto;	
	border:none;}	
#flash {
	width:520px !important;
	height: 330px;
	overflow: hidden !important;	
	background: #fff;
	padding-left:10px;}
#services {
	width:370px !important;
	overflow: hidden !important;
	height: 330px;
	background: transparent;
	text-align: right;}
ul.serviceList {
	list-style: none;
	list-style-image: none;
	text-align: right;
	margin: 0;
	padding:40px 5px 40px 20px;}	
ul.serviceList li {
	list-style-image: none;
	background: none;
	font:30px 'RokkittRegular', Georgia, Garamond, "Times New Roman", Times, serif;	
	line-height: 1.5;
	color: #FF6600;}
ul.serviceList li a {
color: #FF6600 ;}
ul.serviceList li a:hover {
	color:#003366;}
.bullet {color: #ccc;margin-left:2px;}


#contentHeader {
	padding: 15px 0;
	width: 900px;}	
#contentHeader .high {
	width:700px;
	float: left;}
#contentHeader .high img {
	padding-top:14px;
	padding-left: 5px;}
.bigButton  {
	background: #FF882C url(../img/navbar-hover.jpg) repeat-x right bottom;	
	text-align: center;
	width:auto; /* total 250px */
	float: right;
	display: inline;
	height:auto;
	padding:3px 15px;
	margin:0 5px;
	border:1px solid #FCB985;
	-moz-border-radius: 0.2em; }
#contentHeader .arrow img {position:relative; left:3px; top:3px;}

.bigButton a, h2.bigButton a:visited {
	font:19px 'RokkittRegular', Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	line-height:40px;
	color:#fff;
	letter-spacing: 1px;}
.bigButton a:hover {	
	color:#19212D;
	text-decoration: none;}