body
{
	position: relative;
	margin: auto;
	background-color: #222222;
}

#page
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	font-family: Helvetica, Arial, sans-serif;
}

#title
{
	position: relative;
	left: -50px;
	margin-top: 30px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 2px 2px 2px #111;
	color: #eaeaea;
}

#pty_ltd
{
	font-size: 12px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 2px rgba(50,50,50,1);
	color: #eaeaea;
}

#overview
{
	position: relative;
	margin-top: 30px;
	padding: 10px 20px 0px 20px;
	width: 720;
	height: auto;
	font-size: 18px;
	background-color: #0F5683;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#116092), to(#083457));
	background-image: -moz-linear-gradient(90deg, #083457, #116092);
	border: solid 1px #4a4a4a;
	color: #eaeaea;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	text-shadow: 2px 2px 2px rgba(50,50,50,0.1);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-box-shadow: 0px 0px 14px #111; 
	-moz-box-shadow: 0px 0px 14px #111; 
	box-shadow: 0px 0px 14px #111; 
}

/*
#overview:hover 
{
	-webkit-box-shadow: 0px 0px 14px #111; 
	-moz-box-shadow: 0px 0px 14px #111; 
	box-shadow: 0px 0px 14px #111; 
}
*/

h2
{
	margin-top: 10px;
	font-size: 25px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(50,50,50,0.3);
}

#details
{
	position: relative;
	margin: 0px;
	margin-top: 20px;
	width: 718px;
	padding-left: 20px;
	padding-right: 20px;
	height: 310px;
	background-color: #2f2f2f;
	border: solid 1px #4a4a4a;
	color: #2f2f2f;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-box-shadow: 0px 0px 14px #111; 
	-moz-box-shadow: 0px 0px 14px #111; 
	box-shadow: 0px 0px 14px #111; 
}

/*
#details:hover 
{
	-webkit-box-shadow: 0px 0px 14px #111; 
	-moz-box-shadow: 0px 0px 14px #111; 
	box-shadow: 0px 0px 14px #111; 
}
*/

#details h2
{
	margin-top: 10px;
}

#expertise
{
	position: absolute;
	top: 20px;
	left: 20px;
}

#technology
{
	position: absolute;
	top: 20px;
	left: 390px;
}

.information 
{
	padding: 0px 10px 10px 10px;
	width: 330px;
	height: 260px;
	background-color: #cacaca;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#cacaca), to(#a8a8a8));
	background-image: -moz-linear-gradient(90deg, #a8a8a8, #cacaca);
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}

.information:hover
 {
	background-color: #cacaca;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(#cacaca), to(#afafaf));
	background-image: -moz-linear-gradient(90deg, #afafaf, #cacaca);
	-webkit-box-shadow: 0px 0px 14px #111; 
	-moz-box-shadow: 0px 0px 14px #111; 
	box-shadow: 0px 0px 14px #111; 
}

.information ul 
{
	text-align: center;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.information li
{
	margin-bottom: 5px;
}

#contact_us, #contact_us a, #contact_us a:visited
{
	position: relative;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	color: #9a9a9a;
	text-align: center;
}