/*
-----------------------------------------------------
MantaMedia 2008 theme
URL: http://www.mantamedia.com.au

mantamedia http://www.mantamedia.com.au
Design by Josh Rogers and Code by Nola Falk

Last modified: 	July 22 2009
------------------------------------------------------ */
/*[General]*/
body {
	background-color: #191919;
	color: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-weight:normal;
	font: 12px "Geneva", Arial, Helvetica, sans-serif;
	text-align: justify;
	background-image:url(Images/wood_BG.jpg);
	background-repeat: no-repeat; 
	background-position: center top; 
	line-height:1.1em;
}
a {
	outline:none;
}
body a:link, body a:active, body a:visited{
	color: #FFFFFF;
	text-decoration: underline;
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	line-height:1.1em;

}
body a:hover body a:focus{
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	color: #02aaff;
	text-decoration: underline;
	line-height:1.1em;
}
img a:link, img a:active, img a:visited img a:hover{
	text-decoration: none;
}
html, body { 
	margin: 0; 
	padding: 0; 
	height: 100%;
}
#container {
	min-height:100%;
	position: relative;
}
#homecontainer {
	min-height:100%;
	position:relative;
	background-image: url(Images/pagepeel_special.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
form, fieldset, p { 
	margin: 0; 
	padding: 0; 
}
/*[headings]*/
h1 {
	font: normal 16px "Century Gothic", Arial;
	text-align:left;
	color: #02aaff;
	padding-top: 5px;
	margin:0;
	}
h4 {
	font: normal 17px "Century Gothic", Arial;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 5px;
	margin:0;
	text-align:left;
	}
h2 {
	font: normal 20px "Century Gothic", Arial;
	text-align:left;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
	}
.IMGoutline{
	border: 4px solid #303030;
}
.photooutline{
	border: 5px solid #FFFFFF;
	margin-right: 15px;
	margin-bottom: 15px;
}
/*[Top Navigation]*/
#navBar {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; 
	padding-top: 60px;
} 
#navTOP {
	font: normal 14px "Century Gothic", Arial;
	color:#FFFFFF;
	width: 926px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 25px;
	text-align: left; 
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding-top: 65px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
} 
#right{
	width:250px;
	float:right;
	text-align:right;
}
#navTOP a {
	font: normal 14px "Century Gothic", Arial;
	padding-right:20px;
	color: #FFFFFF;
	text-decoration: none;
}
#navTOP a:hover {
	font: normal 14px "Century Gothic", Arial;	
	padding-right:20px;
	color: #02aaff;
	text-decoration: none;
}
#navTOP .onpage {
	font: normal 14px "Century Gothic", Arial;	
	padding-right:20px;
	color: #02aaff;
}
/*[banner]*/
#mainQuote {
	width: 926px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 65px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
} 	
#mainVideo {
	float:left;
	width:550px;
	height: 340px;
	margin-right:20px;
} 
#leftHolder{
margin:0;
width: 560px;
}
#flvHolder {
	width:550px;
	height: 319px;
} 
#clientFolio {
	float:left;
	width:550px;
	height: 310px;
} 
#rightHolder{
float: right;
width: 330px;
}
#article{
	float: right;
	width: 290px;
	height: 320px;
	background-image: url(Images/article_BG.jpg);
	background-repeat: no-repeat;
	margin-right:20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 0px;
}
#articleBusinessControlAD{
	padding: 20px;
	float: right;
	width: 270px;
	height: 125px;
	background-image: url(Images/businesscontrolpackage_ad.jpg);
	background-repeat: no-repeat;
	margin-right:20px;
	margin-top:15px;
}
#mainWelcome{
	width: 400px;
	height: 300px;
	float:right;
}
.fltwel { /* this class can be used to float an element left in your page */
	position:absolute;
	overflow: auto;
	visibility: visible;
	top: 381px;
}
#mainBanner {
	width: 926px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 333px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;*/}
