@charset "utf-8";
/* CSS Document */

body, div, span, table, a, p, th, tr, td, ul, li, h1, h2, h3, h4, img{
margin: 0; padding: 0;
font-family: "Lucida Grande", arial, verdana, sans-serif;
font-size: 12px;
}

body{
background: #000;
}


#wrapper{
background: url(karrilogo.jpg);
background-repeat: no-repeat;
}
.frontlink{
height: 100px;
}

#topnav{
position: relative;
top: 55px;
left: 475px;
width: 150px;

}
#topnav a{
text-decoration: none;
font-size: 12px;
margin-right: 15px;
font-weight: 600;
color: #4B6AD3;
}
#topnav a:hover{
text-decoration: underline;	
}
#topnav span{
color: #4B6AD3;
margin-right: 15px;	
}

#menubox{
margin: 0 auto;
position: relative;
top: 200px;
width: 500px;
height: 250px;
}

#menubox img{
	
padding: 5px;
}


#menubox a{
color: #4B6AD3;
font-weight: 600;
font-size: 17px;
text-decoration: none;
text-align: left;
}

#menubox a:hover{
text-decoration: underline;	
}

#menubox img:hover{
background-color: #FFF;
}
.blink{
display: inline-block;
margin: 15px 40px 0 35px;	

}

#foot{
text-align: center;
height: 30px;
color:#333;
font-size: 11px;
position: relative;
top: 250px;
}

/*--------portraits---------*/


#gallery{
margin: 0 auto;
width: 820px;
position: relative;
top: 125px;
height: 425px;
}
#gallery a{
width: 100px;
height: 100px;
}

img{
border: none;	
}

#row1 li, #row2 li{
float: left;	
padding: 5px 5px 0 5px;
background: #000;
margin:0;
}

#foot2{
width: 780px;
text-align: center;
position: relative;
top: 200px;
height: 30px;
color:#333;
font-size: 11px;
margin: 0 auto;
}

/*--------editorials---------*/
#gallery2{
margin: 0 auto;
width: 725px;
position: relative;
top: 135px;
height: 325px;
}
#gallery a{
width: 100px;
height: 100px;
}
/*--------personal-----------*/
#gallery3{
margin: 0 auto;
width: 360px;
position: relative;
top: 140px;
height: 325px;
}
#gallery a{
width: 100px;
height: 100px;
}
#foot3{
width: 360px;
text-align: center;
position: relative;
top: 125px;
height: 30px;
color:#333;
font-size: 11px;
margin: 0 auto;
}
/*----------contact----------*/
#contact{
margin: 0 auto;
width: 360px;
position: relative;
top: 140px;
height: 250px;
}
#contact p{
font-size: 14px;
color: #4B6AD3;
}

#cform{
margin-top: 20px;
margin-left: 60px;
}

#namebox{
background-color: #03131f;
color: #CCC;
border: 1px solid #05565d;
margin-bottom: 5px;
width: 145px;
}

#emailbox{
background-color: #03131f;
color: #CCC;
border: 1px solid #05565d;
margin-bottom: 5px;
width: 145px;
margin-left: 1px;
}

#textarea{
background-color: #03131f;
background-image:;
background-repeat: no-repeat;
background-position: center;
color: #CCC;
border: 1px solid #05565d;
overflow: hidden;
width: 185px;
}
.formlabel{
color: #4B6AD3;
font-size: 11px;
margin-left: 15px;
vertical-align: middle;
margin-right: 10px;
}
.formlabeltop{
color: #4B6AD3;
font-size: 11px;
vertical-align: top;
margin-right: 5px;
}
#subutton{
background-color: #03131f;
color: #CCC;
border: 1px solid #05565d;
width: 45px;
margin-left: 189px;
margin-top: 5px;
}

