@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'VegurRegular';
src: url('font/vegurr_0500.eot');
src: local('font/Vegur'), local('font/Vegur-Regular'), url('font/vegurr_0500.woff') format('woff'), url('font/vegurr_0500.ttf') format('truetype'), url('font/vegurr_0500.svg#Vegur-Regular') format('svg');
}
@font-face {
font-family: 'VegurBold';
src: url('font/vegurb_0500.eot');
src: local('font/Vegur'), local('font/Vegur-Bold'), url('font/vegurb_0500.woff') format('woff'), url('font/vegurb_0500.ttf') format('truetype'), url('font/vegurb_0500.svg#Vegur-Bold') format('svg');
}


*{padding:0;margin:0;}

html{height: 100%;}

body{
height: 100%;
background: #f1f1f1 url(../img/assets/backdrop-grad2.jpg) repeat-y center; 
font-family:Arial, sans-serif
}

#container {
font-size:100%;
position:relative;
width:915px;
margin: 0 auto;
height: 100%;
}

img{ border:none;}

ul li{list-style:none;}

h1{font: normal 200%/1 'VegurRegular', Arial, sans-serif; color:#dd2e8d}
h2{font: normal 150%/1 'VegurRegular', Arial, sans-serif; color:#dd2e8d;padding: 0 0 5px 0;}
h3{font: normal 125%/1 'VegurRegular', Arial, sans-serif;color:#dd2e8d;padding: 0 0 5px 0; }
h4{font: normal 100%/1 'VegurRegular', Arial, sans-serif; color:#747474;padding: 0 0 5px 0;}

a:link{color:#747474;}
a:visited{color:#747474;}
a:hover{text-decoration:underline;}
a:active{color:#747474;}

p{
font: normal 80%/1.5 Verdana, Arial, sans-serif;
color:#333;
padding: 5px 0 10px 0;
}

hr{
border:none;
border-bottom: #dbdbdb dotted 2px;
height:2px;	
padding: 0 0 5px 0;
}

.pink{color:#dd2e8d;}
.grey{color:#949494;}


/* ----------- header ------------ */
#header{ 
background:#df3a94;
height:75px;
position:relative;
color:#fff;	
font: normal 100%/1 'VegurRegular', Arial, sans-serif;
}
#header h1 span{ display:none;}
#header h1 a{ 
background:url(../img/assets/see-what-you-mean.gif);
height:32px;
width:264px;
position:absolute;
top:30px;
left:40px;
}
#header h2 span{ display:none;}
#header h2{ 
background:url(../img/assets/tagline.gif) no-repeat;
height:18px;
width:272px;
position:absolute;
top:41px;
left:325px;
}
#header ul {	
position:absolute;
top:33px;
right:40px;
color:#ef9dca;
}
#header li { 
display:inline;
font-size: 95%;
}
#header li a { 
padding: 0px 15px 0 0;
color:#ef9dca;
text-decoration:none;	
background:url(../img/assets/blog-bubble.gif) no-repeat 100% 0%;
padding-top:10px;
display:inline-block;
width:28px;
}
#header .tel{color:#fff;}
#header li a:visited{color:#ef9dca;}
#header li a:hover{color:#fff; background:url(../img/assets/blog-bubble-hover.gif) no-repeat 100% 0%;}
#header li a:active{}
#header li .vcard{display:inline-block;}
.extra-contact-info{display:none;}
/* ----------------------- */

/* ----------- navigation ------------ */
#nav{
width:236px;
height:300px;	
position:absolute;
top:100px;
left:28px;
	}
#nav ul{}
#nav ul li{
margin: 0 0 6px 0;
font: normal 100%/1 'VegurRegular', Arial, sans-serif;
}
#nav li a {
height:18px;
width: 148px;
text-decoration:none;
display:block;
padding:6px 0 0 17px;
}
#nav li a:link{color:#5c5c5c;}
#nav li a:visited{}
#nav li a:hover{
color:#fff;	
height:18px;
width: 148px;
background: #dd2e8d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#nav li a:active{}
/* ----------------------- */

/* ----------- middle section ------------ */
#middle{ background:#fff;}
/* ----------------------- */

/* ----------- content ------------ */
#content{
margin: 0 0 15px 215px;
padding: 25px 0 20px 0;
width:650px;
min-height:400px;
}
.vhr{
border-left: #dbdbdb dotted 2px;
padding: 5px 0 0 35px;
position:relative;
min-height:400px;
}
/* ----------------------- */

