/* Reset - Courtesy of Eric Meyer - http://meyerweb.com/eric/tools/css/reset/index.html */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */
:focus{outline:0}/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}

/* Grid */
.site{margin:0 auto;width:960px;}

/* Clear Fix - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.group:after,.clearfix:after{clear:both;content:'.';font-size:0;display:block;height:0;visibility:hidden}
* html .group,* html .clearfix{zoom:1}/* IE6 */
*:first-child+html .group,*:first-child+html .clearfix{zoom:1}/* IE7 */

/* Typography */
body{font-family:Arial,Verdana,sans-serif;font-size:13px;line-height:20px}
h1,h2,h3,h4,h5{font-family:Myriad,Helvetica,Arial,Verdana,sans-serif;font-weight:normal;margin-bottom:20px}
h1{font-size:26px;line-height:40px}
h2{font-size:20px;line-height:20px}
h3{font-size:16px;line-height:20px;margin-bottom:0}
h4{font-size:13px}
h5{font-size:13px}
h6{font-size:13px;font-weight:bold}
p,ul{color:#333;margin-bottom:20px}

.content ul{list-style:disc;padding-left:1.23em}
.content ol{list-style:decimal;padding-left:1.23em}
.content li{margin-bottom:20px}

/* body */
body{}

/* header */
.header{background:#fff;border-bottom:1px dotted #999;height:40px;margin-bottom:10px;}
.header h1{float:left;}
.header p{color:#999;float:right;font-size:14px;font-style:italic;line-height:40px;}

/* footer */
.footer{background:#fff;border-top:1px dotted #999;height:40px;}

/* logo */
.logo{color:#333;margin-bottom:0}

/* thumbs */
.thumbs{}
.thumbs li{float:left;height:250px;margin:0 20px 5px;position:relative;width:200px;}
.thumbs li img{border:1px solid #ccc;}
.thumbs li .description{text-align:center;}
.thumbs li .description strong{display:block;}
.thumbs li .thumb_hover{display:none;left:0;position:absolute;top:0;}

/* Project */
.project_container{border-bottom: 1px dotted #000;margin-bottom:30px;}
.project{}
.project p{height:500px;margin:0 0 10px 0;overflow:hidden;text-align:center;}
.project img{border: 1px solid #999;}

/* copyright */
.copyright{color:#333;line-height:40px;margin-bottom:0}

/* follow us */
.follow_us{color:#333;line-height:40px;margin-bottom:0;text-align:right}