@charset "utf-8";
/* anotherdesignbypatima.com - Website Designed and Created by Patima Tantiprasut */

/************************** 
    General CSS Styles     
**************************/ 

*{
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Arial, Helvetica;
}

html{
	margin: 0;
	padding: 0;
	height: 100%;
}

body{
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: url(../art/background-checker-rpt.gif) repeat;
	text-align: left;
}

img {
	border: 0;
}


h1 {
	color: #33c6f4;
	font-size: 1.3em;
	font-family: georgia, courier new;
	font-weight: normal;
}

p {
	font-size: 0.8em;	
	line-height: 1.3em;
	padding: 0 0 10px 0;
}

a {
	outline: none;
	text-decoration: none;
}

#ie-message {
	background-color: #fff;	
	padding: 20px;
}

#container {
	width: 939px;
	text-align: right;
}

#right-panel {
	height: 750px;
	float: right;
	width: 399px;
	padding: 64px 0 0 0;
}

#right-panel div.parashooters {
	background: url(../art/right-panel-bg.png) no-repeat top left;
	padding: 64px 0 0 0;
	position: fixed;
	top: 10px;
	left: 550px;
	width: 399px;
	height: 750px;
}

#right-panel ul {
	padding:0;
	margin:0;
}

#right-panel li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

#right-panel li a{
	height:250px;
	display:block;
	border:0;
}

#right-panel a span {
	display:none;
}

#right-panel ul li#portfolio-top {
	width: 250px;
	background:url(../art/portfolio-pics-top.png) -100px 0px no-repeat;
	position: absolute;
	left: 703px;
	top: 80px;
}

#right-panel ul li#portfolio-top:hover, #right-panel ul li#portfolio-top.sfhover {
	background:url(../art/portfolio-pics-top.png) -504px 0px no-repeat;
}

#right-panel ul li#portfolio-mid {
	width:208px;
	background:url(../art/portfolio-pics-mid.png) 0px 0px no-repeat;
	position: absolute;
	left: 540px;
	top: 280px;
}

#right-panel ul li#portfolio-mid:hover, #right-panel ul li#portfolio-mid.sfhover {
	background:url(../art/portfolio-pics-mid.png) -209px 0px no-repeat;
}

#right-panel ul li#portfolio-bottom {
	width:255px;
	background:url(../art/portfolio-pics-bottom.png) 0px 0px no-repeat;
	position: absolute;
	left: 676px;
	top: 393px;
}

#right-panel ul li#portfolio-bottom:hover, #right-panel ul li#portfolio-bottom.sfhover {
	background:url(../art/portfolio-pics-bottom.png) -256px 0px no-repeat;
}

#header {
	background: url(../art/header.gif) no-repeat top left;
	height: 287px;
	width: 540px;
}

#header img {
	float: left;	
}

#intro {
	background: url(../art/intro-bg.gif) no-repeat top left;
	height: 251px;
	overflow: hidden;
	padding: 7px 100px 0 55px;
}

#intro p.intro-text {
	margin: 0 50px 0 0;
}

#intro a, 
#content-area a {
	background-color: #e7b7d9;
	color: #fff;
}

#intro a:hover,
#content-area a:hover {
	background-color: #33c6f4;
	color: #fff;
}

#content-area {
	background: url(../art/content-bg-rpt.png) repeat-y top right;	
	width: 360px;
	padding: 0 30px 8px 150px;
}

#content-area h1 {
	font-size: 1.2em;	
}

#content-area p {
	font-size: 0.7em;
}

#content-area p.footer {
	font-size: 0.6em;
	color: #999;
}


#footer {
	clear: both;
	background: url(../art/footer.png) no-repeat top left;
	height: 360px;
	width: 950px;
}