/*[three columns]*/
#Holder { 
	width: 926px; 
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding-bottom:250px;/* Height of the footer */
} 
.3columnsHolder { 
	width: 926px; 
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
} 
#leftCOL {
	float: left; 
	width: 270px; /* since this element is floated, a width must be given */
	padding-top:10px;
	padding-right: 20px ; /* top and bottom padding create visual space within this div */
}
#rightCOL {
	float: right; 
	width: 280px; /* since this element is floated, a width must be given */
	padding-top:10px;
	padding-left: 20px; /* top and bottom padding create visual space within this div */
}
#centerCOL {
 	margin: 0 303px 0 290px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
} 
#mainClient{
	font: 14px "Geneva", Arial, Helvetica, sans-serif;
	padding-top:10px;
	width:275px;
	padding-left: 35px;
	padding-right: 20px;
}
#inlineBox{
	width: 924px;
	height: 30px;
	border-bottom: solid;
	border-top: solid;
	border-bottom-color: #303030;
	border-top-color: #303030;
	border-width: 1px;
}
.MAINservices{
	padding-top:5px;
	padding-right: 174px;
}
.MAINfeatclient{
	padding-top:5px;
	padding-right: 176px;
}
/*[footer]*/

#footer {
	clear: both;
	position:absolute;
	bottom:0;
	width: 100%;
	height:250px;   /* Height of the footer */
	background-image: url(Images/woodfooter_BG.jpg);
	background-repeat: no-repeat;
	background-position: center; 
}

#footer p {
	width: 926px; 
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding: 5px 0;
	color: #303030;
	text-align: left;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #303030;
}
#footer .spacing {
	padding-right: 20px;
}
#footer a{
	font: 10px "Geneva", Arial, Helvetica, sans-serif;
	color: #303030;
	text-decoration: none;
}
#footer a:hover{
	color: #8F8F8F;
	text-decoration: underline;
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* [Footer Sitemap]*/
#footer ul#sitemap {
	padding: 15px 0 0 0;
	margin: 0 auto;
	width: 926px; 
}
#footer ul#sitemap li {
	list-style-type: none;
	height: 10px;
	float: left;
	padding: 4px 5px 0 0;
}
#footer ul#sitemap li.home {
	background: url(Images/footer_home.gif) no-repeat;
	width: 100px;
}
#footer ul#sitemap li.work {
	background: url(Images/footer_work.gif) no-repeat;
	width: 130px;
}
#footer ul#sitemap li.services {
	background: url(Images/footer_services.gif) no-repeat;
	width: 190px;
}
#footer ul#sitemap li.profile {
	background: url(Images/footer_profile.gif) no-repeat;
	width: 110px;
}
#footer ul#sitemap li.contact {
	background: url(Images/footer_contact.gif) no-repeat;
	width: 180px;
}

#footer ul li ul {
	padding: 0;
	margin: 0;
}
#footer ul li ul li {
	margin: 0 0 4px 0;
	clear: both;
	width: 100%;
}
#footer ul li ul li a {
	color: #989898;
}
#footer ul li ul li a:hover {
	color: #FFFFFF;
}
/*[content]*/
#content {
	float: right;
	width: 900px;
	padding-left:40px;
	padding-bottom:250px;/* Height of the footer */
}
#servicesBanner {
	width: 660px; 
	height:322px;
	text-align:left;
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding-top:20px;
	}
#contactHolder {
	width:315px;
	margin-right:20px;
	/*padding-bottom:250px;*/
}
#quoteHolder {
	width:600x;
	padding-bottom:50px;/* Height of the footer */
}
#aboutInfo {
text-align:justify;
	width:500px;
	margin-top:15px;
	float:left;
	margin-bottom:150px;/* Height of the footer */
}
#aboutRight {
	float:right;
	width:270px;
	margin-right:80px;
	margin-top:15px;
}
#aboutBanner {
	width: 500px; 
	height:180px;
	text-align:left;
	padding-top:20px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
}
#packageBanner {
	width: 500px; 
	height:180px;
	text-align:left;
	padding-top:20px;
	margin-bottom:5px;
}
#servicesInfo {
	float:left;
	width:252px;
	margin-right:20px;
}
#servicesInfo a{
	color: #FFFFFF;
	text-decoration: underline;
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	line-height:1.1em;
}
#servicesInfo a:hover{
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	color: #02aaff;
	text-decoration: underline;
	line-height:1.1em;
	}
