body 
{
	background-color:#1f1a17;
	font-family:Georgia;
	font-size:12px;
	margin-top:2px;
}

#zaksantiago 
{
   
    background-color:#ffffff;
    width:740px;
    padding:0;
    margin: 0 auto;
    padding:10px;
    position:relative;   
}

#header
{
	height:224px;
}

#topnav
{
    height:23px;
    width:740px;
    background-color:#1f1a17;
    position:relative;
    margin:0;
    padding:0;
}

#topnav ul {
	list-style: none;
	
	margin-left:12px;
	padding: 0;
	margin:0;
	position: absolute;
	left: 0px;
	top: 0px;
	
}
#topnav ul li {
	padding: 0;
	float: left;
	display: block;
	list-style: none;
}
#topnav ul li a span {
	display: none;
	margin:0;
}
#topnav ul li a {
	display: block;
	height: 23px;
	background-image: url(images/zaknavbar.gif);
    background-repeat: no-repeat;
}
#tn_Home a 		{ width: 47px}
#tn_Zaksantiago a 	{ width: 83px; background-position: -47px  0 }
#tn_Multimedia a     { width: 85px; background-position: -130px 0 }
#tn_Gallery a { width: 66px; background-position: -215px 0  }
#tn_Music a 	{ width: 49px; background-position: -281px 0  }
#tn_Events a 	{ width: 59px; background-position: -330px 0}
#tn_Friends a 		{ width: 64px; background-position: -389px 0 }
#tn_Guestbook a   { width: 86px; background-position: -453px 0 }
#tn_Contact a   { width: 73px; background-position: -539px 0 }

#tn_Home a:hover 		{ width: 47px; background-position: 0 -23px }
#tn_Zaksantiago a:hover 	{ width: 83px; background-position: -47px -23px }
#tn_Multimedia a:hover 		{ width: 85px; background-position: -130px -23px }
#tn_Gallery a:hover   { width: 66px; background-position: -215px -23px }
#tn_Music a:hover 	{ width: 49px; background-position: -281px -23px }
#tn_Events a:hover {width: 59px; background-position: -330px -23px}
#tn_Friends a:hover { width: 64px; background-position: -389px -23px  }
#tn_Guestbook a:hover 	{ width: 86px; background-position: -453px -23px}
#tn_Contact a:hover       { width: 73px; background-position: -539px -23px }


#bodyContent
{
	width:740px;
	margin-top:4px;
	background-color:#ffffff;
}
#newsbox 
{
    float:left;
    width:214px;
    height:371px;
    background-color:#ffffff;
    font-size:12px;
    position:relative;
   
}
#newsbox p
{
 
    color:#ffffff;
    
}
#newsbox a
{
    text-decoration:none;
    font-size:10px;
    color:#BEE0F5;
}
#newsbox h2
{
        font-size:14px;
        margin-left:6px;
        margin-bottom:2px;
        color:#82807E;
        font-variant:small-caps;
}
#newsbox h3
{
    font-size:11px;
    font-style:italic;
    margin:0;
    color:#82807E;
    margin-left:6px;
}

#boxes
{
    float:left;
    width:374px;
    background-color:#ffffff;
    position:relative;
    margin-right:6px;
    
}
#box1
{
    float:left;
    width:182px;
    height:182px;
    margin-right:6px;
    margin-bottom:6px;
}

#box2
{
    float:left;
    width:182px;
    height:182px;
    background-color:#000000;
    margin-bottom:6px;
   
}
#box3
{
    float:left;
    width:182px;
    height:182px;
    margin-right:6px;
    background-color:#000000;
    color:#ffffff;
     overflow:auto;
   
}
#box3 h3
{
	margin:10px 8px 2px 10px;
	font-size:16px;
	color:#ffffff;
}
#box3 p
{
	margin:8px 8px 4px 8px;
}
#box3 a
{
	color:#ffffff;
}
#box4
{
    float:left;
    width:182px;
    height:182px;
}


 #resume li a
 {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
 }
 

 

 .img
 {
    float:left;
    margin-right:0px;
 }
 
 #footer
{
    
    clear:both;
	width:740px;
	margin:0 auto;
    position:relative;
    font-size:10px;
    font-family:Arial;
    background-color:#ffffff;
}

#footer a
{
	color: #1A1A1A;
	
	text-decoration: none;
	font-size: 10px;
	padding: 0 5px;
	margin:0;
	
}

#footer a:hover
{
	color: #1A1A1A;
	text-decoration: underline;
	
}
#footer p
{
	margin:6px 0 2px 0;
	color:#1A1A1A;
}


#logos
{
	float:right;
	
}
#copyright
{
	
	color:#ffffff;
}

hr 
{
    visibility:hidden;
    clear:both;
}
.imgFloatLeft
    {
        margin-right:8px;
        margin-bottom:6px;
}

h2 
{
    margin-bottom:10px;
}

p 
{
    margin:0;
    padding-top:6px;
}

h3
{
	margin:0;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#222020;
}
.date
{
	font-style:italic;
	font-size:10px;
	
}

.btn
{
	border:solid;
}


#leftContent
{
	float:left;
	width:182px;
	
}
#content
{
	float:right;
	width:545px;
	background-color:#ffffff;
} 
#content a
 {
    color:#1A1A1A;
 }

 .pic { BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 2px solid }