*{
padding:0;
margin:0 auto;
}

html, body {
/*\*/
height:100%;
/* */
}

body{
text-align:center;
overflow:auto;
color:#FFF;
background-color:#0d0d0d;
font:normal 14px Arial, Helvetica, sans-serif;
}

#distance { 
width:1px;
height:50%;
margin-bottom:-270px; /* half of container's height */
float:left;
}

h1,h2,h3,h4,h5,h6,p{
text-align:left;
}

h1{
font:normal 24px Arial, Helvetica, sans-serif;
padding:15px 0 10px 0;
}

h2{
font:normal 18px Arial, Helvetica, sans-serif;
}

h3{
font:bold 16px Arial, Helvetica, sans-serif;
padding:2px 0 5px 0;
}

h4{
color:#666666;
font:bold 14px Arial, Helvetica, sans-serif;
padding:0 0 6px 0;
}

h5{
color:#666666;
font:normal 14px Arial, Helvetica, sans-serif;
padding:5px 0 6px 0;
}

h6{
color:#FFF;
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 0 4px 0;
}

hr{
margin:0;
border:0;
border-top:1px dashed #666666;
height:1px;
}

p{
font:normal 12px Arial, Helvetica, sans-serif;
padding:0 0 10px 0;
}

p#info{
padding:0 30px 5px 0;
}

img{
border:0;
}

a{
text-decoration:none;
color:#FFF;
}

a:hover{
color:#E41D01;
}

h1 a{
color:#E41D01;
}

h1 a:hover{
color:#FFF;
}

.clear{
clear:both;
}

/**
	LAYOUT
					*/
.wrapper{
position:relative; /* puts container in front of distance */
text-align:left;
margin:0 auto;
width:980px;
height:540px;
clear:left;
}

#left{
float:left;
height:100%;
width:349px;
}

#right{
float:right;
height:100%;
width:631px;
}

#newsframe{
background-color:#0d0d0d;
border:0;
width:600px;
height:400px;
}

#blogframe{
background-color:#0d0d0d;
border:0;
width:631px;
height:500px;
}

#contactframe{
background-color:#0d0d0d;
border:0;
width:631px;
height:500px;
}

#profileframe{
background-color:#0d0d0d;
border:0;
width:100%;
height:200px;
}

#holder{
text-align:left;
margin:0 15px 0 15px;
}

#top{
height:100%;
}

#bottom{
position:absolute;
bottom:0; 
}

/*
	END LAYOUT
					*/
					
/**
	CURRENT EVENTS
					*/

.current img{
float:left;
padding:0 10px 0 0;
}

.current h3{
padding:10px 0 0 0;
}

.current .spacer{
margin:5px 0 0 0;
clear:both;
}

/*	
	END CURRENT
					*/
						

/**
	LOGOS
					*/

#logo{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/logo.gif") no-repeat left top;
}

#logo a:hover{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/ologo.gif") no-repeat left top;
}

#logos{
margin:60px 0 0 0;
float:left;
width:550px;
}

#dream{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/1.gif") no-repeat left top;
} 

#dream a:hover{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/o1.gif") no-repeat left top;
}

#no{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/2.gif") no-repeat left top;
} 

#no a:hover{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/o2.gif") no-repeat left top;
}

#seven{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/4.gif") no-repeat left top;
}

#seven a:hover{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/o4.gif") no-repeat left top;
}

#shore{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/3.gif") no-repeat left top;
}

#shore a:hover{
float:left;
background: url("http://www.jaguarshoes.com/site/images/front/o3.gif") no-repeat left top;
}

/*
	END LOGOS
					*/
				

/**
	NAVIGATION
					*/
				
#navigation{
margin:5px 0 0 0;
}
				
#navigation div{
font:normal 24px Arial, Helvetica, sans-serif;
float:left;
cursor:default;
padding:0 12px 10px 0;
}

#navigation a{
color:#666666;
}

#navigation a:hover{
color:#FFF;
}
/*
	END NAVIGATION 
					*/
					
					
/**
	SUBSCRIBE
	
						*/
#subscribe{
clear:both;
margin:8px 0 5px 0;
}

#subscribe #email{
float:left;
width:200px;
height:18px;
background:#0d0d0d;
color:#666666;
}

#subscribe #image{
float:left;
position:relative;
left:5px;
}

#subscribe #status{
clear:both;
height:18px;
padding:8px 0 10px 0;
font:normal 14px Arial, Helvetica, sans-serif;
color:#E41D01;
}

						
/* END SUBSCRIBE 		*/

/** 
	NEWS 
					*/
.news{
float:left;
width:97%;
}

.news img{
float:left;
padding:0 8px 5px 0;
}

.news p{
width:458px;
float:left;
}

.spacer{
padding:5px 0 0 0;
clear:both;
}

.news #link{
font:normal 10px Arial, Helvetica, sans-serif;
text-align:right;
padding:0 5px 0 0;
}

.news #thumb{
width:100px;
height:100px;
}



/* 
	END NEWS
					*/
				

					
/**
	PROFILE
						*/
						
.profile{
width:97%;
}				

/* END PROFILE 			*/
	
				
/**	
	BLOG 
					*/
.blog{
width:97%;
height:100%;
float:left;
}

.blog p{
font:normal 14px Arial, Helvetica, sans-serif;
}

.blog #button{
width:150px;
height:150px;
float:left;
background-color:#000;
margin:0 3px 3px 0;
cursor:pointer;
_overflow:hidden;
}

#button img{
width:150px;
height:150px;
}

#button #label{
display:table; 
height:30px; 
width:140px;
background:url("../images/blog/label.gif") no-repeat;
position:relative; 
overflow:hidden;
bottom:30%;
left:5px;
/*\*/
left:0;
/* */
}

#label div{
display:table-cell; 
vertical-align:middle;
_position:absolute; 
_top:50%; 
}

#label div p{
font:normal 9px Arial;
color:#fff;
padding:0;
margin:0;
text-align:center;
_position:relative; 
_top:-50%;
_left:-50%;
}

.article{
margin:0 0 40px 0;
text-align:left;
}

.article img{
float:left;
}

#panel{
float:left;
width:100%;
}



#panel ul{
list-style: none outside none;
}

#panel li{

}

#panel a{
color:#666666;
}

#panel a:hover{
color:#fff;
}

#panel .year{
font:normal 18px Arial, Helvetica, sans-serif;
padding:2px 0 2px 0;
color:#fff;
cursor:default;
}

#panel .month{
font:normal 18px Arial, Helvetica, sans-serif;
padding:2px 0 2px 1px;
color:#fff;
cursor:default;
}

#panel .title{
font:normal 12px Arial, Helvetica, sans-serif;
padding:2px 0 2px 2px;
color:#fff;
cursor:default;
}

/* 
	END BLOG 
						*/
						
/* CONTACTS */

.contact{
float:left;
width:48%;
}

.contact div{
height:200px;
}


/**
	LATEST BLOGS MENU 
						*/

#list{
margin:10px 0 0 0;
height:380px;
overflow:auto;
}

.listitem div{
padding:0 0 10px 0;
}

.listitem img{
float:left;
width:30px;
height:30px;
padding:0 5px 0 0;
}

.listitem h5{
font:normal 11px Arial, Helvetica, sans-serif;
padding:4px 0 0 0;
}

/*	END LATEST BLOGS MENU 
						*/