/*#############################################################

Name: Rushun Wiseman 2009 Website

Date Created: 2008-12-18

Description: Personal Portfolio.

Author: Rushun Wiseman | Creavolution Arts

URL: 	www.rushunwiseman.com
	www.creavolutionats.com

THIS DOCUMENT IS PROPERTY OF RUSHUN WISEMAN AND CREAVOLUTION ARTS. STEALING OR USING THIS DOCUMENT FOR ANY USE IS NOT PERMITTED! LEGAL ACTION WILL BE TAKEN FOR STEALING CONTENT OR USING IT IN ANY WAY!

#############################################################*/






/*#############################################################

All Elements

#############################################################*/

body{
	background: #1B1917;
	}


#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:766px;
}

#header_ {
	background-image: url("images/header.png");
	float: left;
	width:766px;
	height:37px;
}

.right {
	float: right;
}

p{
	font-family: Arial;
	font-size: 13px;
	color: white;
	line-height: 16px;
}

a{
	font-family: Arial;
	font-size: 13px;
	color: white;
	line-height: 16px;
}

#footer_ {
	background-image: url("images/footer.png");
	float: left;
	width:766px;
	height:60px;
}

#footer_ a img{
	border: 0;
}

#reflection_ {
	background-image: url("images/reflection.png");
	float: left;
	width:766px;
	height:58px;
}


#nav_{
	background-image: url("images/nav.png");
	background-repeat: no-repeat;
	position:absolute;
	left:448px;
	top:0px;
	width:320px;
	height:48px;
}

#nav_ a img{border:0}



/*#############################################################

INDEX

#############################################################*/

#nav_index_{
	background-image: url("images/index_images/nav_index.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:448px;
	top:0px;
	width:320px;
	height:48px;
}

#nav_index_ a img{border:0}

#main-image_index_ {
	background-image: url("images/index_images/main_image_index.jpg");
	background-repeat: no-repeat;
	float: left;
	width:477px;
	height:315px;
}

#left_ads_{
	width: 289px;
	height: 315px;
	float: left;
}

#left_ads_ a img{
	border:0;
	padding:0;
	float: left;
}

#left_bottom_ads_{
	padding-top: 5px;
	width: 766px;
	height: 87px;
	float: left;
}

#left_bottom_ads_ a img{
	border:0;
	}
	


/*#############################################################

HOME

#############################################################*/


#main-image_home_ {
	background-image: url("images/main_image_home.png");
	float: left;
	width:766px;
	height:487px;
}





#featured_works_{
	float: left;
	margin-left:38px;
	margin-top:20px;
	width:500px;
	height:467px;
}



#featured_works_ a{
	padding:0;
	margin:0;
}


#latest_news_ {
	padding-left: 30px;
	margin-top: 39px;
	float: left;
	width:263px;
	

}

#featured_links_ {
	padding-left: 30px;
	margin-top: 39px;
	float: left;
	margin-top: 39px;
	width:263px;
}

#content-01_ {
	float: left;
	width:766px;
	background-color:#1B1917;
	background-image: url("images/home_image.png");
}

#content-01_ span{
	color: white;
	line-height: 24px;
	font-size: 26px;
	font-family: Arial;
	
}

#content-02_ {
	float: left;
	width:766px;
	background-color:#1c1c1c;
}


#so_who_is_this_guy_ {
	float: left;
	margin-top: 39px;
	width:350px;
	margin-left: 38px;
	padding-right: 20px;
}


#latest_news_ {
	padding-left: 30px;
	margin-top: 39px;
	float: left;
	width:263px;
	

}



#contact_me_ {
	padding-left: 30px;
	margin-top: 39px;
	float: left;
	width:263px;
	

}


/*#############################################################

Portfolio

#############################################################*/

#main-image_portfolio_ {
	background-image: url("images/main_image_portfolio.jpg");
	float: left;
	width:766px;
	height:487px;
}



#content{
	float: left;
	margin-left:38px;
	margin-top:20px;
	width:728px;
}

#content a{
	padding:0;
	margin:0;
}



#nav_portfolio_ {
	background-image: url("images/nav_portfolio.gif");
	background-repeat: no-repeat;
	position:absolute;
	left:448px;
	top:0px;
	width:320px;
	height:48px;
}

#nav_portfolio_ a img{border:0}



#so_what_is_good_design_ {
	float: left;
	margin-top: 39px;
	width:728px;
	margin-left: 38px;
	padding-right: 10px;
}


ul.imagegallery{
  padding: 0;
 margin-left:10px;
 clear: left;
}

ul.imagegallery li {
  display: inline;
  float: left;
  list-style: none;
  padding: 5px;
}


ul.imagegallery img {
padding:4px;
border:1px solid #ccc;
background:#fff;
}


/*#############################################################

Hire Me

#############################################################*/

#main-image_hire_me_ {
	background-image: url("images/hire_me.png");
	float: left;
	width:766px;
}

#hire_me_{
	float: left;
	margin-left:38px;
	margin-top:20px;
	width:500px;
	height:467px;

}


#hire_me_ a{
	color:red;
}