/* Global
-------------------------------------------------------------------------------------------------------------------*/
body {
    margin:0;
	padding:0 0 0 18px;
	font-family:Helvetica, Arial, Sans-Serif;
	font-size:12px;
	color:#fff;
	background:#004d86 url(../images/bg-strip.gif) repeat-y;
}
form, div, span, h1, h2, h3, h4, p, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
}
a:link {
	color:#fff;
	text-decoration:none;
	text-decoration:underline;
}
a:visited {
	color:#b1d1f0;
}
a:hover {
	color:#a7e2ff;
	text-decoration:none;
}
a:active {
	color:#b1d1f0;
}
.clear { clear:both; }
.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .mod {zoom: 1;}
a img {	border:none; }

/* Structure 
-------------------------------------------------------------------------------------------------------------------*/
#container {
	background:transparent url(../images/bg.gif) repeat-x;
	padding:0 0 0 110px;
}
#home #container {
	background:transparent url(../images/bg-home.gif) repeat-x;
}
#portfolio #container {
	background:transparent url(../images/bg-portfolio.gif) repeat-x;
}
#special #container {
	background:#fff url(../images/bg-special.gif) repeat-x;
}
#page {
	margin:0;
	width:853px;
}

/* Menu
-------------------------------------------------------------------------------------------------------------------*/
ul#menu {
	height:48px;
	width:853px;
	padding-top:8px;
	list-style:none;
}
ul#menu li {
	padding-right:0;
	height:48px;
	width:141px;
	float:left;
	position:relative;
}
ul#menu li.selected {
	background:transparent url(../images/nav-bg-0.gif) no-repeat;
}
ul#menu li a {
	color:#b1d1f0;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	width:141px;
	height:28px;	
	text-align:center;
	padding-top:20px;
}
ul#menu li.selected a {
	color:#fff;
}
ul#menu li.logo a {
	padding-top:0;
}
ul#menu li a:hover {
	text-decoration:none;
	color:#fff;
}

/* Main
-------------------------------------------------------------------------------------------------------------------*/
#main {
	padding:0 0 300px 20px;
	color:#b1d1f0;
}
#portfolio #main {
	padding:0 0 300px 0;
}
#home #main {
	background-image:none;
}
#main h1 {
	font-size:28px;
	font-weight:bold;
	color:#fff;
	padding:46px 0 20px 0;
	height:27px;
	text-shadow:#00234a -1px 1px 2px;	
}
#main h1 span {
 	display:none;
}
#portfolio #main h1 { height:36px;margin-left:20px; }
#main p.intro {
	color:#b1d1f0;
	font-size:17px;
	font-weight:normal;
	padding:0 20px 25px 0;
	text-shadow: #00234a -1px 1px 2px;		
}
#main h2 {
	font-size:20px;
	font-weight:normal;
	padding-bottom:5px;
	color:#fff;
	text-shadow: #00234a -1px 1px 2px;		
}
#main h2 span {
	font-size:14px;
	color:#b1d1f0;	
}
#main p {
	font-size:14px;
	font-weight:normal;
	padding:0 20px 20px 0;
}
#main-content {
	width:438px;
}

#soon {
	padding:0 0 0 20px;
	color:#b1d1f0;
}
#soon h1 {
	font-size:70px;
	font-weight:bold;
	color:#fff;
	padding:46px 0 5px 0;
	text-shadow:#00234a -1px 1px 2px;		
}
#soon h2 {
	font-size:50px;
	font-weight:bold;
	padding-bottom:5px;
	color:#b1d1f0;
	text-shadow: #00234a -1px 1px 2px;		
}
#soon p.soon {
	font-size:24px;
	font-weight:normal;
	padding:0 20px 20px 0;
	text-shadow: #00234a -1px 1px 2px;		
}

/* Aside
-------------------------------------------------------------------------------------------------------------------*/
#aside {
	width:302px;
	float:right;
	margin:0 18px 70px 75px;
}
#aside .box {
	border:1px solid #00538b;
	background:#001d3d url(../images/bg-aside.gif) no-repeat;
	padding:20px 15px 16px 15px;
	margin-bottom:15px;
	color:#b1d1f0;
}
#aside .box-inner {
	padding:0 0 20px 0;
}
#aside h3 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:15px;
	color:#fff;
	text-shadow:#00234a -1px 1px 2px;	
}
#aside span.label {
	color:#fff;
	font-size:12px;
}
#aside p {
	color:#b1d1f0;
	font-size:12px;
	font-weight:normal;
	padding:0 0 20px 0;
}
#aside p.resume a {
	
}
#aside ul {
	list-style:square;
	padding:0 0 0 30px;
	margin:0 0 20px 0;
}
#aside ul li {
	margin:0;
	padding:0 0 5px 0;
}
#aside ul#suburb-list {
	height:235px;
}
#aside ul#suburb-list li {
	float:left;
	width:110px;
	font-size:11px;
	color:#fff;
}

