@charset "utf-8";

/*
==========================================================================
	
	STYLE.CSS | CSS FRAMEWORK
	--------------------------
 	Main Project specific styles
	
	- Shrink Wrap Services Ltd -
	
	author: FuelDesign Ltd www.fueldesign.co.nz (Steve)
	updated: 24th Feb 09

	Contents:
	--------------------------
	1 - Default Typography Sizing, Colours and Margins
	2 - Global Styles for types
	3 - Main Structural Divs
	4 - Header styles
	5 - Main body Styles
	6 - Footer Styles
	7 - Page Specific styles

==========================================================================
*/
	@import url("base.css");
	@import url("forms.css");

/*
==========================================================================
1 - Default Typography Sizing, Colours and Margins
==========================================================================
*/
/* white-space: normal | pre | nowrap | pre-wrap | pre-line | inherit */
body  { color:#36424d;background:#fbfbfb url(../images/bg/bg-container.png) repeat-x scroll 0 158px;font-size:0.8em;line-height:18px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;font-variant:normal;white-space:normal; }
/*
==========================================================================
2 - Global Styles for types
==========================================================================
*/
/* links */
a:link								{ border-bottom:1px solid #8b6174;color:#8b6174; }
a:visited							{ border-bottom:1px solid #999;color:#999; }
a:hover, a:active					{ border-bottom:1px solid #666;color:#666; }
/* remove dotted outlines in FF */
a:hover, a:active, a:focus, :focus	{ outline:0 none; }
a:link.external, a:visited.external	{ background:transparent url("../images/bg/external.gif") top right no-repeat;padding-right:12px; }

/* paragraphs */
p									{  }
p:first-letter						{  }
p:first-line						{  }

/* list types Style */
ul									{ margin:5px 0; }
ul li {  }
ol									{ margin:5px 0; }
ol li {  }

dl dt								{ font-weight:bold; }
dl dd img							{ display:inline; }
/* ol li { list-style-type: lower-alpha; list-style-position: inside; } */

/* blockquotes */
blockquote							{ background-color:#f5f5f5;margin-bottom:1em; }
blockquote p						{ font-family:georgia,"times new roman",serif;color:#ccc;font-size:1.5em;margin:5px 5px 5px 10px; }
blockquote p cite					{ font-style:normal;color:#ccc;font-weight:bold; }

/* Quote */
quote {  }

/* strong */
strong {  }
strong.error						{ color: #f00; }

/* em */
em.required							{ color:#f00;font-weight:bold;font-style:normal; }

/* headers */
h1, h2, h3, h4						{ color:#333; }

/* box model padding */
h1, h2, h3, h4, p, blockquote		{ padding:0 0 15px; }

/*
==========================================================================
3 - Main Structural Divs
==========================================================================
*/
.three-col #header					{ width:100%;height:158px;margin:0;text-align:left;background:#fbfbfb url(../images/bg/bg-header.png) repeat-x scroll 0 0; }
.three-col #header-container		{ width:984px;margin:0 auto;height:158px;text-align:left;position:relative; }
.three-col #container				{ margin:3px auto 60px;padding-top:12px;position:relative;text-align:left;width:984px; }
.three-col #container #left-sidebar	{ position:absolute;top:0;left:0;width:465px;background:transparent url(../images/bg/bg-gallery.jpg) no-repeat scroll 0 0; }
.three-col #container #main-content	{ margin:3px 0 0 465px; }
.three-col #footer					{ width:100%;margin:0;text-align:left;height:60px;background:#333 url(../images/bg/bg-footer.png) repeat-x scroll 0 0;position:fixed;bottom:0;left:0; }
.three-col #footer-container		{ width:984px;margin:0 auto;color:#fff; }
/*
==========================================================================
4 - Header styles
==========================================================================
*/

#header a:hover, #header a:focus, #header a:active { border:0 none;text-decoration:none; }

/* #header-container allows centered content with full width header */
#header #logo						{ position:absolute;top:20px;left:0; }
#header #contact-blurb				{ position:absolute;top:20px;right:20px;color:#8b6174;font-size:1.4em; }

#navs								{ position:absolute;left:0;bottom:0; }
#navs ul							{ display:block;height:40px;width:100%;margin:0;padding:0; }
#navs ul li							{ position:relative;list-style:none;display:block;height:40px;float:left; }
#navs ul li a						{ color:#484545;display:block;height:40px;line-height:40px;border:0 none;font-size:1.2em;text-align:center;text-transform:capitalize; }
#navs ul li a,#navs ul li a:hover,#navs ul li a:active,
#navs ul li a:visited				{  }
#navs ul li a:hover					{  }

/* nav borders */
#navs								{width:874px; }
#navs ul							{border-left:1px solid #d7d7d7;border-right:1px solid #fff; }
#navs ul li							{border-left:1px solid #fff;border-right:1px solid #d7d7d7; }

/* nav links/colours  */
#navs ul li a:hover					{color:#926b7d;}
#navs ul li.current a				{color:#00338e;}
#navs ul li a:hover,
#navs ul li.current a				{background:transparent url(../images/bg/bg-hover.png) no-repeat scroll 50% 100%;}

#navs ul li#nav-homepg a			{width:60px;}
#navs ul li#nav-constr a			{width:110px;}
#navs ul li#nav-marine a			{width:75px;}
#navs ul li#nav-freigh a			{width:75px;}
#navs ul li#nav-aviati a			{width:80px;}
#navs ul li#nav-produc a			{width:150px;}
#navs ul li#nav-contct a			{width:105px;}
#navs ul li#nav-recycl a			{width:170px;}

#links					{bottom:0;position:absolute;right:0;}
#links a				{border:0 none;float:left;padding:5px;opacity:1;}
#links a:hover			{opacity:0.5;}
#links #link-recycle	{}
#links #link-sitesafe	{}

/*
==========================================================================
5 - Main content styles
==========================================================================
*/

/* #left-sidebar styles */
#left-sidebar-gallery				{ height:389px;overflow:hidden;width:465px; }
#left-sidebar-gallery .container	{ padding:15px 0 0 0; }
#left-container						{ background:transparent url(../images/bg/bg-left-containers.png) no-repeat scroll 0 100%;margin:18px 0 0 0; }
#left-container .container			{ background:transparent url(../images/bg/bg-left-containers-headings.png) no-repeat scroll 0 0%;/*height:358px;*/height:auto;min-height:358px;margin-bottom:75px; }
#left-container h3					{ font-size:1.1em;font-weight:bold;height:44px;line-height:44px;padding:0;text-transform:capitalize; }
#left-container #main-menu			{ float:left;width:221px; }
#left-container #main-menu h3		{ color:#00338e; }
#left-container #client-feedback	{ float:right;margin-right:12px;width:220px; }
#left-container #client-feedback h3	{ color:#926b7d; }
#left-container .container .container{ padding:0 10px;background-image:none;margin:0; }

#main-menu ul						{ margin:0 0 26px; }
#main-menu ul li					{ list-style:none;margin:0 0 12px; }
#main-menu ul li a					{ color:#291f0e;font-size:1.3em;display:block;border:0 none; }
#main-menu ul li a span				{ color:#527595;font-size:0.6em;display:block;line-height:14px; }
#main-menu ul li.current, #main-menu ul li.current a,
#main-menu ul li a:hover			{ color:#926b7d; }
#main-menu ul li.current a span,
#main-menu ul li a:hover span		{ color:#6a6a6a; }

#client-feedback blockquote			{ background-color:transparent;margin:0;padding:0; }
#client-feedback blockquote p		{ font-family:georgia,"times new roman",serif;color:#999;font-size:1.15em;margin:0;font-style:italic; }
#client-feedback ul					{ margin:0 0 14px; font-size:80%; }
#client-feedback ul li				{ list-style:none;font-weight:bold; }
#client-feedback ul li a			{ color:#926b7d;border-bottom:2px solid #926b7d; }
#client-feedback a					{ color:#9e9c9c;border:0 none; }


/* #main-content styles */
.three-col #main-content-padding	{ padding:15px 10px }

.three-col #main-content			{ background:transparent url(../images/bg/bg-main-content.png) repeat-y scroll 0 0; }
.three-col #main-content-padding	{ background:transparent url(../images/bg/bg-main-content-header.png) no-repeat scroll 0 0;border-bottom:1px solid #cfcfcf; height:auto !important;min-height:719px;height:722px; }

#main-content ul					{ margin:0 0 20px 6px; }
#main-content ul li					{ margin-bottom:5px;padding:0 0 0 34px;list-style:none;line-height:18px;background:transparent url(../images/bg/bullet.gif) no-repeat scroll 0 -2px; }
#main-content ol li					{ margin:0 0 0 26px; }

#main-content .content > p:first-child	{ color:#143c84;text-transform:uppercase; }
#main-content h1					{ color:#515151;font-size:1.8em;font-weight:normal;padding:0;line-height:1em;margin:0 0 18px 0;text-transform:uppercase;}
#main-content h2					{ color:#515151;font-size:1.4em;font-weight:normal;padding:0;margin:10px 0 14px 0;}
#main-content h3					{ color:#00338e;font-size:1.0em;font-weight:normal;padding:0;margin:0 0 5px 0;}

#main-content p strong				{ font-style:italic;font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; }
#main-content p a strong			{ font-weight:bold;color:#926b7d; }
/*
==========================================================================
6 - Footer styles
==========================================================================
*/
#footer								{ color:#fff;font-size:0.85em; }

#footer .container					{ margin:0 auto;width:984px;height:60px;overflow:hidden;position:relative; }
#footer .container ul,
#footer .container ul li			{ height:30px;line-height:30px;list-style:none;margin:0; }

#footer .container a, #footer .container a:hover, #footer .container a:active,
#footer .container a:visited		{ color:#fff;border:0 none; }
#footer .container a:hover			{ border-bottom:1px solid #fff; }

#footer .container .phone			{ position:absolute;right:0;top:0; }
#footer .container .design			{ position:absolute;right:13px;bottom:0; }
#footer .container .design a:hover	{ color:#926b7d;border:0 none; }
#footer .container .design img		{ display:inline-block;margin-bottom:-3px; }
#footer .container .fdlogo			{ position:absolute;right:0;bottom:0; }

#footer-container-top ul li			{ display:inline;padding:0 2px; }
#footer-container-bottom			{ position:absolute;bottom:0;left:0;height:30px;width:984px; }

/*
==========================================================================
7 - Page specific styles
==========================================================================
*/ 
.float-right						{ float:right;margin:0 0 0 8px; }
.float-left							{ float:left;margin:0 8px 0 0; }
.clearfloat	{
	/* this class should be placed on a div or break element and should be the final element before the close off a container that should fully contain a float */
	/* Steve: alternatively, encapsulate your floating containers within a .clearfix container ref: base.css */
	clear:both;height:0;font-size: 1px;line-height: 0;
}
.uppercase							{ text-transform:uppercase; }

/* client list */
div.content.clients-list dl			{ margin:25px; }
div.content.clients-list dl dt		{ font-size:1.2em;margin:0 0 5px 0; }
div.content.clients-list dl dd		{ font-size:1.1em;margin:0 0 0 14px; }

/* faqs */
ul#faqs								{  }
ul#faqs li							{ background-image:none; }

dl#faq-accordion					{ background-color:#f0f5ff; border-bottom:1px solid #fff;border-top:1px solid #6ba2d5; }
dl#faq-accordion dt					{ cursor:pointer;padding:5px;background-color:#f0f0f0; border-top:1px solid #fff;border-bottom:1px solid #6ba2d5; }
dl#faq-accordion dd					{ padding:10px; border-top:1px solid #fff;border-bottom:1px solid #6ba2d5; }

/* testimonials */
#testimonials blockquote			{ background-color:#f0f0f0;margin-bottom:1em; }
#testimonials blockquote p			{ font-family:georgia,"times new roman",serif;color:#4c86b9;font-size:1.25em;line-height:1.2em;margin:5px 5px 5px 10px;padding:10px 0 0; }
#testimonials blockquote p br		{ display:block;margin:5px 0; }
#testimonials blockquote ul			{ margin-bottom:0; }
#testimonials blockquote ul li		{ background:none;line-height:1em;padding:0 0 0 5px; }

/* contact us */
dl#contact-list						{ margin-bottom: 1em;padding:10px;background:#fff url(../images/bg/grey_gradient.gif) repeat-x scroll left top; }
dl#contact-list						{  }
dl#contact-list dt					{ float:left;width:5em; }
dl#contact-list dd					{ margin:0 0 1em 6em; }

/* sitemap */
ul#sitemap, #sitemap ul				{ background:#fff url("../images/bg/vline.png") repeat-y;margin:0;padding:0;}
ul#sitemap ul						{ margin-left:40px; }
ul#sitemap li						{ margin:0;padding:0 12px;line-height:20px;background:#fff url("../images/bg/node.png") no-repeat top left;text-transform:uppercase;font-weight:bold; }
ul#sitemap li.noshow				{ background:none;}
ul#sitemap li ul					{ margin-left:28px; }
ul#sitemap li ul li					{ margin:0;padding:0 12px;line-height:20px;background:#fff url("../images/bg/node.png") no-repeat top left;text-transform:none;font-weight:normal;} 
ul#sitemap li.last					{ background:#fff url("../images/bg/lastnode.png") no-repeat; }
ul#sitemap a						{ border-bottom:none; }
ul#sitemap a:hover					{ color:#000; }

/* Tooltips */
#tooltip							{ position: absolute;z-index:3000;padding:5px;opacity:0.85;height:78px !important;width: 210px !important;overflow:hidden;padding:20px;background: transparent url('../images/tooltip/shadow.png') no-repeat; }
#tooltip h3							{ margin:0 0 10px;padding:0;font-size: 11pt;width: 220px;text-align: center;text-transform:capitalize; }
#tooltip div						{ margin:0;width:220px;text-align:left; }