/* CSS Document */

/*RESET CSS*/

html{padding:0 0 0 0;margin:0 0 0 0;}
img {border:0;}

/*BODY*/

body {
	background-image:url(http://www.innovate-design.co.uk/images/bg3.jpg);
	background-color:#fafafa;
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0;
	padding:0;
	font-size:13px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:19px;
	color:#4C4E56;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:auto;
	padding:10px 0 0px 0;
}

#container {
	float:left;
	background:#FFF;
	width:931px;
	padding:5px;
	height:auto;
	margin:0 0 10px 0;
	border:1px solid #A7DCFA;
	 -moz-box-shadow: 1px 1px 10px #888;
	/*rounded corners*/
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}

/*HEADER*/
header {
	float:left;
	width:931px;
	height:100px;
	margin: 0 0 0 0;
	/*rounded corners*/
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	/*gradient*/
	background: #7FBEEB;
/*	background: -moz-linear-gradient(top, #A7DCFA, #519EE0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A7DCFA), to(#519EE0));	*/
}

.logo {
	float:right;
	height:93px;
	width:144px;
	text-align:right;
	margin-top:9px;
	margin-right:10px
}

header h1 {
	font-size:14px;
	color:#fff;
	margin:0 0 0 0;
	padding-left:10px;
	padding-top:14px;
	/*text-shadow: 1px 1px 1px #FFF;*/
}

header p {
	font-size:13px;
	color:#fff;
	padding-left:10px;
	margin:0 0 0 0;
/*	text-shadow: 1px 1px 1px #FFF;*/
}

header p.phone {
	padding-top:15px;
	font-size:24px;
	font-weight:bold
}


/*FONT DESCRIPTORS*/