/* Homepage: Top
-------------------------------------------------------------------------------------------------------------------*/
#top {
	height:309px;
	background:transparent url(../images/bg-top.gif) no-repeat top right;
}
#intro {
	width:465px;
	float:left;
}
#top h1 {
	font-size:28px;
	font-weight:bold;
	color:#fff;
	padding:36px 0 20px 20px;
	position:relative;
	line-height:34px;
	letter-spacing:0;
	text-shadow: #00234a -1px 1px 2px;	
}
#intro-buttons {
	height:54px;
	padding:18px 0 0 20px;
}
#btn-portfolio {
	float:left;
	width:194px;
	height:54px;
	background:transparent url(../images/bg-btn1-1.gif) no-repeat;
}
#btn-portfolio a {
	display:block;
	width:194px;
	height:54px;
	line-height:50px;
	color:#fff;
	margin:0;
	padding:0;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	text-shadow: #00234a -1px 1px 2px;
	background:transparent url(../images/bg-btn1-0.gif) no-repeat;
}
#btn-portfolio a:hover { 
	text-decoration:none;
	background-image:none;
}
#btn-quote {
	float:left;
	width:164px;
	height:54px;
	background:transparent url(../images/bg-btn2-1.gif) no-repeat;
}
#btn-quote a {
	display:block;
	width:164px;
	height:54px;
	line-height:50px;
	color:#fff;
	margin:0;
	padding:0;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	text-shadow: #00234a -1px 1px 2px;
	background:transparent url(../images/bg-btn2-0.gif) no-repeat;
}
#btn-quote a:hover { 
	text-decoration:none;
	background-image:none;
}
#top p.intro {
	color:#b1d1f0;
	font-size:17px;
	font-weight:normal;
	padding:0 0 0 20px;
	text-shadow: #00234a -1px 1px 2px;	
}
#top acronym {
	border-bottom:1px dotted #002c5d;
}

/* Homepage: Recent Work
-------------------------------------------------------------------------------------------------------------------*/
#recent-work {
	float:right;
	width:300px;
	padding:36px 20px 0 0;
}
#recent-work h3 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;
	color:#fff;
	text-shadow: #00234a -1px 1px 2px;			
}
#banners {
	width:300px;
	height:200px;
	overflow:hidden;
}
#banners a {
	display:block;
	border:4px solid #002854;
}
#banners a img {
	border:1px solid #fff;
	width:290px;
	height:190px;
}
#banners a:hover {
	border:4px solid #0c4d88;
}
#controls {
	width:81px;
	height:25px;
	float:right;
	background-color:#022c5f;
}
#prev {
	float:left;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-prev-1.gif) no-repeat;
}
#next {
	width:40px;
	height:25px;
	float:right;
	background:transparent url(../images/bg-next-1.gif) no-repeat;
}
#next a { 
	display:block;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-next-0.gif) no-repeat;	
}
#prev a {
	display:block;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-prev-0.gif) no-repeat;	
}
#next a:hover, #prev a:hover { background-image:none; }
#next a span, #prev a span { display:none; }

/* Homepage: Services
-------------------------------------------------------------------------------------------------------------------*/
#services {
	float:left;
	width:422px;
	height:215px;
	padding:20px 0;
}
#services .main-col {
	float:left;
	width:235px;
}
#services .second-col {
	float:right;
	width:160px;
}
#services h3 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:8px;
	color:#fff;
	text-shadow: #00234a -1px 1px 2px;			
}
#services ul {
	padding:10px 0 0 20px;
	list-style:square;
}
#services li {
	padding-bottom:8px;
}

/* Homepage: Featured Service
-------------------------------------------------------------------------------------------------------------------*/
#featured-service {
	width:320px;
	float:right;
	position:relative;
	font-size:11px;
}
#featured-service img.badge {
	position:absolute;
	top:0;
	right:0;
}
#featured-service .box {
	border:1px solid #00538b;
	background-color:#001d3d;
	margin:20px 18px 20px 0;
	padding:15px 120px 8px 15px;
	color:#b1d1f0;
}
#featured-service span {
	font-size:10px;
	color:#b1d1f0;
}
#featured-service h3 {
	font-size:16px;
	font-weight:normal ;
	padding-bottom:8px;
	color:#fff;
}
#featured-service p {
	padding:0 0 10px 0;
	font-size:11px;
	line-height:13px;	
}

