/* CSS 
  __    _     _____  ___   _      _   ___       ___   ____  _          __    _     _   _      ___   _         ___   ___  
 / /\  | |\ |  | |  / / \ | |\ | | | / / \     | |_) | |_  | |\ |     / /`  | |_| | | | |\/| / / \ | |       / / \ / / \ 
/_/--\ |_| \|  |_|  \_\_/ |_| \| |_| \_\_/     |_|_) |_|__ |_| \|     \_\_, |_| | |_| |_|  | \_\_/ |_|__     \_\_/ \_\_/
                                                                                                                                                                                                                                                                                                                                                                                    
*/

/*
* I say this: never gonna give you up, never gonna let you down,
* never gonna run around and desert you. Never gonna make you cry,
* never gonna say goodbye. Never gonna tell a lie and hurt you.
*/


@import url(reseter.css);
@import url(text.css);
@import url(color.css);
@import url(tabs.css);
@import url(resellers.css);
@import url(forms.css);
@import url(nivo-slider.css);
@import url(facebox.css);
@import url(model.css);
/*
 * @import url(media.css);
 */

body {
  width: 970px;
 	margin:0em auto;
}

header, footer, figure {
	display: block;
}

img.right figure.right {
  float: right;
  margin: 0 0 2em 2em;
  }
  
img.left, figure.left {
  float: left;
  margin: 0 0 2em 2em;
  }

figure.center{
  text-align:center;
}

header{
  margin-bottom:0.3em;
}

header h2{
  padding-left:3em;
}

header img{
  margin:0em auto;
}

.cover{
  font-size:1.5em;
  font-weight: bold;
}

.logoheader{
  margin:5em 0em .3em;
  padding-bottom:3em;
  border-bottom:0.3em solid #ccc;
}

.cover a{
  padding:0.1em 0.5em;
  color:#ccc;
  text-decoration: none;
}

.cover a:hover{
  color:#000;
}

#lang{
  padding:0.1em 0.5em;
  float:right;
  margin:-1em 5em 0em 0em;
}


nav{
  margin:0em 1em;
}

#menu{
  margin-left:4em;
}

#menu ul{
  list-style:none;
	margin:0;
	padding:0;
}

#menu li{
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
	float:left;
	width:7em;
	margin:0.2em;
	padding:0.3em 0.3em;
}

#menu li.select{
   opacity:0.1;
  filter:alpha(opacity=10);
}

#menu li:hover, .colours_button:hover{
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
}

nav li{
  -moz-border-radius:0.1em 1em; 
	-webkit-border-radius:0.1em 1em;
  border-radius:0.1em 1em;
	display:block;
	padding:0.5em 1em;
  margin-right:0.8em;
}

.colours_button{
  -moz-border-radius:0.1em 1em; 
	-webkit-border-radius:0.1em 1em;
  border-radius:0.1em 1em;
	padding:0.5em 1em;
  margin-right:0.8em;
  float:right;
}


#content{
  clear:both;
  padding:1em;
}


section h1, section h2, section h3{
  margin:0.3em 0em;
}

#content p, #content h1, #content h2{
  padding-top:0.7em;
}


figure{
  margin:1em auto;
}

figure img{
  background:none repeat scroll 0 0 #FFFFFF;
  border:0.2em solid #999999;
  margin:1em auto 0.7em;
  padding:0.7em;
}

#mosaic{
  background:#666;
  padding:1.5em;
}

#mosaic img{
  border:0em;
  margin:0;
  padding:0;
}

#mosaic a{
  -webkit-transition:All 0.5s ease;
  -moz-transition:All 0.5s ease;
  -o-transition:All 0.5s ease;
}

#mosaic a:hover{
  -moz-box-shadow: 0em 0em 3em #444;
  -webkit-box-shadow: 0em 0em 3em #444;
  box-shadow: 0em 0em 3em #444;
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -webkit-transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  -o-transform: translate(0px, -2px);
}

figure #mosaic{
  margin:0;
  padding:0em;
}

.trptych img{
  float:left;
  margin:0.3em;
}

.trptych figcaption{
  clear:both;
}

.thumb{
  float:left;
  margin:0em 0.3em 0em;
}

figcaption{
  margin:0.7em 0;
  display:block;
}

.thumb{
  padding:1em;
  margin:0.3em;
  -moz-border-radius:1em 0.5em;
  border-radius:1em 0.5em;
}

#bio{
  margin:1em 0em;
}

address{
  margin:0em 1em;
  float:left;
  font-style:italic;
  font-size:1.3em;
}

iframe .map {
  float:right;
}


footer{
  clear:both;
  margin-top:2em;
  padding:1em;
  width:955px;
  -moz-border-radius:0em 0em 1em 1em;
  border-radius:0em 0em 1em 1em;
}

footer p{
  clear:both;
}

footer nav{
  float:left;
}

footer #social{
  margin-right:5em;
  float:right;
}

#social li{
  float:left;
}

#social img{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity:0.3;
  filter:alpha(opacity=30);
}

#social img:hover{
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  opacity:1;
  filter:alpha(opacity=100);
}

/*

ICON LINKS

*/


a[href ^="mailto:"] {
   padding-left: 2em;
   background:url(../img/icons/email.png) no-repeat center left;
}

a[rel="external"] {
   padding-right: 2em;
   background:url(../img/icons/external.gif) no-repeat center right;
}

a[href $=".pdf"] { 
   padding-right: 2em;
   background:url(../img/icons/page_white_acrobat.png) no-repeat center right;
}