/* CSS Document 
***********************
By Jane Dalton of www.9thdimension.co.uk

*************************/

/* set preferences */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}
	
	
html {
	overflow-y: scroll;
	overflow-x: hidden;
}
	
/* general styles
**********************/

body {
text-align: center;
background:  #000 url(images/6th-stars-920bg2.jpg) fixed top center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
	
a {
	color: #fbd523;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


#container {
 	height: 100%;
  	margin: 0 auto;
  	width: 920px;
  	color: #fff;
  	text-align: left;
	padding-bottom: 220px;
	background:   url(images/6th-stars-920bg.jpg) fixed top center no-repeat;
}

/* header
***************/

#header {
	height: 120px;
}

#header h1 {
	position: absolute;
	text-indent: -9999px;
	
}

#header h2 {
	text-align: right;
	padding: 40px 120px 0 0;
	height: 30px
	
}

h2 a {
	color: #fff;
	text-decoration: none;
}

h2 a:hover {
	color: #fbd523;
	text-decoration: none;
}

/* main navigation
************************/

#navigation {
	position: fixed;
	float: left; 
	font-family: Courier New, Courier, monospace;
	font-size: 130%;
	width: 200px;
	padding-left: 32px;
}

#navigation ul {
	display: block;
}

#navigation li {
	display: block;
	border-bottom: 1px dotted;
}

#navigation a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 1em;
}

#navigation {
	text-decoration: none;}
	
#navigation a:hover {
	background: url(images/navgradient.png) left ;
	text-decoration: underline;
}


/* main
**********/

#main {
	
	float: right; 
	width: 360px;
	margin-right: 115px;
}

#main a img {
	border: none;
}

#main p {
	margin-bottom: 1em;
}

#main li {
	padding-bottom: 1.2em;
}

#main a img {
	border: 1px solid #fff;
}

#main a:hover img {
	border: 1px solid #fbd523;
}


/* portfolio class
**********************/

.portfolio {
	padding-top: 1em;
	border-bottom: 1px dotted white;
}

.portfolio img {
	margin-bottom: 1em;
}

/* services
**************/

.services h4 {
	color: #fff;
	font-size: 1.1em;
}

.services {
	border-bottom: 1px dotted white;
	padding-top: 1em;
}

/* trans-box
****************/

.trans-box {
	margin: 40px 0 40px 0;
	background: url(images/trans-bg.png);
	width: 360px;
	position: relative;
}

.top {
	position: absolute;
	top: -20px;
}

.bottom {
	position: absolute;
	bottom: -20px;
}

.trans-box .box-content {
	padding: 0 20px 0 40px;
}




/* footer
***********/

#footer {
	clear: both;
	text-indent: -9999px;
}



/* ninth 
***********/

#ninth {
	clear: inherit;
	width: 100%;
	position: fixed;
	bottom: 0;
	height: 98px;
	text-align: center;
	background: url(images/hong-kong.png) repeat-x bottom;
	color: #b9306b;
	font-size: 90%;
}

#ninth p {
	margin: 75px 0 0 0;
}

#ninth a{
	color: #fff;
}

/*****SLIDING BOXES****/

			.boxgrid{ 
				width: 298px; 
				height: 298px; 
	
	
				background: #972268; 
	
				overflow: hidden; 
				position: relative; 
				margin: 10px 0 20px 0 ;
				
			}
			
			.boxgrid h3 {
				padding: 5px; 
				
			}
			
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}