@charset "utf-8";
@font-face {
font-family:Prociano;
src:url("http://www.freeotoole.com.au/fonts/Prociono-Regular.otf") format("opentype");
}

/* 

Client: Me
Date of last edit: 06/06/2010
Media: Screen

Font Stacks -
Sans Serif:Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
Serif: Prociano, Garamond, Georgia, "Times New Roman", Times, serif;

Colours -*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
line-height:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
background:#333;
font-size:62.5%;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
color:#121212;
}

p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,dl,ol,ul {
font-size:1.4em;
line-height: 1.5714em; /* 22px */
margin: 0 0 1.5714em 0;
}

:focus {
outline:0;
}

ol,ul {
list-style:disc;
}

li,dd {
margin-left:1.6em;
}

li {
list-style-type:none;
list-style-image:url(../images/icons/bullet_blue.png);
}

ul ul,ul p {
font-size:1em;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

strong {
font-weight:700;
}

h1,h2 {
font-family:Prociano, Garamond, Georgia, "Times New Roman", Times, serif;
font-weight:400;
letter-spacing:-1px;
word-spacing:1px;
text-shadow:1px 1px 1px #fff;
}

h1 {
color:#fff;
font-size: 3.6em; /* 36px */
line-height: 1.2222em; /* 44px */
margin-bottom:0.6111em;
text-shadow:2px 2px 2px #031221;
text-align:center;
}

h1 span {
font-size:1.5em;
}

h2 {
color:#14416f;
font-size: 3.6em; /* 36px */
line-height: 1.2222em; /* 44px */
margin-bottom:0.6111em;
}

h3 {
color:#666;
font-size: 2.4em; /* 24px */
line-height: 32px; /* 32px */
letter-spacing:-1px;
text-shadow:1px 1px 1px #fff;
}

h4 {
color:#666;
font-size: 1.4em; /* 14px */
line-height: 1.5714em; /* 22px */
font-weight:700;
letter-spacing:-1px;
}

a {
color:#14416f;
}

a:hover {
color:#b03930;
}

p big {
font-size: 1.285em; /* 18px */
line-height: 1.6em;}

small {}

.wrap {
width:960px;
margin:0 auto;
}

#top {
background:url(../images/bg-top.png) 50% 50% repeat-x #333;
border-bottom:1px solid #8c939e;
overflow:hidden;
padding:2em 0 0;
}

#top img.logo {
float:left;
margin-top:-6px;
}

#top ul {
float:right;
font-size:1.4em;
}

#top ul li {
display:inline;
margin:0;
}

#top ul a {
background:rgba(0,0,0,0.2);
border:1px solid #262626;
color:#fff;
font-weight:700;
margin-left:.5em;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:.5em .75em;
}

#top ul a:hover,#top ul li.active a {
background:rgba(100,100,100,0.2);
border:1px solid #222;
}

#homeIntro,#intro {
background:url(../images/bgIntro.jpg) 50% 100% no-repeat #031221;
overflow:hidden;
}

#homeIntro .introText {
color:#fff;
float:left;
font-weight:700;
width:460px;
text-align:center;
padding:80px 20px 80px 0;
}

#homeIntro a {
color:#fff;
}

#homeIntro a.button {
background:url(../images/bg-button.png) 50% 50% repeat-x #6cbf0a;
border:1px solid #9ce14c;
color:#fff;
font-size:18px;
text-decoration:none;
box-shadow:2px 2px 6px #000;
-moz-box-shadow:2px 2px 6px #000;
-webkit-box-shadow:2px 2px 6px #000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-shadow:1px 1px 1px #333;
padding:.5em;
}

#homeIntro .introPort {
float:left;
position:relative;
width:460px;
margin:80px 0 80px 20px;
}

#homeIntro .introPort img {
box-shadow:2px 2px 10px #000;
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:2px 2px 10px #000;
}

#homeIntro .introPort h2 {
color:#fff;
padding-top:20px;
text-align:center;
text-shadow:1px 1px 1px #031221;
}

#homeIntro .introPort h2 span {
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
font-size:50%;
letter-spacing:0;
}

#intro .introText {
padding:50px 0;
}

#intro .introText h1 {
text-align:left;
}

#main {
background:url(../images/bg_gradient-gr.png) 0 0 repeat-x #f7f7f7;
border-top:2px solid #eef;
border-bottom:1px solid #7290ba;
padding:40px 0;
}