#contactBanner {
	width: 660px; 
	height:415px;
	text-align:left;
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
	padding-top:20px;
	}
#featDesigns {
	float:right;
	width:274px;
	margin-right:100px;
	margin-bottom: 50px;
}
#contactInfo {
	float:right;
	width:274px;
	margin-right:10px;
}
#contactInfo  a{
	color: #FFFFFF;
	text-decoration: underline;
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	line-height:1.1em;
}
#contactInfo  a:hover{
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	color: #02aaff;
	text-decoration: underline;
	line-height:1.1em;
	}
#general{
	width:500px;
	padding-top:35px;
	padding-bottom:250px;/* Height of the footer */
}
#photos{
	width:600px;
	padding-top:35px;
	padding-bottom:250px;/* Height of the footer */
}
#awardsInfo {
	width: 490px;
	height:200px;
	background-image: url(Images/awards_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	margin-bottom: 10px;
}
#portfolioInfo {
	width: 490px;
	height:110px;
	background-image: url(Images/work_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
	margin-bottom: 10px;
}
#portfolioInfo a{
	color: #02aaff;
	text-decoration: underline;
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	line-height:1.1em;

}
#portfolioInfo a:hover{
	font: 11px "Geneva", Arial, Helvetica, sans-serif;
	color: #02aaff;
	text-decoration: underline;
	line-height:1.1em;
}
#portfolioInfo .offline {
	font: normal 11px "Century Gothic", Arial;
	color: #02aaff;
	}
/*[sidebar]*/
#testimonialSB {
	float: left;
	width: 215px;
	padding-top: 240px;
	padding-bottom:250px;/* Height of the footer */
	text-align: justify;
}
#clientLogo{
	height: 96px;
	margin-bottom: 50px;
}
.white{
color: #FFFFFF;
}
#sidebar {
	float: left;
	width: 215px;
	padding-top: 35px;
	padding-bottom:250px;/* Height of the footer */
	text-align: justify;
}
.left{
text-align:left;
}
#sidebar ul {
	margin: 0;
	padding:0;
	padding-top: 10px;
	list-style: none;
	padding-bottom:40px;/* Height of the footer */
}
#sidebar li {
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	color: #989898;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 3px;
}
#sidebar li .white {
	color:#FFFFFF;
}
#sidebar h3 {
	font: normal 18px "Century Gothic", Arial;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-top: 5px;
	margin:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
	}
#sidebar h3 a {
	font: normal 18px "Century Gothic", Arial;
	text-decoration: none;
	color:#FFFFFF;
	}
#sidebar h3 a:hover {
	font: normal 18px "Century Gothic", Arial;
	text-decoration: underline;
	color:#02aaff;
	}
#sidebar .blue {
	font: normal 18px "Century Gothic", Arial;
	color: #02aaff;
}
/* [Miscellaneous classes for reuse] */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}
.fltlftservices { /* this class can be used to float an element left in your page */
	float: left;
	padding-right: 35px;
	padding-top: 20px;
}
.fltclient { /* this class can be used to float an element left in your page */
	float: left;
	padding-left: 65px;
	padding-top: 5px;
}
.portfolioL { /* this class can be used to float an element left in your page */
	float: left;
	padding-right:10px;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
.clearfooter {
	height: 250px;/* Height of the footer */
}
.inputcon {
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #141414;
	border: 1px solid #303030;
	padding: 1px;
}
.subHeadings {
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
	}
.blueHeadings {
	font-family: "Geneva", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 10px;
	color: #0395e0;
	text-transform: uppercase;
	margin: 0;
	}