/* ----------- footer ------------ */
#footer {
position: relative;
font: normal 75%/2 'VegurRegular', Arial, sans-serif;
color:#a3a3a3;
height:215px;
}
#footer h5{
color:#dd2e8d; 
display:inline;
font-family:'VegurBold', Arial, sans-serif;
font-size:110%;
}
#footer a{text-decoration:none;color:#a3a3a3;}
#footer a:visited{}
#footer a:hover{ text-decoration:underline;}
#footer a:active{}

#address{	
position:absolute;
top:10px;
left:45px; 
}
#address strong{
font-size:130%; 
font-family:'VegurBold', Arial, sans-serif;
}
.vcard{line-height:120%;}
#also-on{
position:absolute;
top:10px;
left:270px;
}
#join-us{
position:absolute;
top:10px;
left:390px;
}
#join-us ul{margin:0 0 24px 0;}
.greyed-out{color:#656565;}

#extra-info{
position:absolute;
top:12px;
left:550px;
}
#extra-info p{
margin:30px 0 0 0;
line-height:150%;
color:#656565;
}
/* ----------------------- */	

.placeholder{position:relative;}
.placeholder span{
background:url(../img/assets/play-button.png);	
display:block;
position:absolute;
top:40%;
left:45%;
height:73px;
width:72px;
}

/* ----------- home page ------------ */
#homepage{
width:860px;
margin-left:-170px;
}
#homepage h4{
position:relative;
top:-12px;
left:0px;
}
#homepage ul{	
padding:0px 0;
margin: 0 0 0 -5px;
font: normal 110%/1 'VegurRegular', Arial, sans-serif;	
}
#homepage li{
display:inline;
position:relative;
margin-left:-1px;
}
#homepage a{
width:154px;
height:134px;
display:inline-block;
text-decoration:none;	
padding:6px 6px 15px 6px;
color:#5d5d5d;
}
#homepage a:hover{
width:154px;
height:134px;
display:inline-block;
background:#e5e5e5;
padding:6px 6px 15px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#homepage img{
padding:5px 0;
display:block;
}
#homepage li span{}

#homepage p{ 
width:650px; 
margin: 10px 0 0 170px; 
line-height:180%;
}
#homepage p strong{font-weight:normal;}
/* ----------------------- */

/* ----------- what we do ------------ */
#what-we-do p{ margin-right:20px;}
/* ----------------------- */

/* ----------- how we do it ------------ */
#how-we-do-it { }
#how-we-do-it ul p, #how-we-do-it ul hr, #how-we-do-it ul h3{margin: 5px 0 0 160px;}
#how-we-do-it ul h3{margin-top:10px;}
#how-we-do-it ul a{color:#dd2e8d; text-decoration:none;}
#how-we-do-it ul img{
position:absolute;
top:6px;
left:6px;
}
#how-we-do-it ul{ 
position:relative;
margin: 20px 0 10px 0;
padding: 5px;
height:110px;
display:block;
}
#how-we-do-it li{
position:relative;
padding: 5px;
height:110px;
}

#how-we-do-it li:hover{
background:#e5e5e5;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#how-we-do-it ul a.bottomlink{
position:absolute;
top:0px;
left:0px;
display:block;
width:620px;
height:120px;
}
#how-we-do-it ul a.bottomlink:hover{
position:absolute;
top:0px;
left:0px;
display:block;
height:120px;
width:620px;
}
#replace-img{
position:absolute; 
top:68px; 
left:35px;
width:596px; 
height:307px;
z-index:-1;
}

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

