@charset "utf-8";
/* Reset */
html,body,h1,h2,h3,p,acronym,ul,li,fieldset,form,label,img{
margin:0;padding:0;border:0;outline:0;list-style:none}

/* Global Settings */
body{background:#ceebef;color:#333333;font:12px Arial, Helvetica, sans-serif;
line-height:21px}

a:link,a:active,a:visited{color:#333333;text-decoration:none}
a:hover{color:#00b0d8;text-decoration:underline}

h1{color:#00b0d8;font-size:18px;padding-top:10px}
h2{color:#00b0d8;font-size:12px;padding-top:10px}
h3{color:#00b0d8;font-size:12px;padding-top:10px;border-top:1px dotted #333333}

p{padding-top:10px}
p.closing{padding-bottom:10px;border-bottom:1px dotted #999999}
p.caption{padding:0}

/* Header */
#header{background:url(../assets/background.png)}
#headwrap{background:url(../assets/header.png);width:700px;margin:0 auto}
#headimage{height:250px;display:block}

/* Navigation */
#navigation{background:url(../assets/navigation.png);
height:50px;width:700px;margin:0 auto}

#menu a{border:0;outline:0;display:block}
#menu li{float:left}
#menu #home{height:50px;width:175px}
#menu #portfolio{height:50px;width:125px;left:175px}
#menu #stockicons{height:50px;width:125px;left:300px}
#menu #downloads{height:50px;width:125px;left:425px}
#menu #blog{height:50px;width:50px;left:550px}
#menu #about{height:50px;width:50px;left:600px}
#menu #contact{height:50px;width:50px;left:650px}
a:hover#home{background:url(../assets/navigation.png) 0 -50px}
a:hover#portfolio{background:url(../assets/navigation.png) -175px -50px}
a:hover#stockicons{background:url(../assets/navigation.png) -300px -50px}
a:hover#downloads{background:url(../assets/navigation.png) -425px -50px}
a:hover#blog{background:url(../assets/navigation.png) -550px -50px}
a:hover#about{background:url(../assets/navigation.png) -600px -50px}
a:hover#contact{background:url(../assets/navigation.png) -650px -50px}
#menu a:link,#menu a:active,#menu a:visited{color:#ffffff}
#menu a:hover{color:#00b0d8;text-decoration:none}
#menu li ul{width:85px;position:absolute;left:-999em;
font:11px Arial, Helvetica, sans-serif;letter-spacing:1px}
#menu li:hover ul{left:auto}
#menu li ul .drop{background:#162934;
height:14px;width:85px;padding:8px 20px;
border-top:1px solid #324758;border-bottom:1px solid #000000}

/* Shadow */
#shadow{background:url(../assets/shadow.png) repeat-x;height:10px;width:700px;
margin:0 auto}

/* Body */
#body{background:#ffffff;min-height:125px;width:640px;margin:0 auto;
padding:0 30px 20px 30px;overflow:auto}

/* Base */
#base{background:#ffffff;height:10px;width:700px;margin:0 auto}
#baseleft{background:url(../assets/basel.png);height:10px;width:10px;float:left}
#baseright{background:url(../assets/baser.png);height:10px;width:10px;float:right}

/* Footer */
#footer{height:60px;width:640px;margin:0 auto}
#copyright{width:350px;float:left;font-size:11px;line-height:18px}

#links{background:url(../assets/links.png);height:50px;width:250px;float:right}
#sites a{border:0;outline:0;display:block;text-indent:-999em}
#sites li{float:left}
#sites #da{height:50px;width:50px}
#sites #behance{height:50px;width:50px; left:50px}
#sites #moji{height:50px;width:50px; left:100px}
#sites #cpluv{height:50px;width:50px; left:150px}
#sites #zazzle{height:50px;width:50px; left:200px}
a:hover#da{background:url(../assets/links.png) 0 -50px}
a:hover#behance{background:url(../assets/links.png) -50px -50px}
a:hover#moji{background:url(../assets/links.png) -100px -50px}
a:hover#cpluv{background:url(../assets/links.png) -150px -50px}
a:hover#zazzle{background:url(../assets/links.png) -200px -50px}

/* Welcome */
#welcome{font-size:16px;line-height:24px}

/* Featured Works */
#feature1{width:192px;padding:10px 21px 0 0;float:left;position:relative}
#feature2{width:192px;padding:10px 11px 0 11px;float:left;position:relative}
#feature3{width:192px;padding:10px 0 0 21px;float:left;position:relative}
#feature4{width:192px;padding:10px 21px 0 0;float:left;position:relative}
#feature5{width:192px;padding:10px 11px 0 11px;float:left;position:relative}
#feature6{width:192px;padding:10px 0 0 21px;float:left;position:relative}
#image1{background:url(../assets/myfirstgreenbg.png) 5px 5px no-repeat}
#image2{background:url(../assets/hebrewbg.png) 5px 5px no-repeat}
#image3{background:url(../assets/bluehivebg.png) 5px 5px no-repeat}
#image4{background:url(../assets/tooeasybg.png) 5px 5px no-repeat}
#image5{background:url(../assets/ringtonebakerybg.png) 5px 5px no-repeat}
#image6{background:url(../assets/ipodgenerationbg.png) 5px 5px no-repeat}
.thumbnails{height:110px;width:182px;display:block;padding:4px;border:1px solid #cccccc}

/* About */
.linkswitch{padding-bottom:10px;border-bottom:1px dotted #999999}
.links{display:inline}
#mypic{padding:5px;border:1px solid #cccccc;margin:5px 20px 15px 0;float:left}

/* Contact */
fieldset{margin-top:10px}
.highlight{color:#00b0d8;font:bold 11px Arial, Helvetica, sans-serif}
label{color:#00b0d8;font:bold 11px Arial;line-height:24px;display:block}
.req{color:#ff0000; font-family:Georgia, "Times New Roman", Times, serif}
input, textarea{width:300px;font:12px Arial, Helvetica, sans-serif}
textarea{width:305px}
.button{background:#E5E5E5;color:#333333;height:22px;width:65px;font:10px Verdana;
border:1px solid #999999;margin-top:10px;padding:0}
input:focus, textarea:focus{border:2px solid #00B0D8}
.jsvalidation{color:#ff0000; font:bold 11px Arial, Helvetica, sans-serif}

/* Artworks */
#sidebar{width:170px;float:left;padding-top:20px}
#contents{width:440px;float:right}
.artworks{width:420px;display:block;padding:9px;margin-top:20px;border:1px solid #cccccc}
#nav{text-align:right}
.download{font:bold 11px Arial, Helvetica, sans-serif;float:right}
#sort{color:#00b0d8}

/* Projects */
.project{height:auto;width:439px;border:1px solid #cccccc;
padding:10px 0;margin-top:20px;text-align:center}