/*  
Author: Matthew Lettini / http://www.matthewlettini.com/
URL: http://www.yamitdardashtian.com/
*/


/* RESET STYLES */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, 
dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td
{margin:0px;padding:0px;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;list-style:none;}

/* GENERAL */
*{margin:0; padding:0;}
body{background:#151517 url(images/bgd.gif) repeat-x center top;margin:0px; padding:0px;font-size: 11px;font-family: Verdana, Arial, sans-serif; line-height:14px;color: #55555e;}
a{color:#bf6d95;text-decoration:none;}
a:hover{color:#bf6d95;text-decoration:underline;}
p {font-size:11px;line-height:15px;margin:0px;padding:0 0 18px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
#container {width:815px;margin:150px auto 10px;padding:0px;}

/* Portfolio */
#headerimg {background:transparent url(images/headerimg.gif) no-repeat left top;width:400px;height:25px;margin:0px 0px 10px;padding:0px;text-indent:-5000px;}
#portfolio {float:left;width:380px;height:254px;margin:0px;padding:15px 0px 15px 15px;background:#fff;-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius:10px;}
#portfolio #works {width:370px;height:254px;overflow-y:scroll;}
#portfolio #works .tn {width:78px;height:78px;display:block;margin:0px 10px 10px 0px;float:left;}
#portfolio #works .tn a {width:78px;height:78px;display:block;}
#portfolio #works .tn a img {width:70px;height:70px;display:block;padding:3px;border:1px solid #cfcfcf;background:#fff;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;}
#portfolio #works .tn img {width:70px;height:70px;display:block;padding:3px;border:1px solid #cfcfcf;background:#fff;}
#portfolio #works .tn a img:hover {background:#e8bfd3;border:1px solid #bf6d95;}

/* ABOUT */
#about {float:left;width:385px;height:254px;margin:0px;padding:15px;background:#fff;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius:10px;}
#about p {text-align:justify;}

/* FOOTER */
#footer {clear:both;margin:0px;padding:5px 15px;color:#3e3e49;font-size:11px;}
#footer .copyright {float:left;}
#footer .lettini {float:right;}
#footer .lettini a {color:#6c6c75}
#footer .lettini a:hover {color:#bf6d95;text-decoration:none}