/* ----------- see our work ------------ */
#see-our-work hr{width:440px;}
#see-our-work p, #see-our-work h3, #see-our-work h4, #see-our-work hr{margin: 0 0 0 160px;}
#see-our-work h3{padding-top: 5px;}
#see-our-work h3 a{color:#dd2e8d; text-decoration:none;}
#see-our-work li{
position:relative;
margin: 0 0 10px 0;
padding: 5px;
height:110px;
}
#see-our-work li:hover{
background:#e5e5e5;	
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#see-our-work img{
position:absolute;
top:6px;
left:6px;
}
#see-our-work a.bottomlink{
position:absolute;
top:0px;
left:0px;
display:block;
width:620px;
height:120px;
}
#see-our-work a.bottomlink:hover{
position:absolute;
top:0px;
left:0px;
display:block;
height:120px;
width:620px;
}
/* ----------------------- */
/* ----------- case study ------------ */
#case-study{
width:596px;
padding:22px 3px 3px 3px;	
position:relative;
min-height: 480px;
}
#case-study p, #case-study h3{width:400px;}
#extra-links{
position:absolute;
top:25px;
right:0px;
bottom:0;
width:150px;
border-left: #dbdbdb dotted 2px;
padding: 0 0 0 20px;
}
#extra-links hr{
width:139px;
margin: 0 0 10px 5px;
}
#extra-links h4{margin: 0 0 0 5px;}
#extra-links ul{	
color:#747474;
font: normal 100%/1 'VegurRegular', Arial, sans-serif;	
}
#extra-links li{
display:inline;	
position:relative;
top:0px;
left:0px;
width:154px;
}
#extra-links img{
padding:0 0 5px 0;	
display:block;
}
#extra-links a{
width:139px;
height:125px;
display:inline-block;
text-decoration:none;	
padding:6px 6px 10px 6px;
}
#extra-links a:hover{
width:139px;
height:125px;
display:inline-block;
background:#e5e5e5;
padding:6px 6px 10px 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* ----------------------- */

/* ----------- our clients ------------ */
#clients{font: normal 100%/1 'VegurRegular', Arial, sans-serif; }
#clients ul{ 
display:inline-block; 
width:200px; 
vertical-align:top;
}
#clients li{padding:10px 0;}
#clients a{color:#333;}
/* ----------------------- */

/* ----------- what they say ------------ */
#what-they-say{}
#what-they-say ul{}
#what-they-say li{ padding: 10px 0 15px 0;}
#what-they-say li h3, #what-they-say li h4{display:inline;}
#what-they-say li h4{ padding: 0 0 0 5px;}
/* ----------------------- */


/* ----------- people ------------ */
ul#people {margin: 15px 0 0 0;}
#people li{
position:relative;
padding: 5px 0 ;
margin: 0 0 5px 0;
}
#people object{
position:absolute;
top:6px;
left:0px;
}
#people img{
position:absolute;
top:6px;
left:0px;
}
#people .intro{min-height:100px;}
#people p, #people h3{margin: 0 0 0 225px;}
#people p {padding-bottom:5px; }
#people li h3, #people li h4{display:inline;}
#people h4{padding: 0 0 0 5px;}
#slick-hide, #slick-show, #slick-hide2, #slick-show2, #slick-hide3, #slick-show3{color:#dd2e8d; text-decoration:none;}
#people #slickbox p, #people #slickbox2 p, #people #slickbox3 p{margin:0;}
li#bottom{border:none;}
/* ----------------------- */

/* ----------- get in touch ------------ */
label { 
color:#5c5c5c;
display:block;
}
input, select, textarea {
width: 205px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:5px;
color: #737373;
}
/* ----------------------- */

/* ----------- blog ------------ */
#blog{ }
#blog ul{}
#blog li{
border-bottom: #dbdbdb dotted 2px; 
margin:0 0 20px 0;
}
#blog li ul li{
border-bottom:none;
list-style:disc;
margin-left:25px;}

#blog h3 a{
color:#dd2e8d; 
text-decoration:none;
}
.blog-date{
font: normal 70%/1 'VegurRegular', Arial, sans-serif;
color:#999;
margin:10px 0;
}
#blog a img{ 
border: 1px solid #ccc; 
padding: 3px;
}
#blog br{ 
display:block;
height:15px;
}
/* ----------------------- */
/* ----------- wallpapers ------------ */
#wallpapers{ font: normal 95%/1 Arial, sans-serif; }

#wallpapers li ul li{
list-style-image:url(../img/wallpapers/down-arrow.gif); 
margin-left:25px;
padding: 0 0 10px 0;
}

#wallpapers ul li{
position:relative;
top:15px;
left:0;
padding: 0 0 15px 0;}
#wallpapers ul ul{
position:absolute;
top:0px;
left:170px;}

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

/* ----------- sitemap ------------ */
#sitemap{font: normal 100%/1 'VegurRegular', Arial, sans-serif;	}
ul#sitemap ul{padding:0 0 0 20px;}
ul#sitemap li{padding:10px 0;}
/* ----------------------- */