*{
margin:0px;
padding:0px;
border:0px;
}

html,body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height:100%;
background-color:#fff;
}

a{
text-decoration:none;
color:#6d7f9a;
}

ul li{
list-style:none;
list-style-type:none;
}

html>body #main{
margin:0 auto;
width:100%;
height:100%;
}

html>body #header{
background:url(images/grey_line_ltr.gif) no-repeat left top;
height:51px;
width:100%;
position:fixed;
}

.navigation_wrap{
background:url(images/menu_shadow.gif) repeat-x left bottom;
padding-top:2px;
height:49px;
}

.navigation{
background:url(images/liquid_ltr.gif) 50% 0;
}

.navigation p{
background:url(images/menu_bg_top.gif) repeat-y left top;
height:40px;
width:998px;
margin:0 auto;
}

.navigation p a{
font-size:14px;
height:33px;
margin-left:75px;
padding-top:7px;
display:block;
float:left;
}

.navigation p a#home{color:#fff;}
.navigation p a#biography{color:#ddd;}
.navigation p a#fashion_portfolio{color:#ccc;}
.navigation p a#fashion_mosaic{color:#585858;}
.navigation p a#my_thing{color:#444;}
.navigation p a#contact_me{color:#000;}

.navigation p a.active{
border-bottom:1px solid #fff;
}

html>body .bottom_wrap{
background:url(images/grey_line_rtl.gif) no-repeat right bottom;
height:32px;
bottom:0px;
position:fixed;
width:100%;
}

.bottom{
background:url(images/liquid_rtl.gif) 50% 0;
}

.bottom p{
margin:0 auto;
width:850px;
text-align:right;
padding-right:125px;
height:30px;
font-size:10px;
background:url(images/menu_bg_bottom.gif) repeat-y right top;
color:#f1f1f1;
}

.bottom p span{
line-height:28px;
}

.bottom p a{
color:#f1f1f1;
}

em{
font-style:normal;
}

.bottom p em a.designedby{
color:#6d7f9a;
text-transform:uppercase;
position:absolute;
z-index:1;
padding-left:4px;
}

.bottom p .designedby{
padding-top:8px;
/*:last-child for IE 7*/
}

#content_wrap{
height:100%;
}

#content{
margin:0 auto;
width:920px;
padding-left:75px;
padding-top:71px;
padding-bottom:82px;
}

#content p{
margin-bottom:20px;
width:850px;
text-align:justify;
color:#575757;
}

#content img{
/*is not true for image in portfolio*/
margin-bottom:20px;
margin-top:10px;
}

h1,h2,h4{
font-weight:normal;
margin-bottom:5px;
}

h1{
color:#787878;
}

h2{
color:#000;
font-size:18px;
}

h4{
color:#787878;
font-size:12px;
}

#content .credit{
text-indent:0px;
}

.credit span{
color:#a7a7a7;
font-size:10px;
}

.credit span a{
color:#a7a7a7;
font-size:10px;
}

html>body #logo{
width:100%;
position:fixed;
bottom:0px;
}

#logo p{
padding-left:7%;
}

#logo .tagline_1{
background-color:#fff;
border-bottom:1px solid #000;
height:30px;
line-height:30px;
}

#logo .tagline_1 span{
font-size:24px;
color:#575757;
}

#logo .tagline_1 span em{
color:#000;
}

#logo .tagline_2{
height:32px;
line-height:30px;
}

#logo .tagline_2 span{
color:#000;
font-style:italic;
font-size:14px;
}

br{
clear:both;
}



#content .cards img{
border:0px;
}

.cards{
width:920px;
}

.cards div{
margin-right:40px;
margin-top:5px;
margin-bottom:5px;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
float:left;
height:140px;
background:#eee;
}

.cards div a{
display:block;
float:left;
height:140px;
padding-left:5px;
padding-right:5px;
}

.cards a:hover{
background:url(images/retro_card.gif) repeat-y top center;
}