* {
	margin:0px;
	padding:0px;
}

body {
	font-family: Arial;
	font-size:10pt;
	color:#000;
}

a {
	color:#333;
}

a:hover {
	color:#000;
}

img {
	border:0;	
}

.clear {
	clear:both;
}

.bold {
	font-weight:bold;
}

.hide {
	display:none;
}

.block {
	display:block;
}

.max-width {
	margin:0 auto;
	height:100%;
	width:950px;
	position:relative;
}

#head {
	position:absolute;
	top:0px;
	width:100%;
	height:180px;
}

#head .top-bar {
	height:15px;
	width:100%;
	position:absolute;
	top:0px;
	z-index:100;
	background:#999;
	overflow:hidden;
}

.admin-menu #head .top-bar {
	top:20px;
}

#head .top-bar a.expand {
	height:15px;
	line-height:10px;
	width:10px;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:101;
	display:block;
}

#head .top-bar .tabs {
	height:10px;
	font-size:8pt;
	color:#fff;
	line-height:10px;
	width:10px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:101;
	display:block;
}

#head .top-bar .tabs .primary {
	margin:0px;
}

#head .grey-bar {
	background:url(images/grey-fade.gif) #eee top left repeat-x;
	height:30px;
	width:100%;
	position:absolute;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	top:140px;
}

.admin-menu #head .grey-bar {
	top:160px;
}

#head .primary-navigation {
	float:left;
	width:750px;
	height:30px;
	position:absolute;
	top:140px;
	line-height:30px;
}

.admin-menu #head .primary-navigation {
	top:160px;
}

#head .primary-navigation ul {
}

#head .primary-navigation ul li {
	float:left;
	list-style-type:none;
}

#head .primary-navigation ul li a {
	font-size:10pt;
	text-decoration:none;
	color:#666;
	padding:0 10px;
	line-height:30px;
	height:30px;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	float:left;
}

#head .primary-navigation ul li a.active {
	background:url(images/grey-fade-arrow2.gif) transparent bottom center no-repeat;
	color:#999;
}

#head .primary-navigation ul li a:hover {
	background:url(images/grey-fade-arrow2.gif) transparent bottom center no-repeat;
}

#head .community {
	position:absolute;
	top:134px;
	right:0px;
	width:200px;
}

.admin-menu #head .community {
	top:154px;
}

#head .community a {
	float:right;
	width:41px;
	height:41px;
	margin:2px 5px 0;
}

#head .community a:hover {
	margin:0px 5px 2px;
}

#head .community a.facebook {
	background:url(images/facebook.gif) top left no-repeat;
}

#head .community a.twitter {
	background:url(images/twitter.gif) top left no-repeat;
}

#head .community a.linked-in {
	background:url(images/linked-in.gif) top left no-repeat;
}

#head .logo {
	position:absolute;
	top:15px;
	left:0px;
	font-size:42pt;
	color:#000;
	z-index:99;
	font-weight:normal;
	height:125px;
}

.admin-menu #head .logo {
	top:35px;
}

#head .logo a {
	font-size:42pt;
	color:#000;
	text-decoration:none;
	font-weight:normal;
	height:125px;
	display:block;
	text-indent:-10000px;
	width:500px;
}

#head .logo span.grey {
	color:#aaa;	
}

#head .key-skills {
	width:430px;
	position:absolute;
	top:30px;
	background:#fff;
	right:-25px;
	height:90px;
}

.admin-menu #head .key-skills {
	top:50px;
}

#head .key-skills .skill {
	width:300px;
	height:30px;
	text-indent:-10000px;
}

#head .key-skills .php {
	background:url(images/oop.gif) top left no-repeat;
}

#head .key-skills .html {
	background:url(images/html.gif) top left no-repeat;
	margin-left:70px;
}

#head .key-skills .js {
	background:url(images/js.gif) top left no-repeat;
	margin-left:140px;
}

#main {
	margin-top:180px;
}

.admin-menu #main {
	margin-top:200px;
}

#main #content {
	min-height:300px;
}

#main #content .home-content {
	float:left;
	width:580px;
}

#main #content .home-content  .intro {
	height:190px;	
	overflow:hidden;
	margin-top:0px;
}

#main #content .home-content  .intro h2 {
	background:url(images/welcome.gif) #fff top left no-repeat;
	height:60px;
	width:500px;
	text-indent:-10000px;
}

#main #content .home-content  .intro p {
	margin:5px 0;
}


#main #content .home-content .image-area {
	margin:10px 0px;
	height:165px;
	overflow:hidden;
}


#main #content .home-content .image-area h2 {
	display:none;
	
}

