body,
html
{
	margin: 0;
	padding: 0;
}

body
{
	height:1050px;
	width:100%;
	background: url(../images/sky.png) repeat-x;
}

#sun
{
	position: absolute;
	top: 100%;
	left: -80px;
	/*z-index:-1;*/
}

#moon
{
	position: absolute;
	top: -150px;
	right: 20px;
	height:150px;
	width:150px;
	/* z-index:-1; */
}

#title
{
	margin: 15px auto 5px;
	width:700px;
	height:86px;
	z-index:2;
}

#parallax
{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:300px;
	top:0;
	left:0;
	z-index:-2;
}

/* main content boxes and borders */

#content
{
	/* z-index:10; */
	margin: 0 auto;
	width:700px;
	z-index:2;
}

#main-topborder
{
	margin: 0 auto;
	width: 700px; /* 970 */
	height: 116px;
	background: transparent url(../images/aaa_top4a.png) top left no-repeat;	
}

#main-container
{
	margin: 0 auto;
	/* padding: 25px 0 0 0; */
	width: 700px; /* 970 */
	background: transparent url(../images/aaa_mid.png) top left repeat-y;
}

#main-content
{
	float: left;
	width: 680px; /* 900 */
	/*padding-left: 40px;*/
	height:800px;
	margin-top:-80px;
}

#main-leftcontent
{
	float: left;
	padding-left: 42px;
}

#main-rightcontent
{
	float: right;
	padding-right: 42px;
}

#main-footer
{
	margin: 0 auto;
	padding: 0 0 0 100px;
	width: 700px;
	background: url(../images/aaa_mid.png) repeat-y;
	text-align:center;
	z-index:3; /* just ontop of content @ 2 */
	font:bold 14px Verdana, sans-serif;
}

a,
a:hover,
a:active,
a:visited
{
	font-family:Verdana, sans-serif;
	color:#FF8C00;
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

#main-footer a,
#main-footer a:hover,
#main-footer a:active,
#main-footer a:visited
{
	font:bold 14px Verdana, sans-serif;
	color:#FF8C00;
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

#main-botborder
{
	margin: 0 auto;
	width: 700px; /* 970 */
	height: 41px;
	background: url(../images/aaa_bot.png) no-repeat;
}

.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

/* grass*/
#footer
{
	position:fixed;
	bottom:0;
	width:100%;
	height:43px;
	margin: 0 auto;
	z-index:100;
}

#footerLeft
{
	position:fixed;
	bottom:0;
	left:0;
	width:102px;
	height:71px;
	z-index:100;
}

#footerRight
{
	position:fixed;
	bottom:0;
	right:0;
	width:196px;
	height:125px;
	z-index:100;
}

/* end of main content boxes and borders */

/* menu */

#menu
{
	list-style:none;
	text-align:center;
	width:100%;
	margin: 0 auto;
}

#menu li
{
	float:left;
	list-style:none;
	padding-top:13px;
	width: 155px;
	height:33px; /* 46 */
	font:bold 14px Verdana, sans-serif;
	color:white;
	cursor:pointer;
	outline:none;
	text-decoration:none;
}

.leftMenu
{
	background:url(../images/menu/backLeft.png) no-repeat 0 0;
}

.centerMenu
{
	background:url(../images/menu/backCenter.png) no-repeat 0 0;
}

.rightMenu
{
	background:url(../images/menu/backRight.png) no-repeat 100% 0;
}

/* end of menu */

/* about page */

#aboutDetails
{
	margin:80px 0 0 92px;
	text-align:justify;
	width:520px;
	font:13px Verdana, sans-serif;
}

/* end of about page */

/* support page */

#loginButton
{
	margin-left:120px;
	outline: 0 none;
	border:none;
	margin-top:8px;
}

#supportUsername, #supportPassword
{
	color:#888888;
	width:340px;
	height:25px;
	font:16px Verdana, san-serif;
	border: none;
	text-align:center;
	margin-bottom:13px;
	z-index:6;
	background:transparent url(../images/form/inputBox.png) no-repeat;
}

#supportText
{
	margin-bottom:20px;
	margin-left:315px;
	font-family: verdana, san-serif;
}

#supportResult
{
	font-family:Verdana, sans-serif;
	text-align:center;
	width:620px;
	margin:50px auto 0;
	border: 1px solid #0a3e61;
	background: #b1c7d6;
	display:none;
	padding:5px 0;
}

/* end of support page */

/* contact page */

#contactText
{
	z-index:6;
	font-family: verdana, sans-serif;
	/* position:absolute; */
	margin-left:325px;
}

#contactTextShadow
{
	z-index:5;
	position:absolute;
	text-align:center;
	margin-left:287px;
	margin-top:1px;
	opacity:0.2;
}

#contactForm input
{
	color:#888888;
	width:340px;
	height:25px;
	font:16px Verdana, san-serif;
	border: none;
	text-align:center;
	margin-bottom:13px;
	z-index:6;
	background:transparent url(../images/form/inputBox.png) no-repeat;
}

#contactForm .button
{
	color:black;
	font-style:normal;
	margin-top:10px;
	margin-bottom:0px;
	cursor:pointer;
	outline:0 none;
	border:none;
	width:100px;
	height:42px;
}

#contactMessage
{
	color:#888888;
	width:340px;
	height:150px;
	font: 16px Verdana, san-serif;
	text-align:center;
	opacity:0;
	border:none;
	padding:5px;
	background:url(../images/form/textareaBox.png) no-repeat;
	background-attachment:fixed;
}

#contactResult
{
	font-family:Verdana, sans-serif;
	text-align:center;
	width:620px;
	margin:0 auto;
	border: 1px solid #0a3e61;
	background: #b1c7d6;
	display:none;
	padding:5px 0;
}

#nextButton
{
	margin-left:115px;
	border:none;
	outline:none;
}

#backButton
{
	margin-top:-60px;
	opacity:0;
	outline:none;
	border:none;
	margin-left:70px;
}

#sendButton
{
	margin-top:-60px;
	opacity:0;
	outline: 0 none;
	border:none;
}

/* end of contact page */

/* portfolio page */

#portfolioDetails
{
	font:13px Verdana, sans-serif;
	margin: 80px auto 0;
	width:600px;
	text-align:center;
}

#portfolioCarousel
{
    width:480px;
    height:250px;
	margin-left: 108px;
}

#portfolioCarousel > img
{
    display:none;
    cursor:pointer;
	border:2px outset black;
}

#portfolioDescription
{
	margin-left:92px;
	text-align:justify;
	width:520px;
	font:13px Verdana, sans-serif;
}

.portfolioTitle
{
	font:bold 16px Verdana, san-serif;
	color:#FF8C00;
	margin:10px auto 15px auto;
	text-align:center;
}

.shadowboxTitle
{
	font:16px Verdana, san-serif;
	color:#FF8C00;
	margin-top:5px;
}

#contactTable
{
	text-align:left;
	vertical-align:middle;
	font: 16px verdana, san-serif;
}

/* end of portfolio page */
