/*

SIMON REYNOLDS 

Thanks for helping me out with my iPhone. It was a lot of hassle, but now it's got a cracked screen I need to fix. cbf dealing with optus though.. anyway if you've opened this up and read this feel free to delete it.

~Harley.

*/

body
{
	background: #155f6f url(files/bg.png) repeat top center;
	padding: 0;
	margin: 0;
	text-align: center;
	font: 13px Helvetica, Arial, Tahoma, "Trebuchet MS", Verdana;
}

a
{
	color: #5399dd;
	text-decoration: none;
}

a:hover
{
	color: #2c67a1;
	text-decoration: underline;
}

#wrapper
{
	margin: 100px auto 10px auto;
	width: 800px;
	text-align: left;
}


#header
{
	width: 220px;
	text-align: center;
	color: #c3f1ff;
	margin-top: 70px;
	float: left;
}

#full_name


#tagline
{
	text-transform: lowercase;
	font-size: 14px;
}

#container
{
	float: left;
	
}

#wrapper_top
{
	background: url(files/wrapper_top.png) no-repeat top right;
	height: 41px;
	width: 573px;
}

#wrapper_bottom
{
	background: url(files/wrapper_bottom.png) no-repeat top right;
	height: 71px;
	width: 573px;
	clear: both;
}

#wrapper_hook
{
	background: url(files/wrapper_hook.png) no-repeat top right;
	width: 573px;
}

#wrapper_middle
{
	background: url(files/wrapper_middle.png) repeat-y top right;
}

#content
{
	width: 523px;
	min-height: 210px;
	float: right;
}

#navigation
{
	width: 350px;
	float: right;
}

#navigation a,
#navigation a.nav_active
{
	background: url(files/tab.png) no-repeat bottom center;
	float: left;
	height: 27px;
	width: 73px;
	float: left;
	display: block;
	font-size: 14px;
	text-transform: lowercase;
	color: #4d4d4d;
	text-align: center;
	line-height: 27px;
	vertical-align: middle;
	margin-right: 5px;
}

#navigation a.nav_active
{
	background: url(files/tab_active.png) no-repeat bottom center;
	color: #025665;
	width: 83px;
}


#plugins
{
        padding: 3px 20px 2px 15px;
	color: #fff;
	font-size: 12px;
}

#plugins_content span
{
       color: #a09d9d;
       margin-left: 10px;
}

.service
{
	background: url(files/service.png) no-repeat center center;
	float: left;
	height: 71px;
	margin-left: 22px;
width: 220px;
	padding: 5px;
overflow: hidden;
text-align: left;
}

.service-left
{
float: left;
}

.service-right
{
float: right;
margin-right: 5px;
}

.network_name
{
	font-size: 24px;
	color: #4d4d4d;
	text-transform: lowercase;
overflow: hidden;
}

.network_url
{
	font-size: 12px;
	color: #4d4d4d;
	text-transform: lowercase;
}


.service img
{
	float: left;
	margin-right: 10px;
}

.title
{
	border-bottom: 1px solid #a1b7bc;
	font-size: 24px;
	text-transform: lowercase;
	color: #585858;
	margin-bottom: 10px;
}

#about,
#contact
{
	padding: 0px 20px;
	color: #757575;
	font-size: 14px;
}


.contact_cell
{
	float: left;
	background: url(files/contact_bg.png) no-repeat top center;
	width: 218px;
	height: 200px;
	margin-left: 12px;
	padding: 5px;
	color: #50505;
	line-height: 150%;
}

#details
{
	padding: 0 10px;
}

.network_name1 {
	font-size: 30px;
	color: #c3f1ff;
	text-transform: lowercase;
	overflow: hidden;
}