#main #content .home-content .image-area a {
	position:relative;
	float:left;
	margin:2px;
	border:1px solid #ccc;
}

#main #content .home-content .image-area a:hover {
	border:1px solid #333;
}

#main #content .blog-feed {
	position:relative;
	width:950px;
	height:220px;
	top:-55px;
}

#main #content .blog-feed h2 {
	position:absolute;
	top:0px;
	height:80px;
	width:500px;
	background:url(images/blog.gif) #fff top left no-repeat;
	text-indent:-10000px;
}


#main #content .blog-feed ol {
	position:absolute;
	top:75px;
	z-index:100;
	width:950px;
	height:150px;
	list-style-type:none;

}

#main #content .blog-feed ol li {
	list-style-type:none;
	margin:5px 5px 10px;
	float:left;
	width:300px;
	border:1px solid #ccc;
	height:150px;
	position:relative;
}

#main #content .blog-feed ol li .views-field-title a {
	display:block;
	font-weight:bold;
	background:#aaa;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
}

#main #content .blog-feed ol li .views-field-title a:hover {
	color:#333;
}

#main #content .blog-feed ol li .views-field-view-node a {
	display:block;
	position:absolute;
	bottom:5px;
	right:10px;
}

#main #content .blog-feed ol li .views-field-created {
	display:block;
	position:absolute;
	bottom:5px;
	left:10px;
	color:#999;
	font-size:8pt;
}

#main #content .blog-feed ol li .views-field-body {
	display:block;
	padding:10px;
	color:#666;
}

#main #content .twitter-feed {
	float:right;
	position:relative;
	width:370px;
	height:420px;
	z-index:100;
}

#main #content .twitter-feed h2 {
	position:absolute;
	left:0px;
	width:80px;
	height:400px;
	background:url(images/twitter-feed.gif) #fff top left no-repeat;
	text-indent:-10000px;
}

#main #content .twitter-feed #twitter-div {
	position:relative;
	z-index:1000;
	width:320px;
	float:right;
	height:400px;
}

#main #content .twitter-feed a#twitter-link {
	position:absolute;
	bottom:0px;
	right:15px;
	text-decoration:none;
	font-size:12pt;
	color:#aaa;
}

#main #content .twitter-feed a#twitter-link:hover {
	color:#666;
}

#main #content .twitter-feed ul {
	width:290px;
	margin:10px;
	padding:0px;
	list-style-type:none;
	float:right;
	position:relative;
	z-index:101;
}

#main #content .twitter-feed ul li {
	list-style-type:none;
	margin:0 0 5px;	
	padding:0px;
}

#main #content .twitter-feed ul li span {
	border:1px solid #ccc;
	font-size:9pt;
	height:45px;
	padding:5px 10px;
	display:block;
	color:#666;
	background:#eee;
}

#main #content .twitter-feed ul li a {
	font-size:8pt;
	color:#ccc;
	display:block;
	padding:2px 0 0;
	text-align:right;
	color:#aaa;
}

#main #content .twitter-feed ul li a:hover {
	color:#888;
}

#main #content .twitter-feed ul li span a {
	display:inline;
	color:#333;
}

#main #content .twitter-feed ul li span a:hover {
	color:#000;
}

#main #content .cv {
	color:#999;
}


#main #content .cv-left {
	width:350px;
	float:left;
	position:relative;
	padding-top:140px;
}


#main #content .cv-left .downloads {
	position:absolute;
	top:0px;
	left:0px;
	height:120px;
	width:350px;
}

#main #content .cv-left .downloads a {
	width:70px;
	padding-top:55px;
	font-size:8pt;
	text-align:center;
	display:block;
	float:left;
	margin:0 5px;
	text-decoration:none;
	color:#999;
}

#main #content .cv-left .downloads a:hover {
	color:#333;
}

#main #content .cv-left .downloads a.doc {
	background:url(images/doc.gif) #fff top center no-repeat;
}

#main #content .cv-left .downloads a.pdf {
	background:url(images/pdf.gif) #fff top center no-repeat;
}

#main #content .cv-left .downloads a.odt {
	background:url(images/odt.gif) #fff top center no-repeat;
}

#main #content .cv-left .downloads a.rtf {
	background:url(images/rtf.gif) #fff top center no-repeat;
}

#main #content .cv-content {
	width:599px;
	float:left;
}
#main #content .cv-content ul {
	margin-left:30px;
}

#main #content .cv-content p {
	padding-left:20px;
}

#main #content .cv h2 {
	color:#333;
	font-size:16pt;
	line-height:35px;
	margin:0 0 10px;
	padding:0 0 0 20px;
	/**
	border-bottom:1px solid #aaa;
	border-top:1px solid #aaa;
	background:#ddd;*/
}
#main #content .cv-left h2 {
	padding-left:0px;
}

