/*
Ishara Design
*/

/* body
*/

	
body { 
margin: 10px; 
background-color:#fff;
font-family:Futura, Century Gothic, Arial, san-serif;
font-size:10px;
color: #333333;
}

h1 { 
font-weight:normal; 
color: #FF0099 
margin:0 0 10px 0; 
}

h2 {
font-weight:normal;
color: #000000;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px solid #ccc;
}

h3 {
font-weight:normal;
color:#333333;
margin:0;
padding:0;
}

h4 {
margin:0;
padding:0;
font-weight:normal;
letter-spacing:1px;
}
	h4 a:link, h4 a:visited, h4 a:active {
	background-color: #FFFFFF;
	padding:5px;
	border:1px solid #fc6;
	}
	h4 a:hover {
	text-decoration:none;
	}

em {
color:#c00; 
}

input {
padding:5px;
border:1px solid #33333;
font-family:Futura, Century Gothic, Arial, san-serif;
font-size:10px;
color:#333333;
}
img {
border:0px solid #33333;
}


/* layout
=================================== */
#container { 
width:960px; 
}
.clear { 
clear:both; 
}




/* banner
=================================== */
#header {
	padding:6px 6px 6px 6px;
	border-bottom:1px solid #33333;
}



/* links
=================================== */
#nav { 
padding:6px 6px 6px 6px; 
border-bottom:1px solid #33333; 
font-family:Futura, Century Gothic, Arial, san-serif;
}
		

/* design content
=================================== */
#content { 
padding:10px 15px 10px 15px; 
border-bottom:1px solid #33333; 
}
	#content a:link, #content a:active, #content a:visited { 
	color:#000; 
	text-decoration:none; 
	}
	#content a:hover { 
	color: #FF3399 
	}

	
/* old/new navigation
=================================== */
.old, .new {
width:100px;
float:left;
}
.top {
width:100px;
float:right;
text-align:right;
}



/* intro image
=================================== */
.aboutimg {
	width:265px;
	float:left;
	margin-right:15px;
	margin-top: 15px;
	margin-left: 15px;
}

/* intro text
=================================== */
.aboutinfo {
	width:400px;
	float:right;
	margin-right:10px;
	font-family:Futura, Century Gothic, Arial, san-serif;
	font-size:12px;
	line-height:18px;
	margin-top: 15px;
}



/* contact image
=================================== */
.contactimg {
	width:200px;
	float:left;
	margin-right:15px;
	margin-top: 15px;
	margin-left: 15px;
}

/* contact text
=================================== */
.contactinfo {
	width:400px;
	float:right;
	margin-right:10px;
	font-family:Futura, "Century Gothic", Arial, san-serif;
	font-size:12px;
	line-height:18px;
	color: #333333;
	margin-top: 15px;
}
#contactinfo a:link, #contactinfo a:active, #contactinfo a:visited { 
	color:#000; 
	text-decoration:none; 
	}
	#contactinfo a:hover { 
	color:#c00; 
	}

/* portfolio content
=================================== */
#portcontent { 
 
width:960px;
padding:20px 15px 20px 15px; 
border-bottom:1px solid #333333; 
}
	#content a:link, #content a:active, #content a:visited { 
	color:#000; 
	text-decoration:none; 
	}
	#content a:hover { 
	color: #FF3399 
	}


/* portfolio main image
=================================== */
.portmain {
width:260px; 
float:right; 
margin-right:5px;
font-family:Futura, Century Gothic, Arila, san-serif;
	font-size:13px;
	line-height:16px;
	color: #333333
}

/* portfolio navigation
=================================== */
.portnavigation {
	width:650px;
	float:left;
	margin-right:10px;
	font-family:Futura, Century Gothic, Arial, san-serif;
	font-size:12px;
	line-height:18px;
}



/* footer
=================================== */
#footer {
	padding:8px 20px 8px 20px;
	color:#333333;
	font-family:Futura, Century Gothic, Arial, san-serif;
	font-size:10px;
	letter-spacing:1px;
	width: 960px;
}
		.footerleft { 
		width:auto; 
		float:left; 
		}
		
		.footerleft ul { 
		padding:0; 
		margin:5px 0 5px 0;
		}
			
		.footerleft li { 
		display:inline; 
		list-style:none; 
		padding:0 8px 0 0; 
		}
		
		.footerright { 
		width:auto; 
		float:right; 
		}
		
		.footerright ul { 
		padding:0; 
		margin:5px 0 5px 0;
		}
		
		.footerright li { 
		display:inline; 
		list-style:none; 
		padding-left:8px; 
			}
	
	#footer a:link, #footer a:active, #footer a:visited { 
	color:#000; 
	text-decoration:none; 
	}
	#footer a:hover { 
	color:#c00; 
	}