#content {
width:630px;
float:left;
margin-right:30px;
}

#sidebar {
float:left;
width:300px;
}

.serviceHome,.portHolder,.blockHolder {
margin-left:-30px;
overflow:hidden;
margin-bottom:1em;
}

.block,.port {
width:300px;
margin-left:30px;
float:left;
}

.port h3 {
font-size:1.4em;
font-weight:700;
line-height:1.2857em;
}

.port h4 {
font-weight:400;
}

.port p {
font-size:1.2em;
line-height:18px;
}

.port img,ul.thumbs img {
box-shadow:2px 2px 5px #999;
-moz-box-shadow:0 0 5px #999;
-webkit-box-shadow:2px 2px 8px #999;
margin-bottom:9px;
}

#footer {
background:url(../images/bg_gradient-gr.png) 0 0 repeat-x #b4cdf0;
clear:both;
overflow:hidden;
border-top:1px solid #ccf;
border-bottom:1px solid #333;
padding:40px 0;
}

#footer h3 {
color:#14416f;
text-shadow:1px 1px 1px #e4eff9;
}

#footer p {
color:#3e4c5a;
}

#footer ul li {
list-style:none;
margin:0;
}

#footer ul.footNav a {
background:url(../images/icons/bullet_go.png) 0 50% no-repeat;
padding-left:22px;
}

#footer .icon {
float:right;
position:relative;
top:.5em;
margin:0;
}

#footer h4 {
background:url(../images/icons/newspaper.png) 0 50% no-repeat;
padding-left:22px;
}

#credits {
background:url(../images/bg-top.png) 50% 50% repeat-x #333;
border-top:1px solid #666;
color:#666;
text-align:center;
font-size:1.2em;
padding:20px 0;
}

#credits a {
color:#666;
text-decoration:none;
}

#credits a:hover {
text-decoration:underline;
}

.clear {
clear:both;
}

img.icon {
border:0;
float:left;
margin-right:.5em;
padding:0;
position:relative;
}

h2.overline {
border-top:5px solid #d2d2d2;
margin-top:36px;
padding-top:36px;
}

.moreWide {
background:url(../images/bg-button.png) 50% 50% repeat-x #6cbf0a;
border:1px solid #9ce14c;
color:#fff;
clear:both;
font-size:18px;
font-weight:700;
box-shadow:2px 2px 6px #aaa;
-moz-box-shadow:2px 2px 6px #aaa;
-webkit-box-shadow:2px 2px 6px #aaa;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 1px #333;
margin:1em 200px;
padding:.5em 1em;
}

#EmailForm p.hide {
display:none;
}

#EmailForm {
width:640px;
}

#EmailForm label {
float:left;
width:200px;
}

#EmailForm label strong {
font-size:1.4em;
padding:4px 0;
}

#EmailForm input.text,#EmailForm textarea {
width:400px;
margin-left:22px;
border:1px solid #999;
font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Arial,Sans-serif;
font-size:1.4em;
border-radius:10px;
padding:4px 8px;
}

#EmailForm input.submit {
float:right;
}

ul.contact {
color:#666;
font-size: 1.8em; /* 18px */
line-height: 1.2222em; /* 22px */
letter-spacing:-1px;
text-shadow:1px 1px 1px #fff;
}

ul.contact li,ul.contactFoot li {
list-style-type:none;
padding-left:22px;
list-style-image:none;
margin:0;
}

li.phone {
background:url(../images/icons/telephone.png) 0 50% no-repeat;
}

li.mob {
background:url(../images/icons/phone.png) 0 50% no-repeat;
}

li.post {
background:url(../images/icons/script.png) 0 50% no-repeat;
}

li.email {
background:url(../images/icons/email.png) 0 50% no-repeat;
}

#homeIntro a.button:hover,.moreWide:hover {
background:url(../images/bg-button_gr.png) 50% 50% repeat-x #8a8a8a;
border:1px solid #a8a8a8;
color:#eee;
}


/* photogallery*/
/*#photogNav {}
#photogNav ul {}
#photogNav li {display:inline;
margin:0;}
#photogNav a {background:rgba(0,0,0,0.25);
border:1px solid #a8a8a8;
color:#fff;
font-weight:700;
margin-left:.5em;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:.5em .75em;}
#photogNav a:hover, #photogNav li.active a {
background:rgba(0,0,0,0.4);
border:1px solid #999;}*/


#galleryHolder {
overflow:hidden;
margin-left:-30px;
}