#main #content .cv h3 {
	color:#666;
	font-size:12pt;
	font-weight:bold;
	margin-top:5px;
	padding-left:20px;
}

#main #content .cv .date {
	color:#666;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:20px;
}

#main #content .cv ul.left {
	width:350px;
	float:left;
}

#main #content .cv ul.left li {
	color:#666;
	list-style-type:none;
	font-weight:bold;
}

#main #content .cv ul.left li ul {
	margin-left:20px;
	margin-bottom:10px;
}

#main #content .cv ul.left li ul li{
	color:#999;
	list-style-type:circle;
	font-weight:normal;
}

#main #content .view-Portfolio{
}

#main #content .view-Portfolio ol {
	list-style-type:none;
	margin:0px 40px;
}

#main #content .view-Portfolio ol li {
	float:left;
	width:270px;
	margin:5px;
	list-style-type:none;
	border:1px solid #ccc;
	height:240px;
	position:relative;
}

#main #content .view-Portfolio ol li .views-field-title a {
	display:block;
	font-weight:bold;
	padding:10px 10px 0;
	color:#333;
	width:250px;
	font-size:12pt;
	float:left;
	text-decoration:none;
	height:16px;
}

#main #content .view-Portfolio ol li .views-field-title a:hover {
	color:#000;
}

#main #content .view-Portfolio ol li .views-field-field-urls-url a {
	display:block;
	font-weight:bold;
	background:#aaa;
	padding:5px 10px;
	color:#fff;
	width:240px;
	float:left;
	text-decoration:none;
	text-align:right;
	height:16px;
}

#main #content .view-Portfolio ol li .views-field-field-urls-url a:hover {
	text-decoration:underline;
	color:#333;
}

#main #content .view-Portfolio ol li .views-field-field-availability-value {
	position:absolute;
	top:109px;
	left:9px;
	height:16px;
	padding:5px;
	border:1px solid #ccc;
	background:#aaa;
}

#main #content .view-Portfolio ol li .views-field-field-image-fid a {
	display:block;
	font-weight:bold;
	margin:9px;
	color:#666;
	width:250px;
	height:175px;
	float:left;
	border:1px solid #aaa;
}

#main #content .view-Portfolio ol li .views-field-body {
	display:block;
	margin:5px;
	color:#666;
	width:290px;
	height:100px;
	float:left;
}


#main #content .view-Portfolio ol li .views-field-view-node a {
	float:right;
	margin-right:10px;
}

#main #content p {
	margin:5px 0px;
}

#main #content ul {
	margin:5px 10px;
}

#main #content ul li{
	margin-left:10px;
}

#main #content .field-label {
	display:none;
}

#main #content .field-type-link.field-field-urls {
	width:292px; 
	float:right;
	border:1px solid #aaa;
	margin:0px 5px 5px 5px;
	padding:5px;
}

#main #content .field-field-availability {
	width:250px; 
	float:left;
	padding:5px;
}

#main #content .field-field-availability .field-label {
	display:inline;
	float:left;
}

#main #content .field-field-availability .field-items {
	display:inline;
	float:left;
}

#main #content .field-field-launchdate {
	width:250px; 
	float:left;
	padding:5px;
}

#main #content .field-field-launchdate .field-label {
	display:inline;
	float:left;
}

#main #content .field-field-launchdate .field-items {
	display:inline;
	float:left;
}

#main #content .field-type-filefield.field-field-image {
	width:312px;
	clear:both;
	float:right;
}

#main #content .field-type-filefield.field-field-image .field-items {
}


#main #content .field-type-filefield.field-field-image .field-items .field-item {
	padding:0px 3px 3px;
	float:left;
}

#overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	opacity:0.5;
	display:none;
	background:#000;
	z-index:1000;
	text-align:center;
}

#popup {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:none;
	z-index:1001;
	text-align:center;
}

#popup-box {
	width:820px;
	height:520px;
	margin:50px auto 0;
	border:1px solid #000;
	background:#fff;
	opacity:1;
}

#footer {
	position:relative;
}

#footer .grey-bar {
	position:absolute;
	top:10px;
	background:url(images/grey-fade2.gif) #eee top left repeat-x;
	height:21px;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#footer .valids {
	position:absolute;
	top:6px;
	left:0px;
}

#footer .valids a {
	margin:0 5px;
}

#footer .author {
	position:absolute;
	top:11px;
	right:0px;
	height:20px;
	line-height:20px;
	color:#666;
	font-size:8pt;
}

#footer .author a {
	color:#333;
	text-decoration:none;
}

#footer .author a:hover {
	text-decoration:underline;
}