/*--------------------------
---------------------------------------------------------------------------
	Project :: Kiska Media - Photography Website Redesign
	 Author :: Curtis Scott - puredesigner@gmail.com
	Started :: 4/15/07
---------------------------------------------------------------------------
---------------------------- */

/* First declair this
---------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}
body,div,ul,li,h1,h2,h3 {
	margin:0;
	padding:0;
	}
body {
	background-color:#000;
	background: url(../images/bg.gif) repeat scroll center top;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
body * {
	line-height:1.5em;
	}
img {
	border:0;
	}
a {
  outline: none;
	}
a:link, a:visited{
	font-size: 10px;
	color: #b1a18c;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
a:active {
	font-size: 10px;
	color: #b1a18c;
	text-decoration: underline;
	}
	
/*	Page
----------------------------------------------------------------------------*/
#wrapper { 
 	margin: 0 auto;
	width: 940px;
	}
#faux { 
	background: black;
 	overflow: auto;
	width: 940px;
	}
#leftcolumn { 
 	display: inline;
	color: #FFFFFF;
	padding: 0px;
 	width: 330px;
	height: 400px;
 	float: left;
	}
#content { 
	 float: left;
	 background: url(../images/kiska_media_main_logo.gif) no-repeat scroll center bottom;
	 width: 280px;
     height: 400px;
	 display: inline;
	 position: relative;
	 }
#rightcolumn { 
	 display: inline;
	 position: relative;
	 color: #000;
	 width: 328px;
	 height: 400px;
	 float: right;
	 }
#footer {
	width: 940px;
	float:left;
	margin: 0 0 10px 0;
	color: #b1a18c;
	background: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	font-size: 9px;
	 }
#multimedia a {
	display: block;
	margin: 180px 0 0 0;
	width: 328px;
	height: 97px;
	background: url(../images/multimedia.gif) no-repeat scroll left top;
	outline: none;/*---- Fire Fox removes dots from links ----*/
	}		
#multimedia a:link, #multimedia a:visited {
	background: url(../images/multimedia.gif) no-repeat scroll left top;
	}	
#multimedia a:hover {
	background: url(../images/multimedia.gif) 0 -97px;
	}	
#multimedia a:active {
	background: url(../images/multimedia.gif) no-repeat scroll left top;
	}
	
#photography a {
	display: block;
	margin: 180px 0 0 0;
	width: 328px;
	height: 97px;
	background: url(../images/photography.gif);
	outline: none;/*---- Fire Fox removes dots from links ----*/
	}		
#photography a:link, #photography a:visited {
	background: url(../images/photography.gif);
	}	
#photography a:hover {
	background: url(../images/photography.gif) 0 -97px;
	}	
#photography a:active {
	background: url(../images/photography.gif);
	}
	
	/* =Menu Homepage
------------------------------------------------------------------------------------------- */
#newnav {
	height:85px;
  	padding:0 0 20px 0;
	width:255px;
	margin:20px auto 0 auto;
  	}
	
	/* =Main Nav
------------------------------------------------------------------------------------------- */

#nav {
  	float:left;
  	list-style:none;
	text-indent: -900%;
 	 }
#nav ul {
	margin:0 auto;
	width:255px;
	text-indent: -900%;
  }
#nav li {
     display:inline;
  	}
#nav li.demoreel a {
  	float:left;
    display:block;
	background:url("../images/demo-reel.gif") no-repeat 0 0%;
	width:85px;
	height:85px;
  	}
#nav li.demoreel a:hover {
  	background:url("../images/demo-reel.gif") no-repeat 0 100%;
  }
  
#nav li.resume a {
  	float:left;
    display:block;
	background:url("../images/resume.gif") no-repeat 0 0%;
	width:85px;
	height:85px;
  	}
#nav li.resume a:hover {
  	background:url("../images/resume.gif") no-repeat 0 100%;
  }
  
#nav li.contact a {	
    float:left;
    display:block;
  	background:url("../images/contact.gif") no-repeat 0 0%;
	width:85px;
	height:85px;
  	}
#nav li.contact a:hover {
  	background:url("../images/contact.gif") no-repeat 0 100%;
  }