h1 {font-size:10px;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

p {}
.strong {font-weight:bold;}
.italic {font-style:italic;}
.heading {font-weight:bold; font-size:18px; margin:0 0 0 0; padding: 0 0 0 0;}




/*DOWNLOAD BOX*/

.requestinfo {float:left; width:235px; height:auto; margin:0 0 0 10px;}
#requestpack { float:left; width:225px; height:77px; margin:0 10px 10px 0;}
#requestinfo { float:left; width:225px; margin-left:0px; height:auto; color:#4C4E56;}
#requestinfo p { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 0 0; padding: 0 2px 0 0px; width:auto; line-height:1.5em;}
a.requestbutton { display:block; height:77px; width:225px; background-image:url(../images/backgrounds/innovate-infopack-button.gif); background-position:0px 0px;}
a.requestbutton:hover.over {background-position:0px -78px; border:none; }
a.requestbutton:active.over {background-position:0px -78px; border:none; }

.smallpicture {
	float:left;
	height:165px;
}


/*ARTICLES / CONTENT / LEFT HAND SIDE*/

article {
	float:left;
	width:610px;
	height:auto;
	padding:0 20px 0 0px;
	margin:10px 10px 10px 0;
}

article h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	height:25px;
	color:#FFF;
	font-weight:bolder;
	line-height:1em;
	padding:5px 0px 0px 10px ;
	margin:0px 0px 0px 10px;
		/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px; 
	/* Background color and gradients*/ 
	background: #519EE0;
	background: -moz-linear-gradient(top, #A7DCFA, #519EE0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A7DCFA), to(#519EE0)); 
	/* Borders */
	border-right:none;
	-moz-box-shadow:inset 0px 0px 1px #FFF;
	-webkit-box-shadow:inset 0px 0px 1px #FFF;
	box-shadow:inset 0px 0px 1px #FFF;
}

article .headline {
	width:588px;
	margin:0px 0px 20px 10px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F9F9F9;
	border-right:1px solid #519EE0;
	border-left:1px solid #519EE0;
	border-bottom:1px solid #519EE0;
		/*Rounded Corners*/ 
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px; 
}

article h2 { color:#09F; font-size:18px; padding-left:10px; margin: 0 0 10px 0; line-height:1.5em;}

article h3 { color:#09F; font-size:18px; padding-left:10px; margin:0 0 10px 0; }

article h4 {
	font-size:16px;
	padding-left:10px;
	margin:0 0 10px 0;
}

article h5 {
	font-size:14px;
	padding-left:10px;
	margin: 0 0 3px 0;
	color:#AAA;
	font-weight:normal;
}

article h6 {
	font-size:13px;
	padding-left:10px;
}

article p {
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:normal;
}

article p.small {
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
}

article .section {
	float:left;
	width:588px;
	margin:0 0 20px 10px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F9F9F9;
	border:1px solid #C5C5C5;
		/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px; 
}

article .section2 {
	width:588px;
	margin:0 0 20px 10px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F7F7F7;
	border:1px solid #519EE0 ;
		/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px; 
}

article .secnoborder {
	width:588px;
	margin:0 0 20px 10px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F9F9F9;
	border-bottom:1px solid #C5C5C5;
	}



article .quote {
	width:588px;
	margin:0 0px 20px 10px;
	padding:10px 10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F1F1F1;
	border:1px dashed #C5C5C5;
		/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px; 
}

article .video {
	width:600px;
	margin:0px 0px 20px 10px;
	padding:10px 0px 0px 0px;
}

.soc:hover {
	background-color:none;
	}
	

article ul{list-style:none;display:block;margin:10px 10px 10px 20px;padding:0px 0px 0px 0px;}
article ul li{font-size:12px;background-image:url(../images/point.jpg);background-repeat:no-repeat;background-position:0px 3px;margin:0px 0px 0px 0px;padding:2px 0px 2px 20px;}

article a{text-decoration:none; color:#09F;}
article a:hover{color:#FFF; Border:none; background-color:#09F;}

/*Info Pack Request Table CSS */

article .infopacktable {
		width:598px;
	margin:0 0 20px 10px;
	padding:10px 10px 20px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#F7F7F7;
	border:1px solid #519EE0;
		/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px; 
	}

article .linkbox:link, .linkbox:visited {
	float:left;
	text-align:center;
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:25px;
	color:#09F;
	line-height:1em;
	padding:10px 0px 0px 0px ;
	margin:0px 0 10px 10px;
	background-color:#F6F6F6;
	border:1px solid  #C5C5C5;
	/*Rounded Corners*/ 
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px; 
	/* Background color and gradients*/ 
}

article .linkbox:hover, .linkbox:active {text-decoration:underline; 
border:1px solid  #C5C5C5; background-color:#09F; color:#FFF;}


/*ASIDE / RIGHT HAND SIDE*/

aside {
	float:right;
	margin:10px 10px 10px 0px;
	width:270px;
}

aside h2 {
	font-size:17px;
	height:25px;
	color:#4C4E56;
	font-weight:normal;
	line-height:1em;
	padding-left:10px;
	padding-top:7px;
	margin:0 0 0 0;
	/* Rounded Corners */
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	background: #E1E1E1;
	/* Background color and gradients */
	
	background: -moz-linear-gradient(top, #f6f6f6, #D1D1D1);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f6f6), to(#D1D1D1));
	/* Borders */
	border-right:none;
	-moz-box-shadow:inset 0px 0px 1px #FFF;
	-webkit-box-shadow:inset 0px 0px 1px #FFF;
	box-shadow:inset 0px 0px 1px #FFF;
}
	
aside p { font-size:12px; margin: 0 0 10px 0; padding:4px 10px 4px 10px; background-color:#F6F6F6; border-bottom:1px solid  #C5C5C5; border-left:1px solid #C5C5C5; border-right:1px solid #C5C5C5;
}

aside a{text-decoration:none; color:#09F;}
aside a:hover{ color:#FFF; background-color:#09F; text-decoration:none;}

aside ul {list-style:none;display:block;width:268px;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; background-color:#F6F6F6; border-left:1px solid #C5C5C5; border-right:1px solid #C5C5C5;}

aside li{font-size:12px;color:#333;display:block;list-style:none;margin-bottom:0 0 0 0;padding:0px 0px 0px 0px; border-bottom:1px solid #C5C5C5;}
aside li a{display:block;padding:4px 0px 6px 10px;margin:0px 0px 0px 0px;}
aside li a:hover{color:#FFF; Border:none; background-color:#09F;}
aside ul.list{list-style:none;display:block;font-size:11px;width:198px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
aside li.list{display:block;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}

/*Social media image class*/
.social {float:left; width:16px; height:16px; padding:2px 5px 0 0;  }

/*Credentials (ASIDE)*/
.credentials {float:left; width:278px; margin:10px 0 20px 0; padding:0 0 0 0;}
.cred {float:left; width:76px; height:76px; padding:0 5px 0 0;  }
.credentials-logo {float:left; width:76px; height:76px;}
.credentials-text { font-size:12px; float:left; width:175px; height:57px; padding:19px 0 0 15px; color:#537EB5;}

/*FOOTER*/
.clearfooter { clear:both;}

footer {
	float:left;
	width:931px;
	height:25px;
	margin:0 0 0px 0;
	border-top:1px solid #74b8f4;
    /*rounded corners*/
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	/*gradient*/
	background: #519EE0;
	background: -moz-linear-gradient(top, #A7DCFA, #519EE0);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A7DCFA), to(#519EE0));	
}

footer p {
	font-size:11px;
	text-decoration:none;
	padding-left:10px;
	padding-top:2px;
	color:#FFF;
	margin:0 0 0 0;
	text-align:center;
	height:25px;
}

footer a {
	text-decoration:none;
	color:#FFF;
}

footer a:hover {
	color:#4C4E56;
}

/*PAGE BASE*/
base  {float:left; width:500px; height:10px; margin:0 0 0 0;}

/*Hide / reveal */

#reveal { color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:600px; }
#reveal #tools { color:#39f; cursor:pointer; font-size:10px; margin-bottom:3px; text-align:right; }
#reveal .header { cursor:pointer; margin-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 0; }
#reveal .header:link { background:url(../css/path-to-directory/arrow-inactive.png) no-repeat right; color:#00aef0; display:block; margin:0 10px; }
#reveal .header:active { background:url(../css/path-to-directory/arrow-active.png) no-repeat right; }
#reveal .content { display:none; padding:10px; }


/********  PROFILE / TEAM INFO **********/

.profilepic { float:left; height:100px; width:100px; margin:0px 10px 10px 10px; }
.profileinfo {float:left; width:400px; height:auto;}