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;
        
        font-size:13px;
        font-family:sans-serif;
        line-height:17px;

}
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;
}

html {
    overflow-y: scroll;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

.fr {
    float:right;
}

.fl {
    float:left;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
    display:none;
}

#container {
   overflow:hidden;
   min-width:960px;
   
}

#content {
    
    position:relative;
    top:60px;
}

.project {
    padding: 15px 25px 15px 25px;
    overflow:hidden;
    
}

.description {
    margin-bottom:10px;
}

.menu {

    font-family:sans-serif;
    padding:25px;
    position:absolute;
}

.menu ul li a {
    border-bottom:none;
}

.menu ul li.current a,
.menu ul li a:hover {
    border-bottom:1px solid #000;
}

.menu ul li,
.menu ul li {
    margin-right:6px;
}

ul li {
    display:inline;
    margin-right:15px;


}



a {
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #000;
    
}


#more {
    float:left;
    clear:both;
    width:98%;
    text-align:center;

    font-family:sans-serif;
    font-size:24px;
    line-height:30px;


    margin:30px 0px 50px 0;
}

.readmore {
    float:right;
    clear:both;
}

.readless a,
.readmore a {
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #000;
}

.img {
    display:none;
}

.video.hasswitch,
.imgs.hasswitch {
    margin-bottom:0px;
}

.video,
.imgs {
    margin:15px 20px;
    float:left;
    clear:both;
    
}

.counter {
    float:right;
}

.caption {
    float:right;
    margin-right:10px;
}

.videoswitch {
    text-align:center;

    float:left;
    clear:both;
    text-align:center;
    
 
    margin:6px auto;
    margin-bottom:15px;
}


.title {
    float:left;
    
}
.description {
    float:left;
    clear:both;
}
.description2 {
    margin-top:10px;
    float:left;
    clear:both;
    padding-bottom:15px;
}


#news {
    float:right;
    padding:15px 25px 15px 40px;
    width:250px;
}

#news p {
    text-indent:55px;
}

#news p {
    margin-bottom:15px;
}

.project.first {
    clear:left;
}

.zoom {
    margin-right:10px;
}

.box {
    
    position:absolute;
    margin:0px;
}


#debug {
    position:fixed;
    width:300px;
    background-color:#fff;
    border:1px solid #000;
    z-index:1000;
    display:none;
}

#testcontainer {
    margin:0px;
    padding:0px;
}

.project-title {
    width:200px;
    clear:left;

}

.tags-title {
    width:150px;
}

.tagslisted ul li ul li,
.projectlisted ul li ul li {
    float:left;
    
}
.tagslisted ul li ul,
.projectlisted ul li ul {
    float:left;

}

.tagslisted ul li,
.projectlisted ul li {
    float:left;
    
}

.tagslisted,
#contactinfo,
#bio,
.projectlisted {
    margin: 0px 30px 0 30px;
    
}
.projectlisted {
    width:480px;
}

.tagslisted {
    width:310px;
}

#contactinfo {
    width:280px;
    
}

#bio {
    width:520px;
    
}


.pagesep {
    padding:24px 32px 8px 0;
    
}

.boxtitle {
    padding:15px 45px 0px 0;
    text-align:center;
}

#content.contact,
#content.index {
    line-height:19px;
}

img,
object,
embed {
    background-color:#dedede;
}