/* Homepage: Extras
-------------------------------------------------------------------------------------------------------------------*/
#extras {
	clear:left;
}
#social {
	float:right;
	width:277px;
	padding:20px 28px 0 15px;
}
#tweets-holder {
	padding-bottom:20px;
	margin:0;
}
#tweets-holder ul {
	list-style:none;
	margin:0;
	padding:0;
}
#tweets-holder ul li {
	padding-bottom:12px;
}
.tweet-time a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
}
.tweet-time a:hover {
	text-decoration:underline;
}
#aboutme {
	clear:left;
	width:466px;
	padding:20px 0 0 0;
}
#aboutme img {
	float:right;
	border:6px solid #fff;
	margin:0 0 10px 20px;
}
#aboutme #tweets-holder img {
	float:none;
	border:none;
	margin:0;
}
#extras h3 {
	font-size:18px;
	font-weight:normal ;
	padding-bottom:25px;
	color:#fff;
	text-shadow: #00234a -1px 1px 2px;		
}
#extras h3.tweet-title {
	padding-top:20px;
}
#extras h4 {
	font-size:12px;
	font-weight:normal ;
	padding-bottom:4px;
	color:#fff;
}
#extras p {
	color:#b1d1f0;
	font-size:12px;
	padding-bottom:14px;
}
ul#social-icons {
	list-style:none;
	height:57px;
}
ul#social-icons li {
	float:left;
	display:inline;
	padding-right:10px;
}
#mc_embed_signup {
	padding-bottom:40px;
}
.mc-field-group label {
	display:block;
	clear:left;
	color:#fff;
	font-size:11px;
	padding:4px 0 0 0;
}
.mc-field-group input {
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:6px;
	border-top:1px solid #126198;
	border-left:1px solid #126198;
	border-bottom:1px solid #002c5d;
	border-right:1px solid #002c5d;
	background-color:#b3cadb;
	width:232px;
	float:left;
}
input#mc-embedded-subscribe {
	border-top:1px solid #126198;
	border-left:1px solid #126198;
	border-bottom:1px solid #002c5d;
	border-right:1px solid #002c5d;
	clear:left;
	display:inline;
	font-size:12px;
	font-weight:normal;
	padding:6px 10px;	
	background-color:#f34f00;
	color:#fff;
	width:auto;
	margin:5px 15px 0 0;
	cursor:pointer;
	text-shadow: #4a1800 -1px 1px 2px;		
}
.mc_embed_close {
	display:none;
}

/* Contacts
-------------------------------------------------------------------------------------------------------------------*/
#contact fieldset {
	padding:40px 0px 15px 0px;
	margin-bottom:15px;
	border:1px solid #002c5d;
	width:410px;
	background-color:#003c71;
	position:relative;
}
#contact .form-error, #contact .form-success {
	padding:15px;
	margin:0 0 15px 0;
	border:1px solid #002c5d;
	width:380px;
	background-color:#fff582;
	color:#001d3d;
}
#contact .form-error a, #contact .form-success a {
	color:#001d3d;
}
#contact legend {
	padding:0;
	margin:0;
	display:block;
}
#contact legend span {
	padding:4px 10px;
	margin:0;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	background-color:#002c5d;
	display:block;
	width:auto;
	position:absolute;
	top:0px\9;
	left:0;
}
#contact label {
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#b1d1f0;
	padding:8px 0 4px 0;
	margin-left:15px;
	clear:left;	
}
#contact label.inline {
	color:#fff;
	padding-top:8px;
}
#contact label.extra {
	margin-top:10px;
}
#contact input {
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:6px;
	margin-left:15px;
	border-top:1px solid #126198;
	border-left:1px solid #126198;
	border-bottom:1px solid #002c5d;
	border-right:1px solid #002c5d;
	background-color:#b3cadb;
	width:355px;
	float:left;
}
#contact label.inline input.checkbox {
	float:left;
	width:20px;
	border:none;
	background:none;
	padding:0;
	margin-right:6px;
	margin-left:15px;	
}
#contact select {
	font-size:14px;
	background-color:#b3cadb;	
	width:356px;
	margin-left:15px;	
}
#contact textarea {
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:6px;
	margin:0 0 10px 15px;
	border-top:1px solid #126198;
	border-left:1px solid #126198;
	border-bottom:1px solid #002c5d;
	border-right:1px solid #002c5d;
	background-color:#b3cadb;	
	width:355px;
	height:150px;
	float:left;	
}
#contact input:focus, #contact textarea:focus {
	background-color:#fff;
}
#contact input.button {
	border-top:1px solid #126198;
	border-left:1px solid #126198;
	border-bottom:1px solid #002c5d;
	border-right:1px solid #002c5d;
	clear:left;
	display:inline;
	font-size:16px;
	font-weight:normal;
	padding:10px;	
	background-color:#f34f00;
	color:#fff;
	width:auto;
	margin:0 15px 0 0;
	cursor:pointer;
	text-shadow: #4a1800 -1px 1px 2px;		
}
#contact span.reqstar {
	width:40px;
	padding:0 10px;
	color:#f34f00;
}
#contact label.error {
	display:block;
	font-size:12px;
	height:21px;
	padding:6px 0 0 26px;
	color:#fff;
	background:transparent url(../images/icon-formerror.gif) no-repeat 3px 3px;
}
#map_canvas {
	border:5px solid #fff;
	width:260px;
	height:350px;
	margin-bottom:15px;
}
* html #contact fieldset {
	width:380px;
	padding:40px 15px 15px 15px;
}
* html #contact label {
	margin-left:0;
}
* html #contact input {
	margin-left:0;
}
* html #contact textarea {
	margin-left:0;
}
* html #contact select {
	margin-left:0;
}
* html #contact input.checkbox {
	margin-left:0;
}

