/*
Table of Contents

1.	Globals
2.	Container
3.	Header
3.1 		Top Navigation
4	Content
4.1		Sidebar
4.2		Main Content
5.	Footer

Colours

Light Background
	#F4F4F4
Body Text
	#000000
Footer Text
	#999999
Red Links
	#E51B24
Container
	#FFFFFF
Sidebar/Borders
	#CCCCCC
*/


/* Globals */

body {
	background: url('/images/background.png');
	background-repeat:repeat-x;
	background-color: #F4F4F4;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}
img,
span,
div,
a,
a:link,
a:visited,
a:hover,
a:active             		{ border:none; margin:0px; padding:0px; -moz-outline-style:none; outline:none; }

p {
margin: 1em 0;
}
img, div, a, input {
	behavior: url(/css/iepngfix.htc);
}
.clearBoth {
	clear:both;
}
h2, h3 {
	color: #E51B24;
	font-weight:bold;
}
a, a:visited {
	color: #333;
	text-decoration: none;
}
.selected a, .navBold a, .navBold a:visited {
	color: #E51B24;
	text-decoration: none;
}
a:hover, .navBold a:hover {
	color:inherit;
	text-decoration: underline;
}
/* Container */

#container {
	margin:0 auto;
	position:relative;
	width: 920px;
	top:50px;
	padding-bottom:12px;
}	
#containerContent {
	background-color:#FFF;
	padding-bottom:12px;
	-moz-border-radius:16px;
	-webkit-border-radius: 16px
}

/* Header */

#header {
	height: 80px;
}
#headerImg {
	xbackground-color: transparent;
	background-image: url('/images/republic_logo.png');
	width:376px;
	height:100px;
	margin-left:-40px;
	margin-top: -30px;
	position: relative;
	float:left;
}
/* Header > Top Navigation */

#nav {	
	margin: 12px 24px 0;
	display:inline;
	float:right;
}

#nav a, #nav a:visited {
	color: #000;
}
#navSub {
	font-size:small;
}
ul.navBar {
	margin:0.5em 0;
	padding:0;
}
ul.navBar li {
	display:inline;	
}
ul.navBar li:before {
	content:" // ";
	color:#000;
	font-weight:normal;
}
ul.navBar li:first-child:before, ul.navBar#navFooter li:first-child:before {
	content: "";
}
.navBold a {	
	color: #E51B24 !important;
	font-weight:bold !important;
}

/* Content */

#content {
	margin:24px 24px 12px;
	padding:0;
	background-color: #F4F4F4;
	clear:both;
	-moz-border-radius:12px;
	-webkit-border-radius: 12px
}

/* Content > Sidebar */

#contentSidebar {
	float:left;
	width: 140px;
	background-color: #CCC;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	background-image: url('/images/shadow_left.png');
	background-position:right;
	background-repeat:repeat-y;
}
ul#contentSidebarList {
	padding:0;
	margin: 12px 0;
	text-align:right;
}
ul#contentSidebarList li {
	display:block;
	height: 17px;
	padding: 6px 12px;
	border: none;
	margin: x2px 0;
	font-size:small;	
}
li.selected {
	background-color: #F4F4F4;
	color: #E51B24;
	font-weight:bold;
}
li.selected + li {
	background-position:top right;
	background-image:url(/images/shadow_tab_bottom.png);
	background-repeat:no-repeat;
}
li.selectedPrevious {
	background-image: url('/images/corner_bottomright.png');
	background-position:bottom right;
	background-repeat:no-repeat;
}

/* Content > Main Content */

#contentMain {
	float:right;	
	margin:12px;
	width:708px;
}

/* Content > Main Content > Portfolio */

#portfolioInfoBox {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	padding: 12px;
	margin: 0 0 12px 12px;
	background-color:#E9E9E9;
	display: inline-block;
	float: right;
	width: 258px;
}
#portfolioInfoBox a, #portfolioInfoBox label {
	display:inline-block;
	clear:both;
}
#portfolioLogo {
	margin-bottom: 1em;
}
#portfolioLogoImg {
	background-color: #F4F4F4;
	padding: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px
}
#portfolioBioWebsite {
	background-image: url('http://www.therepublic.com.au/images/web_icon.png');
}
#portfolioBioEmail {
	background-image: url('http://www.therepublic.com.au/images/email_icon.png');
}
#portfolioBioPhone {
	background-image: url('http://www.therepublic.com.au/images/phone_icon.png');
}
#portfolioBioTwitter {
	background-image: url('http://www.therepublic.com.au/images/twitter_icon.png');
}
#portfolioBioWebsite, #portfolioBioEmail, #portfolioBioPhone, #portfolioBioTwitter {
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:22px;
}

/* Content > Main Content > Contact Us */

#contactHeader {
	display: inline-block;
}
#contactDetails {
	background-color:#E9E9E9;
	padding: 12px;
	margin: 12px 12px 12px 0;
	display: inline-block;
	width:248px;
	-moz-border-radius:12px;
	-webkit-border-radius: 12px
}
.contactTitle {
	font-weight: bold;
}
#contactContent {
	background-color:#E9E9E9;
	padding: 12px;
	margin: 12px 0;
	display: inline-	block;
	float: right;
	width: 400px;
	-moz-border-radius:12px;
}	
#launchForm {
	margin-left:0.5em;
	font-size: small;
}
#emailForm {
	display: none;
}

.formField {
	width: 300px;
}

/* Footer */

#footer {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-bottom-left-radius: 12px;
-webkit-border-bottom-right-radius: 12px;
behavior:url(border-radius.htc);
background-color: #E51B24;
background-image: url('/images/shadow_bottom.png');
background-repeat: repeat-x;
margin:0 24px 12px;
padding:0 12px;
}
.navFooter a {
	text-decoration: none;
	color:#FFF;
}
.navFooter a:hover {
	text-decoration: underline;
	color:#FFF;
}
.navFooter {
	font-size:small;
	color:#FFF;
	float:left;
}
ul.navFooter li:before {
	color:#FFF;
}
#navFooterRight {
	text-align:right;
	float:right;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
