@charset "UTF-8";
/* CSS Document */
a img {
	border:none;
}
body{
	font: 11px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	}

h1 {
	color:#333;
	font-size:20px;
	}

h2{
	color:#333;
	font-size:15px;
	}

h3{
	color:#ff3366;
	font-size:12px;
	margin:0px 0 14px 0;
	padding:0;
	
	}

h4{
	color:#333;
	font-size:12px;
	margin:0 0 14px 0;
	font:Helvetica, Arial, sans-serif;
	line-height:14px;
	padding:0;}

p{
	color:#333;
	line-height:1.4;
	}

p a:link {
	color:#333;
	text-decoration:none;
	}

p a:hover {
	color:#ff3366;
	text-decoration:none;
	}

p a:visited {
	color: #555;
	text-decoration:none;
	}
	
p a:active {
	color: #0099CC;
	text-decoration:none;
	}

.container {
	margin:0 auto;
	width:900px;
	
	}

.containerD {
	width:718px;
	float:left;
	
	}

.display_d{
	width:220px;
	float:left;
	margin:11px 0 30px 15px;
	}
	
.display_i{
	width:444px;
	float:left;
	margin:11px 0 30px 12px;
	}

.box {
	width:718px;
	float:left;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 0 15px 0;
	}

.box_i {
	width:718px;
	float:left;
	border-bottom:1px dashed #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin:50px 0 15px 0;
	padding:20px 0 0 0;
	} 

#logo {
	background:url(images/website_01.gif) left top no-repeat;
	width:168px;
	height:240px;
	float:left;
	}

#top_navigation {	
	margin:0;
	padding:0;
	float:left;
	}

#top_navigation ul{	
	margin:0;
	padding:0;
	}
	
#top_navigation li {
	display:inline;
	float : left;
	}

#top_navigation li a  {
display : block;
position : relative;
height:88px;
color : #ffffff;


} 
	

#top_navigation li#home a  {
	background-image: url(images/website_02.gif);
	width : 112px;
	
	}

#top_navigation li#home a:hover  {
	background-image: url(images/website_02_over.gif);
	width : 112px;
	
	}
	
#top_navigation li#portfolio a {
	background-image: url(images/website_03.gif);
	width : 120px;
	
	}

#top_navigation li#portfolio a:hover {
	background-image: url(images/website_03_over.gif);
	width : 120px;
	
	}
	
#top_navigation li#illustration a {
	background-image: url(images/website_04.gif);
	width : 135px;
	
	}

#top_navigation li#illustration a:hover {
	background-image: url(images/website_04_over.gif);
	width : 135px;
	
	}
	
#top_navigation li#cv a {
	background-image: url(images/website_05.gif);
	width : 109px;
	}
	
#top_navigation li#cv a:hover {
	background-image: url(images/website_05_over.gif);
	width : 109px;
	}
	
#top_navigation li#thebrand a {
	background-image: url(images/website_06.gif);
	width : 126px;
	}

#top_navigation li#thebrand a:hover {
	background-image: url(images/website_06_over.gif);
	width : 126px;
	}
	
#top_navigation li#contact a {
	background-image:url(images/website_07.gif);
	width : 130px;
	} 

#top_navigation li#contact a:hover {
	background-image:url(images/website_07_over.gif);
	width : 130px;
	}

#bottom_cnt {
	margin:0 0 0 12px;
	width:888px;
	height:418px;
	float:left;
	}
#bottom_cnt img {
	float:left;
	}
#proceed_but {
	float:right;
	background:url(images/proceed.gif) left 0px no-repeat;
	height:40px;
	width:231px;
	}
	
#proceed_but:hover {
	background:url(images/proceed.gif) left -40px no-repeat;

	}
	
.about_btm {
	float:left;
	background:url(images/btm_about.gif) left 0px no-repeat;
	width:232px;
	height:323px;
	margin-top:73px;
	}

.about_cnt {
	float:left;
	width:203px;
	height:200px;
	margin-top:86px;
	margin-left:20px;
	
	}


.about_cnt p {
	color:#000000;
	line-height:1.2;
	padding:0;
	margin:0;
	}

.about_cnt h3 {
	color:#ff3366;
	font-size:11px;
	margin:8px 0 2px 0;
	padding:0;
	}

.about_list {
	float:left;
	margin-left:20px;
	}

.about_skill {
	float:right;
	margin:-114px 50px 0 0 ;

	}

.touch_btm {
	float:left;
	background:url(images/btm_touch.gif) left 0px no-repeat;
	width:244px;
	height:323px;
	margin-top:73px;
	}
	
.touch_cnt {
	float:left;
	width:203px;
	height:100px;
	margin-top:86px;
	margin-left:22px;
	}


.touch_cnt p {
	color:#000000;
	line-height:1.2;
	padding:0;
	margin:0;
	}

.touch_cnt .touch_list p {
	color:#000000;
	line-height:1;
	padding:0;
	margin:0 0 5px 0;
	}
.touch_cnt .touch_list h3 {
	color:#ff3366;
	font-size:11px;
	margin:2px 0 0 0;
	padding:0;
	}

.touch_list {
	margin:0px 0 0 0;
	}


.links_btm {
	float:left;
	background:url(images/btm_links.gif) left 0px no-repeat;
	width:242px;
	height:323px;
	margin-top:33px;
	}

.link_cnt{
	float:left;
	width:203px;
	height:100px;
	margin-top:86px;
	margin-left:11px;
	
	}

.link_cnt h3 {
	color:#ff3366;
	font-size:11px;
	margin:0 0 18px 0;
	padding:0;
	}

.link_cnt p{
	color:#333333;
	text-decoration:none;
	font-size:14px;
	line-height:1;
	padding:0;
	margin:0 0 3px 0;
	}

.link_cnt p a:hover{
	color:#000;
	font-style:normal;
	font-size:14px;
	line-height:1;
	padding:0;
	margin:0 0 3px 0;
	}
	
.link_cntb{
	float:left;
	width:203px;
	height:120px;
	margin-top:10px;
	margin-left:11px;
	
	}

.link_cntb h3 {
	color:#ff3366;
	font-size:11px;
	margin:0 0 18px 0;
	padding:0;
	}

.link_cntb p {
	color:#333;
	font-size:14px;
	line-height:1;
	padding:0;
	margin:0 0 3px 0;
	}

.link_cntb p a:hover{
	color:#000;
	font-style:normal;
	font-size:14px;
	line-height:1;
	padding:0;
	margin:0 0 3px 0;
	}

#cv_cnt h3{
	color:#000000;
	font-size:20px;
	margin-top:25px;
	}

#cv_cnt li{
	color:#333333;
	font-size:16px;
	list-style-image: url(images/point.gif);
	line-height:18px;
	}

#dent{
	color:#333333;
	line-height:12px;
	font-size:16px;
	list-style: circle;
	}
	
.blah p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#666666;
	}

.tight{
	line-height:14px;
	}


#footer {
	background:url(images/website_19.gif);
	margin:32px 0 0 0;
	width:900px;
	height:30px;
	float:left;
	}