* {
	margin: 0;
	padding: 0;
}

html {

height : 100%;

}

.autoHeight {border:0;}

a img {border: none;}

#container {width: 100%;margin: auto auto;background:#fff;}
* > #container {
    	max-height: 100%;
    	min-height: 100%;
	}
	
body {}

/* Header */
#headerm {height: 135px;width:100%;background:#363636;}
.headercontent {height: 75px;width: 939px;margin-right:auto;margin-left: auto;margin-top:0;padding-top:60px;background:#363636;border: 0px solid #fff;}
.getintouch {width: 939px;height: 40px;text-align:right;background: #363636; padding-top: 0px; margin-top:-40px;padding-right: 0px; font: normal 12px Georgia; text-decoration: none;font-style: italic;color: white;border: 0px solid black;}
a.getintouc:link {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: white;border-bottom: 1px dotted white;}
a.getintouc:visited {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: white;border-bottom: 1px dotted white;}
a.getintouc:hover {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #464646;border-bottom: 1px dotted red;}
.logo {width: 222px; float: left; background: #363636; padding-left: 0px; padding-right: 0px; border: 0px solid #000; color: #666666;margin-top:20px;}

/* Menu */
.menuis {width: auto; float: right; height: 25px; background: #363636; padding-left: 8px; text-align: right; border: 0px solid #000;margin-top:20px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 50px; width: 480px; _width:500px; text-align: right;}
ul#nav li{float:left;margin-left: 20px;text-align: center}
ul#nav a{float:left;width: 8em;padding: 4px 0;text-decoration:none;color: #FFFFFF;font: italic 15px Georgia;font-weight: bold;}
ul#nav a:hover{color: #363636;}
ul#nav li.activelink a{background: #FFF}
ul#nav li.activelink a,ul#nav a:hover{color: #000;font-weight:bold}
li#is a:hover{background: left top no-repeat url(images/menubgis.jpg) #363636;width:140px;}
li#does a:hover{background: left top no-repeat url(images/menubgdoes.jpg) #363636;width:140px;}
li#loves a:hover{background: left top no-repeat url(images/menubgloves.jpg) #363636;width:140px;}
li#is a {background: left top no-repeat url(images/menubg.jpg) #363636;width:140px;}
li#does a {background: left top no-repeat url(images/menubg.jpg) #363636;width:140px;}
li#loves a {background: left top no-repeat url(images/menubg.jpg) #363636;width:140px;}

/* Welcome */
#welcome {width: 939px; border: 0px solid #000;margin-left: auto;margin-right: auto;}
#weare {width: 360px; margin-top: 30px; float: left;}
#weare h1 {font: normal 25px Georgia; text-decoration: none;font-style: italic;color: #363636;font-weight: bold;}
#weare h2 {margin-top: 20px;font: normal 25px Georgia; text-decoration: none;color: #757575;font-weight: 100;}
#wvideo {width: 579px; height: 326px; margin-top: 30px; float: left; background-color: grey;}

/* Index page line up (does & loves) */
#moreprojects {border: 0px solid #000;width: 940px;margin-right:auto;margin-left: auto;float:left;margin-top:20px;margin-bottom:20px;}
* > #moreprojects {
    	max-height: 100%;
    	min-height: 352px;
	overflow: hidden;
	}
#projects {border: 0px solid #000;width: 940px;margin-right:auto;margin-left: auto;float:left;margin-top:30px;margin-bottom:0px;}
* > #projects {
    	max-height: 100%;
    	min-height: 352px;
	overflow: hidden;
	}
#projectsindex {border: 0px solid #000;width: 940px;margin-right:auto;margin-left: auto;float:left;margin-top:10px;margin-bottom:0px;}
* > #projectsindex {
    	max-height: 100%;
    	min-height: 352px;
	overflow: hidden;
	}
.grolschcenter {width: 939px; border: 0px solid #000;margin-left: auto;margin-right: auto;padding-top:0px;}
.centering {width: 939px; border: 0px solid #000;margin-left: auto;margin-right: auto;padding-top:0px;}
#thingswelove {width: 940px;margin-right:auto;margin-left: auto;float:left;margin-top:10px;}
.hr {background:#dbdbdb;height:1px;border: 0px;width: 939px;}
.hrindex {background:url(images/index_dots.jpg) center top no-repeat;height:16px;border: 0px;width: 939px;}
.hr-two {background:#dbdbdb;height:1px;border: 0px;width: 939px;margin-top:15px;}
#thingswelove h1 {margin-top: 20px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#thingswelove h2 {margin-top: 10px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#thingswelove h3 {margin-top: 10px;font: normal 12px Helvetica; text-decoration: none;color: #363636;}
#moreprojects h1 {margin-top: 20px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#moreprojects h2 {margin-top: 10px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#moreprojects h3 {margin-top: 10px;font: normal 12px Helvetica; text-decoration: none;color: #363636;}
#projects h1 {margin-top: 20px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#projects h2 {margin-top: 10px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#projects h3 {margin-top: 10px;font: normal 12px Helvetica; text-decoration: none;color: #363636;}
#projectsindex h1 {margin-top: 20px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#projectsindex h2 {margin-top: 10px;font: bold 13px Georgia; text-decoration: none;font-style: italic;color: #363636;}
#projectsindex h3 {margin-top: 10px;font: normal 12px Helvetica; text-decoration: none;color: #363636;}
#projectone {float:left;width:300px;border-right: 20px solid white;height:277px;background: white;}
#projecttwo {float:left;width:300px;border-right: 20px solid white;height:277px;background: white;}
#projectthree {float:left;width:300px;height:320px;}
#seeproject {width: 100%;margin-top: 15px;float:left;}
a.readon:link {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #363636;border-bottom: 1px dotted #363636;}
a.readon:visited {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #363636;border-bottom: 1px dotted #363636;}
a.readon:hover {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #363636;border-bottom: 1px dotted red;}

/* Share with friends buttons */
.addthis_toolbox .custom_images a
{
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}


/* Is page */
.istop {width:939px;height:326px;border: 0px solid #000;margin-top:30px;}
#isheader {background: url(images/projectheader.gif) #363636;position: relative;width:240px;height:140px;margin-left: 0px;padding-left:20px;padding-top:100px;font: bold 25px Georgia;line-height:32px;text-decoration: none;font-style: italic;color: white;}

/* Searchresult page */

.resultsearch {float:left;margin-top:30px;font: bold 13px Georgia; text-decoration: none;font-style: italic;line-height:20px;}

/* Footer */
#footer {border: 0px solid #000;background: url('images/footerbg.gif') repeat-x top left #363636;width: 100%;margin-right:auto;margin-left: auto;float:left;margin-top:20px;margin-bottom:0px;}
* > #footer {
    	max-height: 100%;
    	min-height: 760px;
	overflow: hidden;
	}

.adressline {font: 12px Helvetica; text-decoration: none; color: #b5b5b5;line-height: 15px;}

.fcontent {height: 760px;width: 939px;margin-right:auto;margin-left: auto;margin-top:50px;border: 0px solid #000; _overflow-y:visible;}

#footer div.column {
	display: block;
	float: left;
	width: 293px;
  height: 760px;
  margin:0 0 0 0;
  padding-left:20px;
  padding-top:20px;
	border-right: 0px solid #333;
	background: #464646;
}

#footer div.column2 {
	display: block;
	float: left;
	width: 293px;
  height: 760px;
  margin:0 0 0 0;
  padding-left:20px;
  padding-top:20px;
	border-right: 0px solid #333;
	background: #363636;
}

#footer div.column3 {
	display: block;
	float: left;
	width: 293px;
  height: 760px;
  margin:0 0 0 0;
  padding-left:20px;
  padding-top:20px;
	border-right: 0px solid #333;
	background: #464646;
}
/* Top of page and Marvellous M */
.marvellousm {text-align:right;border: 0px solid #000;margin-top:-65px;}
#topofpage {width: 939px;height: 0px;text-align:left;float:left;margin-right:auto;margin-left: auto;height:25px;border: 0px solid #000; _overflow-y:visible;}
#topofpage a {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #363636;border-bottom: 1px dotted #363636;}
#topofpage a:hover {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #b5b5b5;border-bottom: 1px dotted red;}
/* Keep in Touch */
.touch {font: normal 15px Georgia; text-decoration: none;font-style: italic;color: #4de1ff;font-weight: normal;}
.contactmarv {font: normal 16px Helvetica; text-decoration: none;font-style: normal;color: white;font-weight: normal;}
.prframe {margin-top: 31px;}
.pr {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: white;font-weight: 100;line-height:30px;}
.bnframe {margin-top: 10px;}
.bn {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: white;font-weight: 100;line-height:30px;}
#touch a {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: white;font-weight: 100;}
#touch a:hover {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #363636;font-weight: 100;}
.office {margin-top: 27px;}
.hr-office {border: 0;background: #464646 url(images/hr.jpg) repeat-x;height:10px;margin-right:20px;}
.officeh1 {font: normal 16px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 500;margin-top:10px;}
a.contactmarvlink:link {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 100;line-height:20px;}
a.contactmarvlink:hover {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #757575;font-weight: 100;line-height:20px;}
a.contactmarvlink:visited {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 100;line-height:20px;}
.adress {margin-top: 4px;font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 100;line-height:17px;}
a.seemap:link {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: white;border-bottom: 1px dotted white;}
a.seemap:visited {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: white;border-bottom: 1px dotted white;}
a.seemap:hover {font: normal 12px Georgia; text-decoration: none;font-style: italic;color: #757575;border-bottom: 1px dotted #757575;}
.officebelow {margin-top:27px;}
.search {margin-top:35px;}
.linked {background: #f5f5f5; width:152px; height:20px;color: #ed1b2d;font: normal 12px Helvetica; text-decoration: none;font-style: normal;font-weight:200;padding-right:10px;padding-top:10px;text-align:right;align:left;margin-top:35px;margin-left:-19px;margin-bottom:30px;}
/* twitter */
.twitter {font: normal 15px Georgia; text-decoration: none;font-style: italic;color: #14bef0;font-weight: normal;}
.friends {font: normal 15px Georgia; text-decoration: none;font-style: italic;color: #b5d334;font-weight: normal;}
#twitter_update_list {list-style-type: none;}
#twitter a {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 100;}
#twitter a:hover {font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #363636;font-weight: 100;}
.friends {margin-top: 30px;}
.friendstable {margin-top: 30px;font: normal 14px Helvetica; text-decoration: none;font-style: normal;color: #b5b5b5;font-weight: 100;}
/* Upto */
.upto {font: normal 15px Georgia; text-decoration: none;font-style: italic;color: #ec008c;font-weight: normal;}
#flickr-badge {padding:32px 0 0 11px;}
#flickr-badge .flickr_badge_image {display: inline;margin-right: 14px;}
#flickr-badge .flickr_badge_image a img {border: none;border-bottom: 10px solid #464646;}


/* Image slider on index page */
#header a:hover {

color : #f5f5f5;

text-decoration : none;

}
#header a:link {

color : #fff;

text-decoration : none;

}
#header a:visited {

color : #fff;

text-decoration : none;

}

div.wrap {

width : 579px;

margin : 0 auto;

text-align : left;

}

div#top div#nav {

float : left;

clear : both;

width : 579px;

height : 52px;

margin : 22px 0 0;

}

div#top div#nav ul {

float : left;

width : 700px;

height : 52px;

list-style-type : none;

}

div#nav ul li {

float : left;

height : 52px;

}

div#nav ul li a {

border : 0;

height : 52px;

display : block;

line-height : 52px;

text-indent : -9999px;

}

div#header {

margin : -1px 0 0;

}

div#video-header {

height : 327px;

margin : -1px 0 0;

}

div#header div.wrap {

height : 327px;

background : url(images/header-bg.png) no-repeat 100% 0;

}

div#header div#slide-holder {

z-index : 40;

width : 579px;

height : 327px;

position : absolute;

}

div#header div#slide-holder div#slide-runner {

top : 0px;

left : 0px;

width : 579px;

height : 327px;

overflow : hidden;

position : absolute;

}

div#header div#slide-holder img {

margin : 0;

display : none;

position : absolute;

}

div#header div#slide-holder div#slide-controls {

left : 0;

bottom : 0px;

width : 200px;

height : 130px;

display : none;

position : absolute;

background : url(images/slide-bg.png) 0 0;

}

div#header div#slide-holder div#slide-controls p.text {

float : left;

color : #fff;

display : inline;
font: 16px Georgia;
font-style: italic;

line-height : 14px;

margin : 20px 0 0 20px;

}
div#header div#slide-holder div#slide-controls p.text2 {

float : left;

color : #fff;

display : inline;
font: 14px Georgia;
font-style: italic;

line-height : 10px;

margin : 15px 0 0 20px;
width:100%;

}

div#header div#slide-holder div#slide-controls p#slide-nav {
float:right;

height : 24px;

display : inline;

margin : 10px 10px 10px 21px;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

float : left;

width : 24px;

height : 24px;

display : inline;

font-size : 11px;

margin : 0 5px 0 0;

line-height : 24px;

font-weight : bold;

text-align : center;

text-decoration : none;

background-position : 0 0;

background-repeat : no-repeat;

}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {

background-position : 0 -24px;

}

div#header div#slide-holder div#slide-controls p#slide-nav a {

background-image : url(images/silde-nav.png);

}

div#nav ul li a {

background : url(images/nav.png) no-repeat;

}