/* Portfolio
-------------------------------------------------------------------------------------------------------------------*/
#portfolio-items {
	height:463px;
	margin-right:18px;
	font-size:12px;
	background-color:#002c5d;
}
#portfolio-items .portfolio-item {
	height:463px;
	width:785px;
}
#portfolio-items .portfolio-image {
	float:left;
}
#portfolio-items .portfolio-info {
	width:302px;
	float:right;
	padding:50px 0 0 0;
}
#portfolio-items .portfolio-services {
	padding:0 20px 5px 15px;
}
#portfolio-items .portfolio-testimonials {
	border:1px solid #00538b;
	background-color:#001d3d;
	padding:12px 12px 0 15px;
	color:#b1d1f0;
}
#portfolio-items h2 {
	font-size:20px;
	font-weight:normal;
	padding:0 0 15px 15px;
	color:#fff;	
	text-shadow: #00234a -1px 1px 2px;		
}
#portfolio-items p {
	font-size:12px;
}
#portfolio-items .portfolio-testimonials h3 {
	font-size:10px;
	color:#b1d1f0;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
}
#portfolio-items .portfolio-testimonials p {
	font-size:11px;
	color:#fff;
	font-weight:normal;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding:0 0 12px 0;
}
#portfolio-items .portfolio-testimonials p.name {
	font-style:normal;
	font-size:10px;
	color:#b1d1f0;
}
#portfolio-items ul {
	padding:0 0 15px 20px;
	margin:0;
	list-style:square;
	color:#b1d1f0;
	font-size:12px;
}
#portfolio-items ul li {
	padding-bottom:3px;
}
#portfolio-nav {
	width:600px;
	float:left;
	padding:10px 0 0 20px;
}
#portfolio-nav ul {
	list-style:none;
}
#portfolio-nav a {
	margin:0 4px 0 0;
	padding:4px;
	text-decoration:none;
	font-size:18px;
}
#portfolio-nav a.activeSlide {
	background-color:#003c71;
	color:#a7e2ff;
}
#portfolio-nav a:focus { 
	outline: none;
}
#portfolio-controls {
	width:81px;
	height:25px;
	float:right;
	padding-right:18px;
}
#portfolio-prev {
	float:left;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-prev-1.gif) no-repeat;
}
#portfolio-next {
	width:40px;
	height:25px;
	float:right;
	background:transparent url(../images/bg-next-1.gif) no-repeat;
}
#portfolio-next a { 
	display:block;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-next-0.gif) no-repeat;	
}
#portfolio-prev a {
	display:block;
	width:40px;
	height:25px;
	background:transparent url(../images/bg-prev-0.gif) no-repeat;	
}
#portfolio-next a:hover, #portfolio-prev a:hover { background-image:none; }
#portfolio-next a span, #portfolio-prev a span { display:none; }

/* Footer
-------------------------------------------------------------------------------------------------------------------*/
#footer {
	clear:both;
	padding:10px 20px 20px 20px;
	margin:70px 18px 0 0;
	background-color:#003c71;
	border-top:1px solid #b1d1f0;
}
#portfolio #footer {
	margin-left:20px;
}
ul#footer-menu {
	padding:8px 0 0 0px;
	list-style:none;
	width:370px;
	height:55px;
}
ul#footer-menu li {
	padding-right:15px;
	float:left;
}
ul#footer-menu li a {
	color:#b1d1f0;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}
ul#footer-menu li.selected a {
	color:#fff;
}
ul#footer-menu li a:hover {
	text-decoration:none;
	color:#fff;
}
p#copyright {
	font-size:11px;
	color:#b1d1f0;
	border-top:1px solid #126198;
	padding:5px 0 0 0;
	font-weight:normal;
}
p#copyright a {
	font-weight:normal;
}
p#copyright a.siteby {
	color:#6c99c5;
	text-decoration:none;
}
p#copyright a.siteby:hover {
	text-decoration:underline;
}