/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
html {font-size:100.01%;}
body {font-size:75%;color:#474747;background:#95a2ab url(../img/bg/bg.jpg) no-repeat top center;font-family:Trebuchet MS,Arial,Sans-Serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {padding:0 0 20px;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#2080a8;text-decoration:underline;}
a {color:#2080a8;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms */
label {font-weight:bold;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background:#F5F5F5;border:1px solid #bbb;padding:5px;margin-bottom:15px;margin-top:5px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {background:#ffffff;border-color:#93969B;padding:5px;margin-bottom:15px;margin-top:5px;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;padding:5px;margin-bottom:15px;margin-top:5px;}
input.text, input.title {width:300px;padding:5px;}
input[type=submit] {
background:#DDDDDD;
font-weight:bold;
padding:6px 14px;
border:1px solid #cccccc;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
font-size:13px;
}
input.title {font-size:1.5em;}
textarea {width:271px;height:100px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}

#contactform label { 
display:inline;
font-size:13px;
background:#DDDDDD;
padding:6px 15px 6px 10px;
}
#message { margin: 0 0 20px 0; padding: 0;display:none; }
.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../img/form/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }
.loader { padding: 0 10px; }
#contact #success_page h1 { background: url('../img/form/success.gif') left no-repeat; padding-left:22px; }
acronym { border-bottom:1px dotted #ccc; }

/* misc */
.cl {
clear:both;
display:block;
height:0;
overflow:hidden;
visibility:hidden;
width:0;
line-height:0;
}
.fl {float:left;}
.fr {float:right;}
.hd {display: none;}
.strong {font-weight:bold;}


/* mains */
#container {
width:600px;	
margin: 0 auto;
padding-top:75px;
padding-bottom:75px;
}
/* header */
#header {
border: 1px solid #9c9fa3;
border-bottom:0;
background:#e5e5e6 url(../img/header_bg.gif) no-repeat bottom;
height:145px;
}
#header h1 {
background: transparent url(../img/logo.png) no-repeat scroll 0 0;	
text-indent:-4000px;
display:inline;
float:left;
height:37px;
width:242px;
margin:45px 0 0 20px;
}
#header h1 a {
display:block;
height:37px;
}
#header h2 {
color:#35373a;
font-size:18px;
text-transform:uppercase;
font:"Trebuchet MS", Arial, Helvetica, sans-serif;
clear:left;
padding:5px 0 0 20px;
}

#vcard {
position:relative;
}
#vcard img {
margin:50px 50px 0 0;
cursor:pointer;
float:right;
}
#screenshot{
	position:absolute;
	display:none;
}
/* footer */
#footer {
border: 1px solid #9c9fa3;
border-top:1px solid #cdcdcd;
background:#e5e5e6 url(../img/footer_bg.gif) no-repeat bottom;
text-align:right;
height:45px;
}
#footer p {
padding:13px 20px 0px 0px;	
}

/* nav */
#content h3 {
display:block;
background:#eaeaea url(../img/nav/nav_bg.gif) repeat-x bottom;
height:66px;
margin:0;
border: 1px solid #cdcdcd;
border-left:1px solid #9c9fa3;
border-right:1px solid #9c9fa3;
cursor:pointer;
overflow:hidden; 
position:relative;
outline:none;
}

span#about,span#social,span#portfolio,span#contact {
text-indent:-4000px;
display:inline;
height:23px;
position: absolute;
top:22px;
left:20px;
}
#about {
background: transparent url(../img/nav/nav_about.png) no-repeat 0 0;
width:110px;

}
#content h3.ui-state-active #about,#about:hover  {
background: transparent url(../img/nav/nav_about.png) no-repeat 0px -23px;
}
#social{
background: transparent url(../img/nav/nav_social.png) no-repeat 0 0;
width:111px;
float:left;
}
#content h3.ui-state-active #social,#social:hover  {
background: transparent url(../img/nav/nav_social.png) no-repeat 0px -23px;
}
#portfolio {
background: transparent url(../img/nav/nav_portfolio.png) no-repeat 0 0;	
width:171px;
float:left;
}
#content h3.ui-state-active #portfolio,#portfolio:hover  {
background: transparent url(../img/nav/nav_portfolio.png) no-repeat 0px -23px;
}
#contact {
background: transparent url(../img/nav/nav_contact.png) no-repeat 0 0;	
width:153px;
float:left;
}
#content h3.ui-state-active #contact,#contact:hover  {
background: transparent url(../img/nav/nav_contact.png) no-repeat 0px -23px;
}


#content h3.ui-state-active .nav_bubble{
opacity:1.0;
filter:alpha(opacity=100);
}

/* nav container */
.content_slide {
padding:20px;
background:#efefef;
border:1px solid #9c9fa3;
border-top:0;
border-bottom:0;
}

/* about slide */
#content #avatar {
	background:#ffffff;
	border:2px solid #c0b8b8;
	margin:0px 20px 20px 0px;
}

/* social slide */
#social_lists {
margin:0;
padding:0;
}
#social_lists li {
list-style:none;
float:left;
width:255px;
padding:6px;
background:#ffffff;
border:1px solid #cccccc;
margin:0 10px 15px 0;
}
#social_lists li:hover {
border:1px solid #93969B;
}
#social_lists a {
color:#555555;
display:block;
}
#social_lists a:hover {
text-decoration:none;
}
#social_lists strong {
display:block;
font-size:16px;
padding-top:3px;
}
#social_lists span {
font-style:italic;
font-size:11px;
}
#social_lists img {
padding-right:10px;	
}

/* portfolio slide  */
.portfolio_thumbs {
margin:0;
padding:0;
}
.portfolio_thumbs li {
list-style:none;
float:left;
width:65px;
height:65px;
}
.portfolio_thumbs li img {
border:1px solid #cccccc;
margin:0 10px 15px 0;
padding:0;
}
.portfolio_thumbs li img:hover {
border:1px solid #93969B;
}