/*----------
	Sunhawk Pty Ltd - CSS Document 
----------*/

@import url("reset.css");
@import url('/plugins/colorbox/colorbox.css');

/*----------	LaYoUT STYLeS	----------*/
body {
    color: #000000;
    background: #1E1E1E;
    font: 62.5%/1.8em Arial, Verdana, Helvetica, sans-serif;
}

.container {
    width: 760px;
    margin: 0 auto;
    font-size: 1.1em;
}

#content {
    background: #FFFFFF;
    padding: 0 0 20px 0;
}

#column-left {
    width: 510px;
    float: left;
    padding: 20px 0 0 10px;
}

#column-right {
    width: 225px;
    float: right;
    padding: 20px 10px 0 0;
}

#text {
    width: 500px;
}



/*----------	CoMMoN STYLeS	----------*/
a { color: #FE9900; text-decoration: underline; }
a:hover { text-decoration: none; }

a.pdf_link { background: url('/images/icon-pdf.gif') no-repeat 0% 50%; padding: 4px 0 4px 24px; }

h1, h2, h3, h4 {
    color: #FE9900;
    padding: 10px 0 0 0;
    font-weight: normal;
}
h1 { font-size: 2.3em; }
h2 { font-size: 2.0em; line-height: 1.6em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #366904; margin: 10px 0; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #366904; text-align: right; font-size: 0.9em; margin: 10px 0; }
.inner_photos { float: right; margin: 10px; clear: right; }

#mudmap { margin: 0 10px; float: right; }



/*----------	HeaDeR STYLeS	----------*/
#header {
    height: 128px;
    padding: 13px 0 0 0;
    background: #FFFFFF url(/images/core/bg.gif) no-repeat 50% 0;
}



/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
    height: 31px;
    background: #1E1E1E;
}
#nav ul {
    margin: 0;
    height: 31px;
    list-style-type: none;
    display:inline;
}
#nav ul li { display: inline; float: left; border-right:1px solid #fff;}
#nav ul li a { display: block; height: 31px; text-indent: -9999px;  margin:0px 8px; }
#nav ul li a:hover { background-position: 0 -31px !important; }
#nav li#home a { background: url(/images/nav/home.gif) no-repeat; width: 50px; }
#nav li#company_profile a { background: url(/images/nav/company_profile.gif) no-repeat; width: 104px; }
#nav li#projects a { background: url(/images/nav/projects.gif) no-repeat; width: 61px; }
#nav li#domestic_residential a { background: url(/images/nav/domestic_residential.gif) no-repeat; width: 139px; }
#nav li#industrial_commercial a { background: url(/images/nav/industrial_commercial.gif) no-repeat; width: 148px; }
#nav li#contact a { background: url(/images/nav/contact.gif) no-repeat; width: 75px;}
#nav li#contact { border:none;}
#nav li#navgallery a { background: url(/images/nav/gallery.gif) no-repeat; width: 61px; }

#p-home li#home a,
#p-company_profile li#company_profile a,
#p-projects li#projects a,
#p-domestic_residential li#domestic_residential a,
#p-industrial_commercial li#industrial_commercial a,
#p-gallery li#navgallery a
#p-contact li#contact a {
    background-position: 0 -31px !important;
}


/*----------	BaNNeR STYLeS	----------*/
#banner {
    width: 760px;
    height: 166px;
    display: block;
    border-top: 3px solid #FE9900;
    border-bottom: 3px solid #FE9900;
}


/*----------	CTa STYLeS	----------*/

#cta-link{ 
    width: 222px;
    border: 1px solid #366904;
    background: #cccccc;
    margin:10px 0;
    line-height:0;
}

#cta-link img{
    display:block;
}


#cta {
    width: 178px;
    padding: 10px 22px;
    border: 1px solid #366904;
    background: #cee0c6 url(/images/core/cta-bg.gif) no-repeat;
}

#cta #residential a {
    background: url(/images/core/cta-residential.gif) no-repeat;
}

#cta #commercial a {
    margin: 95px 0 0 0;
    background: url(/images/core/cta-commercial.gif) no-repeat;
}

#cta a {
    width: 178px;
    height: 129px;
    display: block;
    text-indent: -9999px;
}



/*----------	PRoJeCTS PaGe STYLeS	----------*/
ul#projects { margin: 0; list-style-type: none; }
ul#projects li {
    display: block;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #366904;
}
ul#projects li .picture { float: left; margin: 0 10px 10px 0; }
ul#projects li h3 { color: #000; padding: 0; }

ul#projects li .before_and_after { overflow: hidden; zoom: 1; }
ul#projects li .before_and_after .before, ul#projects li .before_and_after .after {
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 250px;
}

ul#projects li .before_and_after .before img, ul#projects li .before_and_after .after img { border: 1px solid #999; display: block; margin: 0 auto .5em; width: 240px; }


/*----------	GaLLeRY STYLeS	----------*/
ul#gallery { margin: 0; list-style-type: none; }
ul#gallery li {
    float: left;
    width: 155px;
    height: 155px;
}

ul#gallery li a img { border: 1px solid #999; }
ul#gallery li a:hover img { border-color: #666; }


/*----------	FooTeR STYLeS	----------*/
#footer {
    color: #FFFFFF;
    padding:10px 0;
}
#footer a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0; }
#footer #wflogo { float: right; }


.gallery_images{
    float: left;
    margin: 20px 0 0 0;
    padding: 3px;
    width: 160px;
}
.gallery_images li{
    list-style: none;
}
.gallery_images .caption{
    min-height: 30px;
    text-align: center;
}

.pagination{
    text-align: center;
}