html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; line-height:15px; font-family:inherit; text-align:left; vertical-align:baseline;}
a img, :link img, :visited img{border:0;}
ol, ul{list-style:none;}
a:focus{-moz-outline-style:none; outline:none;}

/*= General */
html{height:100%;}
html{overflow-y:scroll; margin-bottom:0px;}
body{font-family:Arial, Verdana, sans-serif; font-size:11px; color:#B3B3B3; text-align:center; background:#4d4d4d;/* background:#4d4d4d url('/images/baseline_bg.png') repeat;*/}

/*=Typography*/
h1, h2{float:left; clear:both; margin:3px 0 27px 0; width: 475px; font-family:Arial, Verdana, sans-serif; font-size:26px; color:#19ec8a; line-height:29.5px; padding-right:225px; background: url(/images/baseline.png)}

/* safari hack for cufon line height variation */
@media screen and (-webkit-min-device-pixel-ratio:0){
	h1, h2{line-height:28px;}
}

h2 {margin:18px 0 12px 0; color:#fff;}

	/* Cufon Loading */
	.cufon-loading h1, .cufon-loading h2 { visibility: hidden !important; }

p, li, span, em, strong, a, td, .vcard div, address{line-height:15px;}
p, ul, address{margin-bottom:15px;}
a{color:#fff; text-decoration:none;}
a:hover{color:#19ec8a !important;}
blockquote p{font-style:italic;}
blockquote p.source{font-style:normal;}
strong{font-weight:normal; color:#292929;}

/* Elements */
img{}
div.hr {clear:both; width:100%; margin:20px 0 25px 0; border-bottom:1px solid #B7E0EA;}
div.hr hr {display:none;}

/* Layout */

#wrapper{width:960px;margin:0 auto;}

#header{width:960px; height:26px; margin: 70px 0 58px 0;}
	#header #logo{width:230px; height:26px;}

#navigation{float:left; width:220px; height:500px;top:10px;}

	#navigation ul {width:220px; margin:10px 0 0 0 ; clear:both; float:left;}
	#navigation li{float:left; width:220px; line-height:0; margin:4px 0 10px 0; padding:0; border-bottom: 1px solid #7C7B7B;}
	#navigation li a{text-decoration:none; height:29px; line-height:0; font-size:15px; color:#B3B3B3;}
	#navigation li a:hover{color:#19ec8a}
	#navigation li a.sel{color:#fff;}
	#navigation li a.sel:hover{color:#fff !important;}
	
	#navigation li.contains-sub-nav {border:none;}
	#navigation li.separator_above {margin-top:34px;}

	#navigation #first-level{}
	#navigation #first-level li{ }
	#navigation #first-level li a{}

	#navigation #second-level{margin:-4px 0 20px 30px;}
	#navigation #second-level li{ width:190px; margin:6px 0 10px 0;}
	#navigation #second-level li a{ font-size:13px;}


#content{float:left; width:700px; margin: 0 0 50px 20px;}			

#footer{float:left; width:700px; margin: 30px 0 90px 0;}			
#footer p {margin: 0; font-size: 10px}			

/* Common */

#content ul {margin: 0 0 15px 0;}	
div.col-1, ul.col-1 {float:left; width:340px;}
div.col-2, ul.col-2 {float:right; width:340px;}

	/* portfolio listing */

	.portfolio_listing {}
	.portfolio_listing .article  {float:left; margin:0 0 30px 0 ;}
	.portfolio_listing .article  .info {float:left;}
	.portfolio_listing .article  h3 {font-size:12px; font-weight:normal; float:left; width:340px;}
	.portfolio_listing .article  h3.type {margin-left:20px; width:320px;}
	.portfolio_listing .article  h3 span {float:left; width:45px; color:#fff;}
	.portfolio_listing .article img {float:left; margin: 18px 0 19px 0; border:1px solid #7C7B7B;}

/* Home */

body#home #content h2{margin-bottom:13px;}
body#home .portfolio_listing {margin-bottom:0px;}
body#home .portfolio_listing .article {margin-bottom:0px;}

/* Portfolio */

.link-list{}
.link-list li{float:left; width:220px; line-height:0; margin: 0; padding:0; border-bottom: 1px solid #7C7B7B; }
.link-list li a{color:#fff;}

/* About */

#content #skills {clear:both !important;}

/* Contact */

#page_contact_enquiries #details {width:320px; margin-bottom:83px;}
#page_contact_enquiries #details .vcard {margin-top:30px;}
#page_contact_enquiries #details .vcard .adr {margin-bottom:15px;}
#page_contact_enquiries #details .vcard span {display:block;}
#page_contact_enquiries #details p {width:auto;}


	/* Enquires */
	#page_contact_enquiries form{float:left; margin:10px 0 15px 0;}
	#page_contact_enquiries form p {float:left; clear:both; margin: 3px 0;}
	#page_contact_enquiries form span {float:left; clear:both; margin: 3px 0 0 92px; color:#6bacbc;}
	#page_contact_enquiries form label{float:left; width:92px; height:20px; line-height:20px;}
	#page_contact_enquiries form input.text, #page_contact_enquiries form textarea{float:left; width:268px; height:18px; border:1px solid #AFAFAF; margin:0; padding:0;}
	#page_contact_enquiries form input.error{background-color:#DAEAEE;}
	
	#page_contact_enquiries form textarea {height:58px; font-family:arial;}
	#page_contact_enquiries form input.submit {width:46px; height:20px; margin-left:94px;}
	#page_contact_enquiries form p.note {margin-left:94px; width:auto; display:inline;}