@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

body {
	margin-left: 50px;
}

#header{
	background:#FFF;
	height:135px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
}

.container{
	width:700px;
	padding:0;
	margin:0;
}

.replace{
	position:relative;
	margin:20px 0px 0px 50px;
	padding:0px;
	/* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}

#logo, #logo span{
      height:99px;
      width:203px;
      background-image: url(img/friends_logo.gif);
	  text-indent: -9999px;
}

#contactOne {
	position:absolute;
	left: 435px;
	top: 58px;
}

#contactOne a{
	color:#666;
	font-weight: normal;
	text-decoration: none;
}
#contactTwo {
	position:absolute;
	left: 585px;
	top: 58px;
}

.contact {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	letter-spacing: -0.1;
	line-height: 1.4em;
	margin-bottom: 0;
	padding-bottom: 0px;
	font-weight: 300;
	color:#666;
}

div.image_buttons {
	padding-top: 10px;
	padding-bottom: 8px;
}

ul.image_buttons {
	display: inline;
	margin-left: 0;
	padding-left: 0;
}

ul.image_buttons li {
	padding-right: 10px;
	list-style: none;
	display: inline;
	
	}
	
.image_buttons a,.image_buttons a:visited {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	letter-spacing: -0.1;
	line-height: 1.4em;
	margin-bottom: 0;
	padding-bottom: 0px;
	font-weight: 300;
	line-height: 1.4em;
	color:#999;
	text-decoration:none; 
  }
  
.image_buttons a:hover {
	color:#333;
	font-weight: bold;
}	


#port_container {
	margin-top:135px;
}

div.portfolioItem {
	width:700px;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #000;
	margin-bottom: 25px;
}

div.frontPage {
	width:700px;
	margin: 50px 0px 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 0.8em;
	font-size: 75px;
	color: #FFFFFF;
	font-weight: bold;
}

div.frontPage a{
	text-decoration: none;	
	color:#FFFFFF;
}

div.frontPage a:visited{
	text-decoration: none;	
	color:#FFFFFF;
}

div.frontPage a:hover{
	text-decoration: none;	
	color:#521a7f;
}

h1 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: -0.1;
	line-height: 1.4em;
	font-weight: 300;
	margin: 0;
	padding: 0px;
}

p.description {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	letter-spacing: -0.1;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding-bottom: 0px;
	font-weight: 300;
	line-height: 1.4em;
	color:#777;
	margin-top: 5px;
}


ul{text-align:right;margin:1em 0;padding:0}
ul li{display:inline;white-space:nowrap}
ul li.prev{float:left}
#footer>ul{display:table;width:700px}
#footer>ul li{display:table-cell}
#footer>ul li.prev{float:none;text-align:left}
#footer>ul li.next{text-align:right}

#footer a{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color:#000000;
}

#footer a:visited {
	color:#000000;
}

#footer a:hover {
	border-bottom: 1px dotted #000;
}