body {
	margin: 0px;	
}

p {
	line-height: 1em;
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	line-height: 1.5em;
	color: #666;
}

a {
	color: #45382d;
	cursor: pointer;
	text-decoration: none
}

a:hover {
	color:#5aaab1;
	text-decoration: underline;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -.02em;
	line-height: 0.642857em;
	margin: .1em 0 1.385714em;
	text-decoration: none;
	font-weight: normal;
	color: #45382d;
}

h1, h1 a:hover, h2, h2 a:hover, h3, h3 a:hover {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -.02em;
	line-height: 0.642857em;
	margin: .1em 0 1.385714em;
	text-decoration: none;
	font-weight: normal;
	color: #5aaab1;
}

h4, h4 a {
	font-family: scrivano, Georgia, serif;
	font-size: 14px;
	line-spacing: 2;
	text-decoration: none;
	font-weight: normal;	
	color: #5aaab1;
}

.header {
	background-color: #C9CACE;
	height: 19px;
}

.body {
	background: #ECEFF1 url(../i/content.jpg) no-repeat bottom center;
	position: absolute;
	top: 19px;
	bottom: 35px;
	left: 0;
	right: 0;
}

.footer {
	background-color: #45382d;
	bottom: 0;
	height: 35px;
	width: 100%;
	position:absolute;
}


#homepage .mail {
	background-image: url(../i/mail.png);
	width: 16px;
	height: 16px;
	float: right;
}

#homepage .reflection {
	background: url(../i/reflection.jpg) repeat-x bottom center;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;	
}

#homepage .content {
	bottom:103px;
	width: 100%;	
	height: 302px;
	position: absolute;	
}

#homepage .content {
	bottom:103px;
	width: 100%;	
	height: 302px;
	position: absolute;	
}

#homepage .content {
	bottom:103px;
	width: 100%;	
	height: 302px;
	position: absolute;	
}

#homepage .content .center {
	background: url(../i/vcard.png) no-repeat;
	margin:0 auto;		
	width: 520px;
	height: 450px;	
}

#homepage .intro {	
	padding: 60px;
}

#homepage .hi_there {	
	background: url(../i/hi_there.png) no-repeat;
	width: 327px;
	height: 43px;
}	

#homepage .network {
	float: left;	
	width: 105px;
	height: 16px;
}

#work .logo {
	background-image: url(../i/title.png);
	margin-left: 40px;
	margin-top: 20px;
	display: block;
	height: 54px;
	width: 522px;
}	

#work .reflection {
	background: url(../i/reflection.jpg) repeat-x bottom center;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;	
}

#work .content {
	bottom:150px;
	width: 100%;	
	height: 348px;
	position: absolute;	
}	

#work .center {
	margin:0 auto;		
	width: 945px;
	height: 348px;	
}

#work .panel {
	margin:0 auto;		
	width: 945px;
	height: 348px;	
	float: left
	clear: both
	overflow:hidden;
	padding:0 1px;
}

#work .casestudy_left {
	width: 400px;
	height: 100%;
	margin-right: 46px;
	float: left;
}

#work .casestudy_left .title {
	font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	letter-spacing: -.02em;
	line-height: 0.642857em;
	margin: .1em 0 1.385714em;
	text-decoration: none;
	font-weight: normal;
	color: #45382d;	
}

#work .casestudy_left .detail * {
	display: inline;
}

#work .casestudy_left .info {
	margin-bottom: 25px; 
}

#work .casestudy_left .info .detail {
	clear: both;
	height: 1.2em;
}

#work .casestudy_left .description .detail {
	clear: both;
}

#work .casestudy_left .label {
	font-weight: bold;
	margin-right: 4px;
}

#work .casestudy_right {
	width: 490px;
	background-color: #ffffff;
	border: solid thin #999999;
	float: left;
}

/*kwicks styles*/
#homepage .kwicks {
	/* recommended styles for kwicks ul container */
	float: left;
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
#homepage .kwicks{
	/* these are required, but the values are up to you (must be pixel) */
	width: 50px;
	height: 16px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
#homepage .kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}

#homepage .kwicks.horizontal a {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */	
	float: left;
}

#twitter a {
	background-image: url(../i/kwick/twitter_kwick.png);
	width: 16px;
	height: 16px;
}

#twitter a:hover {
	background-image: url(../i/kwick/twitter_kwick.png);
	width: 84px;
	height: 16px;
}

#facebook a {
	background-image: url(../i/kwick/facebook_kwick.png);
	width: 16px;
	height: 16px;
}

#facebook a:hover {
	background-image: url(../i/kwick/facebook_kwick.png);
	width: 84px;
	height: 16px;
}

#tumblr a { 
	background-image: url(../i/kwick/tumblr_kwick.png);
	width: 16px;
	height: 16px;
}

#tumblr a:hover { 
	background-image: url(../i/kwick/tumblr_kwick.png);
	width: 84px;
	height: 16px;
}

#linkedin a { 
	background-image: url(../i/kwick/linkedin_kwick.png);
	width: 16px;
	height: 16px;
}

#linkedin a:hover { 
	background-image: url(../i/kwick/linkedin_kwick.png);
	width: 84px;
	height: 16px;
}

#homepage .kwicks.horizontal #linkedin {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}