/*
 * Funke Web Solutions
 * http://www.funke.com.au
 *
 * $Id$
 * $LastChangedBy$
 *
 * Client: CFS Build
 * Project: CFS Build Web Site
 * Website: http://www.projecturl.com.au
 *
 * $LastChangedDate$
 * $LastChangedRevision$
 * 
 */
 
/*	Defaults
****************************************/

* {margin: 0; padding: 0;}
html, body {height: 100%;}

body {background: transparent url(../images/body-bg.gif) 0 0 repeat; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
fieldset {border: none;}
legend {display: none;}

p, ul, ol, dl, input, select, textarea, label {font-size: 1em;}
a {} 
a:link {color: #000;} 
a:visited {color: #aaa;} 
a:hover, a:active, a:focus {color: #555; text-decoration: none;}

.error-message,
.error {color: red!important;}

.success {font-weight: bold;}

/* Global Structure
 ***********************************/

#site-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -3em; /* the bottom margin is the negative value of the footer's height */
}
	
.site-wrap {width: 810px; margin: 0 auto;}

#site-container {background-color: #e7e6e7;}

#header-container {background-color: #fff;}

	#header {float: left; width: 300px; min-height: 110px;}
		#header img#company-logo {display: block; margin: 20px 0 0 0;}
	
	#navigation-menu {min-height: 110px;}

				
#main-banner {height: 257px; background: transparent url(../images/banner-bg.gif) 0 0 repeat-x;}
	
#side-bar {float: left; width: 260px; margin-right: 30px;}

#content-container {margin: 10px 0 0 0;}

#content {float: left; width: 510px; margin-bottom: 20px;}

#footer, .push {
	height: 3em; /* .push must be the same height as .footer */
}

#footer {background-color: #d6d5d6; line-height: 3em;}
	#footer-links {float: right;}
	
/*	Construction Page
****************************************/

#under-construction {width: 810px; margin: 0 auto;}
	#under-construction img {display: block; margin: 60px auto 40px;}
	#under-construction p {text-align: center; font-weight: bold; color: #555;}

/*	Navigation Menu
****************************************/

#navigation-menu ul {list-style: none; padding-top: 84px;}
	#navigation-menu li {display: inline; float: left; width: 107px; text-align: center;}
		#navigation-menu li a {display: block; outline: none; width: 107px; height: 26px; line-height: 26px; background: transparent url(../images/tab.gif) 0 0 no-repeat; text-transform: uppercase; color: black; text-decoration: none;}
		#navigation-menu li a.selected,
		#navigation-menu li a:hover,
		#navigation-menu li a:active, 
		#navigation-menu li a:focus {background-image: url(../images/tab-selected.gif); color: #026785;}
		#navigation-menu li a.selected {font-weight: bold;}
		#navigation-menu li.first a {background-image: url(../images/tab-first.gif);}
		#navigation-menu li.first a.selected,
		#navigation-menu li.first a:hover,
		#navigation-menu li a:active, 
		#navigation-menu li a:focus {background-image: url(../images/tab-first-selected.gif);}
		#navigation-menu li.last {background-image: url(../images/tab-last-shade.gif); width: 7px; height: 26px; display: block;}

/*	Main Banner
****************************************/
		
#banner-slogan {float: left; margin: 95px 0; width: 253px; height: 46px; background-image: url(../images/banner-slogan.png); background-position: 0 0; background-repeat: no-repeat;}
	#banner-slogan em {display: none;}
	
#banner-main-image-container {float: right; width: 377px; display: inline; margin-top: 20px;}
#banner-sub-image-container {float: right; width: 138px; display: inline; margin-top: 20px;}

#banner-main-image-container img,
#banner-sub-image-container img {border: 3px solid #bebbbb; display: block;} 
#banner-sub-image-container img.hover {border: 3px solid #eee;}

#banner-sub-image-container img {float: left; display: inline; margin: 0 0 12px 14px; cursor: pointer;}
	
/*	Side Menu
****************************************/

#side-bar p.heading {color: #18afdc; font-size: 1.4em; margin: 0 0 .2em 0;}

.side-menu {list-style: none; margin: 0 0 1em;}
	.side-menu li a {display: block; outline: none; color: black!important; text-decoration: none; background: transparent url(../images/blue-arrow.gif) 6px 50% no-repeat; height: 2.6em; line-height: 2.6em; padding: 0 0 0 18px; border-bottom: 1px dotted #c3c3c3;}
	.side-menu li a:hover, 
	.side-menu li a:active, 
	.side-menu li a:focus {background-color: #dcdcdc;}

/*	Headings
****************************************/

h1 {color: #18afdc; font-size: 1.9em; margin: 0 0 .4em; font-weight: normal; line-height: 1.2em; }
h2 {color: #18afdc; font-size: 1.4em; margin: 0 0 .4em; font-weight: normal; line-height: 1.4em; }
h3 {color: #18afdc; font-size: 1.2em; margin: 0 0 .4em; font-weight: bold; line-height: 1.5em; }
h4 {color: #736b6c; font-size: 1em; margin: 0 0 .4em; font-weight: bold; line-height: 1.5em; }

/*	Content Styles
****************************************/

#content-container p {line-height: 1.5em; margin: 0 0 1em;}

#content ul,
#content ol {margin: 0 0 .2em .6em;}

#content ul li,
#content ol li {line-height: 1.5em; margin: 0 0 .6em;}

#content ol li {margin-left: 18px;}

#content ul {list-style: none;}
	#content ul li {background: transparent url(../images/blue-arrow.gif) 0 .45em no-repeat; padding: 0 0 0 12px;}
	
#content img.image {border: 3px solid #bcbcbc; margin: .4em;}
#content img.thumbnail {cursor: pointer;}
#content img.hover {border: 3px solid #9e9e9e;}

#content blockquote {text-align: center; font-size: 1.2em; font-style: italic;}

/*	Portfolio
****************************************/

#content .portfolio-image-container h2,
#content .portfolio-image-container h3,
#content .portfolio-image-container p {clear: both;}

#content .portfolio-image-container dl {display: block; width: 252px; float: left; padding-bottom: 1em;}
	#content .portfolio-image-container dl dt {}
		#content .portfolio-image-container dl dt img {margin: 0 0 .4em;}
	#content .portfolio-image-container dl dd {text-align: center; font-size: .95em;}
		#content .portfolio-image-container dl dd p {margin: 0;}

/*	Contact
****************************************/

.contact-details {line-height: 1.8em;}
.contact-details dt {}
.contact-details dd {font-weight: bold; font-size: 1.3em; margin: 0 0 .6em 8px;}


/*	Image Gallery
****************************************/

#funkefotoBg {background-color: #eee; opacity: .35; filter: alpha(opacity=35);}

#funkefotoLoading {opacity: 1; filter: alpha(opacity=100);}

#funkefotoCancel {opacity: 1; filter: alpha(opacity=100);}

#funkefotoContainer {background-color: white; padding: 10px;}
 
#funkefotoContainer p {font-family: Arial, Helvetica, sans-serif; font-size: .9em; margin: 0; padding: 0;}

#funkefotoClose {float: right; cursor: pointer; margin: 5px 0 0;}

#funkefoto {}

/* Forms
 ***********************************/	

#content form {width: 60%;}

#content form p {margin-bottom: .2em;}

#content form label {}
#content form input.input-text,
#content form textarea {margin-bottom: .4em; padding: .2em .4em;}
#content form textarea {padding: .4em;}

#content form select {margin-bottom: .4em; color: #000;}
#content form select option {padding: 0 .5em 0 0;}

#content form label,
#content form input.input-text,
#content form textarea {display: block; width: 100%;}

#content form label {line-height: 2em;}

#content form label.form-inline,
#content form input.form-inline {display: inline; width: auto; margin: 0;}

#content form input.input-text,
#content form textarea {color: #000;}

#content form textarea {font-family: Arial, Helvetica, sans-serif;}

#content .input-button {width: auto; display: block; margin: .9em 0 0 auto;}

/*	Footer Styles
****************************************/

#footer p,
#footer a {color: #333;}

#funke-developed-by a.funke {color: #f89838; text-decoration: none;}
#funke-developed-by a:hover.funke {text-decoration: underline;}