@font-face {
	font-family: Delicious;
	src: url('../fonts/delicious-roman.otf');
}

@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('../fonts/delicious-bold.otf');
}

* {
	margin : 1px 0 0 0;
}

BODY {
	background : #555 url('../images/mainBackground.jpg') repeat; 
	padding:0px;
	text-align:center;
}

#msg {
	color : #FFF;
	font-family : cursive;
	font-size : 14px;
	letter-spacing : 0.02em;
	padding-top : 8px;
}

#msgBack {
	background-image : url('../images/statusbarBack.png');
	background-repeat :  repeat-x;
	width : 100%;
	height : 47px;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 100;
}

#siteBanner {
	width : 853px;
	height : 247px;
	margin:0px auto;
	text-align:center;
	margin-top : -4px;
}

#contentarea {
	background : url('../images/subBackground.png') no-repeat;
	width : 853px;
	height : 449px;
	margin:0px auto;
	text-align:left;
	margin-top : -53px;
}

#menu {
	padding-top : 125px;
	padding-left : 53px;
	position : absolute;
	float : left;
	z-index : 500;
}

#menu li {
	list-style : none;
}

#menu img {
	margin-top : -4px;
}
#content {
	width : 589px;
	height : 318px;
	float : right;
	margin-top : 54px;
	margin-right : 63px;
}

#subContent {
	background : url('../images/subContentBack.png') no-repeat;
	width : 100%;
	height : 100%;
}
#sunrays {
	background : url('../images/sunray.png') no-repeat;
	width : 998px;
	height : 679px;
	z-index : 200;
	position : absolute;
	margin-top : -490px;
	margin-left : -330px;
}
.hide {
	display : none;
}
/* Home Page ----------------------------------------------- */
H1 {
	font-size : 30px;
	padding-top : 10px;
	padding-bottom : 5px;
	font-weight : lighter;
}
H4 {
	letter-spacing : 0.02em;
	font-size : 12px;
	font-weight : lighter;
}

/* Portfolio Page ------------------------------------------ */
#portfolioFormat, #projectsFormat {
	padding : 1px 11px;
	font-family : Delicious, Trebuchet MS;
	overflow : auto;
	height : 302px;
	width : 585px;
	z-index : 500;
	position : absolute;
	margin-top : 7px;
}
#portfolioFormat .item {
	background : url('../images/portfolio/itemBk.png') no-repeat;
	height : 97px;
	width : 561px;
}
#portfolioFormat  .image {
	position : absolute;
	z-index : 500;
	margin : -35px 0 0 15px;
}
#portfolioFormat .textPos {
	position : absolute;
	margin : -33px 0 0 218px;
}
#portfolioFormat h1 {
	margin-top : -10px;
	font-family : Delicious, Trebuchet MS;
	font-size : 16px;
	font-weight : bold;
}
#portfolioFormat h3 {
	font-family : Delicious, Trebuchet MS;
	font-size : 16px;
	font-weight : lighter;
	line-height : 1.1em;
}
.hovertext {
	background : url('../images/portfolio/img_onhover_bk.png') repeat;
	position : absolute;
	left : 1px;
	top : 48px;
	width : 191px;
	padding : 2px 0 2px 0;
	text-align : center;
	font-size : 12px;
}

/* Projects ----------------------------------------*/
#projectsFormat {
	height : 304px;
}
#projectsFormat .textPos {
	margin : -1px 15px -1px 15px;
	text-align: justify; 
}
#projectsFormat .itemTop {
	background : url('../images/projects/itemTop.png') no-repeat;
	width : 561px;
	height : 17px;
}
#projectsFormat .item {
	background : url('../images/projects/itemBk.png') repeat-y;
	width : 561px;
}
#projectsFormat .itemBtm {
	background : url('../images/projects/itemBtm.png') no-repeat;
	width : 561px;
	height : 17px;
}
#projectsFormat h1 {
	font-family : Delicious, Trebuchet MS;
	font-size : 16px;
	font-weight : bold;
}
#projectsFormat h3 {
	font-family : Delicious, Trebuchet MS;
	font-size : 16px;
	font-weight : lighter;
	line-height : 1.1em;
}
.download {
	padding : 10px;
}
.download a {
	color :	#ae6517;
}
/* Contact Page -------------------------------------------- */
#contactForm {
	position : absolute;
	z-index : 500;
}
#name, #email {
	font-size : 20px;
	font-family : Delicious, Trebuchet MS;
}
#contactForm INPUT {
	padding : 3px;
}
#comments {
	width : 509px;
	height : 92px;
	padding : 3px;
	font-size : 20px;
	font-family : Delicious, Trebuchet MS;
}
#contactForm .padding {
	padding-top : 4px;
}
#contactForm #msgBox {
	display : inline;
	background : #482a25;
	padding : 2px;
}
/* Copyright --------------------------------- */
#copyright {
	font-family : Delicious, Trebuchet MS;
	text-align : center;
}

#copyright a {
	color : #77b52e;
	z-index : 300;
	position : relative;
	z-index : 500;
}

/* Top & Bottom FadeIn ------------------------------ */
#bottom {
	background : url('../images/bottom_yellow_fade.png') repeat-x;
	bottom : 0;
	width : 100%;
	height : 163px;
	position : fixed;
	z-index : 400;
}

#top {
	background : url('../images/top_yellow_fade.png') repeat-x;
	top : -1px;
	left : 0;
	width : 100%;
	height : 163px;
	position : fixed;
	z-index : 400;
}
/* general properties ----------------*/
#contentPos {
	font-family : Delicious, Trebuchet MS;
	padding : 20px 35px;
	text-align: justify;
	color : #FFF;
	line-height : 1.2em;
}

img {
	border : 0;
}
.underline {
	text-decoration : underline;
}

/* custom scrollbar ------------------*/
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}

.vscrollerbase {
	background: url('../images/portfolio/scrollbarbase.png') repeat-y;
	width: 13px;
}
.vscrollerbasebeg {
	background: url('../images/portfolio/scrollbarbase_top.png') no-repeat;
	width: 13px;
	height: 8px;
	margin-top : -1px;
}
.vscrollerbaseend {
	background: url('../images/portfolio/scrollbarbase_bottom.png') no-repeat;
	width: 13px;
	height: 13px;
	margin-top : 3px;
}
.vscrollerbar {
	background: url('../images/portfolio/scrollbar.png') repeat-y;
	width: 13px;
	margin-top : -19px;
	padding-top : 35px;
}

.hscrollerbarbeg {
	height: 15px;
	width: 15px !important;
}
.hscrollerbarend {
	height: 15px;
	width: 15px;
}
.hscrollerbase {
	height: 10px;
	background-color: white;
}
.hscrollerbar {
	height: 10px;
	background-color: black;
}

/*Text Selection Colour ----------------------------*/
::selection {
	background: #bfa0a0; /* Safari */
	}

#preloader {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: #412f2f url('../images/preloader/preloaderBk.png') repeat-x top;
}
#preloader #textimg {
	background : url('../images/preloader/preloaderTxt.png') no-repeat top left;
	width : 145px;
	height : 38px;
	margin : 10px;
}

/*Infomation Box -----------------------------------*/
#infoBox {
	background : url('../images/infoBox.png') no-repeat;
	width : 519px;
	height : 202px;
	position : absolute;
	margin-top : 58px;
	margin-left : 34px;
}
#infoBox H1 {
	font-family : Delicious, Trebuchet MS;
	text-align : center;
	font-weight : bold;
	color : #111;
	margin-top : 60px;
}