/*
Theme Name: Tri-Star
Theme URI: http://www.quadramedia.co.nz/
Author: Quadramedia
Author URI: http://www.quadramedia.co.nz/
Description: Custom Wordpress Theme for Tri-Star International
Version: 1.0
*/

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

#headerwrap {
margin:0;
padding:0;
}

#header {
position:relative;
width:960px;
height:166px;
margin:0 auto 0 auto;
}

#logo {
width:238px;
height:126px;
margin:16px 0 0 12px;
padding:0px;
float:left;
}

#strapline {
position:absolute;
top:118px;
left:280px;
z-index:998;
width:500px;
margin:0;
padding:0;
color:#bb7432;
font-size:24px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
font-family:Arial Bold, Helvetica, sans-serif;
}

#search {
position:absolute;
top:120px;
right:0;
z-index:999;
width:120px;
height:21px;
margin:0;
padding:2px;
border:1px solid #bb7432;
-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
-moz-border-radius:5px;
border-radius:5px;
}

#search input {
border:none !important;
}

input#s {
border:none !important;
font-size:11px;
color:#bb7432;
width:85px;
margin:0;
padding:1px 0 0 5px;
height:16px;
float:left;
}

input#searchsubmit {
background:url(images/mag.png) no-repeat 4px 4px;
border:none;
cursor:pointer;
width:20px;
height:20px;
float:left;
margin-left:3px;
}

h3 {
margin:30px 0 10px 0;
padding:0 0 6px 0;
color:#bb7432;
font-size:20px;
font-style:italic;
font-weight:bold;
font-family:Arial Bold, Helvetica, sans-serif;
border-bottom:2px solid #bb7432;
}

h5 {
color:#1c4199;
font-size:14px;
line-height:22px;
margin-top:0;
padding:0;
}

.bluebold {
color:#1c4199;
font-size:13px;
font-weight:bold;
}

/* -------------- main menu ------------------ */

#menu {
position:absolute;
top:25px;
left:280px;
z-index:1000;
width:700px;
margin:0;
padding:0;
border-bottom:2px solid #bb7432;
}

#menu ul {
margin:0;
padding:0;
}

#menu ul li {
margin:0;
padding:15px 18px 10px 18px;
list-style:none;
float:left;
}

#menu ul li:hover {
background:url(images/menu-item-bg.png) no-repeat 5px 0;
cursor:pointer;
}

#menu ul li:hover a {
color:#bb7432;
}

#menu ul li a, #menu ul li a:visited {
margin:0;
padding:0;
font-size:14px;
color:#808080;
text-decoration:none;
}

#menu ul li a:hover {
color:#bb7432;
}

#menu ul li.current-menu-item {
background:url(images/menu-item-bg.png) no-repeat 5px 0;
}

#menu ul li.current-menu-item a {
color:#bb7432;
}

/* -------------- / ------------------ */

#bluesectionwrap {
background-color:#1c4199;
margin:0;
padding:0;
}

#bluesection {
width:960px;
height:339px;
margin:0 auto 0 auto;
background-color:#1c4199;
color:#FFFFFF;
}

#titlebluesection {
width:960px;
height:50px;
margin:0 auto 0 auto;
background-color:#1c4199;
color:#FFFFFF;
}

#titlebluesection h1 {
padding-top:10px;
margin:0 0 0 290px;
}

div#comments, .entry-title h1, nav#nav-single {
display:none !important;
}


/* ------ services menus ------- */

#services {
width:290px;
float:left;
margin:30px 0 0 0;
}

#services-int {
width:290px;
float:left;
margin:0;
}

#services h2 {
color:#FFFFFF;
font-size:24px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
font-family:Arial Bold, Helvetica, sans-serif;
margin:0;
}

#services-int h2 {
color:#bb7432;
font-size:24px;
font-style:italic;
text-transform:uppercase;
font-weight:bold;
font-family:Arial Bold, Helvetica, sans-serif;
margin:0;
}

#services ul,
#services-int ul {
padding:0;
margin:10px 0;
}

#services li {
height:25px;
list-style:none;
padding:8px 0;
margin:0;
background-image:url(images/list-line.png);
background-repeat:no-repeat;
background-position:left bottom;
}

#services-int li {
height:25px;
list-style:none;
padding:8px 0;
margin:0;
background-image:url(images/list-line-int.png);
background-repeat:no-repeat;
background-position:left bottom;
}

#services li.noline,
#services-int li.noline {
background-image:none;
}

#services li a,
#services li a:visited {
height:30px;
display:block;
font-size:16px;
text-decoration:none;
color:#FFF;
padding:0 0 0 40px;
margin:0;
background:url(images/list-arrow.png) no-repeat 5px 3px;
}

#services-int li a,
#services-int li a:visited {
height:30px;
display:block;
font-size:16px;
text-decoration:none;
color:#1c4199;
padding:0 0 0 40px;
margin:0;
background:url(images/list-arrow.png) no-repeat 5px 3px;
}

#services li a:hover,
#services li-int a:hover {
color:#bb7432;
font-weight:bold;
}

#services li a.airfreight:hover {
background:url(images/icon-plane.png) no-repeat 0 0;
}

#services-int li a.airfreight:hover {
background:url(images/icon-plane-int.png) no-repeat 0 0;
}

#services li a.seafreight:hover {
background:url(images/icon-boat.png) no-repeat 0 0;
}

#services-int li a.seafreight:hover {
background:url(images/icon-boat-int.png) no-repeat 0 0;
}

#services li a.customs:hover {
background:url(images/icon-arrows.png) no-repeat 0 0;
}

#services-int li a.customs:hover {
background:url(images/icon-arrows-int.png) no-repeat 0 0;
}

#services li a.warehouse:hover {
background:url(images/icon-factory.png) no-repeat 0 0;
}

#services-int li a.warehouse:hover {
background:url(images/icon-factory-int.png) no-repeat 0 0;
}

#services li a.cargo:hover {
background:url(images/icon-cargo.png) no-repeat 0 0;
}

#services-int li a.cargo:hover {
background:url(images/icon-cargo-int.png) no-repeat 0 0;
}

#services li a.global:hover {
background:url(images/icon-globe.png) no-repeat 0 0;
}

#services-int li a.global:hover {
background:url(images/icon-globe-int.png) no-repeat 0 0;
}

/* -------------- slider ------------------ */

#slider {
width:670px;
height:300px;
float:left;
margin:20px 0 0 0;
}

#HomeSlider {
position:relative;
}

#HomeSlider span {
padding-left:40px;
}

#HomeSlider div.quote {
font-size:16px;
font-weight:bold;
color:#FFFFFF;
max-width:350px;
float:left;
margin:0;
padding:0 20px 0 40px;
text-align:left;
}

#HomeSlider div.star {
display:block;
background:url(images/star.png) no-repeat 0 0;
width:25px !important;
height:21px;
float:left;
}

#HomeSlider div.quotee {
max-width:200px;
font-size:11px;
color:#FFFFFF;
float:left;
text-align:left;
}

#HomeSlider .cs-title { 
margin:0 0 20px 0;
padding:20px !important;
text-align:center;
}

#HomeSlidercontainer .cs-buttons {
float:right !important;
z-index:9999;
margin-right:10px !important;;
}

#HomeSlidercontainer  .cs-buttons a { 
margin-left: 5px; 
height: 12px; 
width: 12px; 
float: left; 
background: url('http://www3.iserve.net.nz/users/quad001/tristar.co.nz/htdocs/wp-content/plugins/vslider/images/nav_style4.png') no-repeat;
background-position: left;
outline: none !important;
position:relative; 
z-index:9999;
}

#HomeSlidercontainer   .cs-buttons a:hover,
#HomeSlidercontainer a.cs-active { 
background: url('http://www3.iserve.net.nz/users/quad001/tristar.co.nz/htdocs/wp-content/plugins/vslider/images/nav_style4.png') no-repeat;
background-position: right; 
outline: none !important; 
position:relative; 
z-index:9999;} 

#HomeSlider  .cs-prev,
#HomeSlider  .cs-next { 
margin:80px 0;
}

#HomeSlider  .cs-prev {
margin-left:0 !important; 
width:50px;
height:50px;
background:url('http://www3.iserve.net.nz/users/quad001/tristar.co.nz/htdocs/wp-content/plugins/vslider/images/nav_style3_arrows-prev.png')no-repeat;
filter:alpha(opacity=100) !important;
opacity:1 !important;
}

#HomeSlider  .cs-next {
margin-right:0 !important;
width: 50px;
height:50px;
background:url('http://www3.iserve.net.nz/users/quad001/tristar.co.nz/htdocs/wp-content/plugins/vslider/images/nav_style3_arrows-next.png')no-repeat;
filter:alpha(opacity=100) !important;
opacity:1 !important;
}

		  
/* -------------- /slider ------------------ */ 

#contentwrap {
margin:0;
padding:0;
clear:both;
}

#content {
clear:both;
width:960px;
min-height:226px;
margin:25px auto 0 auto;
}

#column2wide {
float:left;
width:670px;
padding:0 0 40px 0;
}

.service {
float:left;
width:670px;
height:auto;
}

article {
margin:0 0 40px 0;
}

article#post-35 h5 {
margin:0;
}

article a, article a:visited {
color:#1c4199;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

article a:hover {
color:#666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#column2narrow {
float:left;
width:400px;
padding:0 0 40px 0;
}

#column-right {
float:left;
width:270px;
}

.entry-content p {
line-height:18px;
}

.entry-content ul {
padding:0;
margin:0;
}

.entry-content li {
list-style:none;
background-image:url(images/bullet.png);
background-repeat:no-repeat;
background-position:0 2px;
padding:0 0 0 15px;
margin:0 0 6px 0;
}

#column1 {
width:290px;
float:left;
margin:0;
}

#customer-login, #request-quote {
width:194px;
text-align:center;
border:1px solid #bb7432;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-moz-border-radius:5px;
border-radius:5px;
float:left;
}

#customer-login {height:30px; padding:0; margin:10px 0;}
#request-quote {height:65px; padding:0; font-size:16px; margin:20px 0 40px 0;}

#booking {
width:194px;
text-align:center;
border:1px solid #bb7432;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-moz-border-radius:5px;
border-radius:5px;
height:40px;
padding:0; 
margin:0;
font-size:16px;
}


#customer-login:hover, #request-quote:hover, #booking:hover {
color:#1c4199;
border:1px solid #1c4199;
}

#customer-login:hover a, #request-quote:hover a, #booking:hover a {
color:#1c4199;
}

#customer-login a, #customer-login a:visited {font-weight:bold; color:#bb7432; text-decoration:none; display:block; padding:7px 0 7px 0;}
#request-quote a, #request-quote a:visited, #booking a, #booking:hover a:visited {font-weight:bold; color:#bb7432; text-decoration:none; font-size:18px; font-style:italic; display:block; padding:10px 0 10px 0;}

#customer-login a:hover, #request-quote a:hover, #booking:hover a:hover {color:#1c4199;}

#column2 {
width:330px;
float:left;
margin:0;
}

#column2 h1.entry-title {
margin:0;
padding:0;
display:none;
}

#column2 p {
margin:0 0 5px 0;
padding:0;
line-height:18px;
}

#column3 {
width:320px;
float:left;
margin:0 0 0 20px;
}

#column3 h3,
#secondary h3 {
color:#bb7432;
font-style:italic;
font-size:17px;
margin:0 0 0 20px;
border:none;
}

#column3 div.post,
#secondary div.post {
border-top:2px solid #bb7432;
margin:5px 0;
padding:10px 0;
}

#column3 a.title-contribution,
#column3 a.title-contribution:visited,
#secondary a.title-contribution,
#secondary a.title-contribution:visited {
color:#1c4199;
text-decoration:none;
font-size:13px;
font-style:italic;
font-weight:bold;
margin:0;
}

#column3 a.title-contribution:hover,
#secondary a.title-contribution:hover {
color:#bb7432;
}

#column3 a.more-link,
#column3 a.more-link:visited,
#secondary a.more-link,
#secondary a.more-link:visited {
color:#1c4199;
text-decoration:none;
font-size:11px;
font-style:italic;
font-weight:bold;
margin:0;
}

#column3 a.more-link:hover,
#secondary a.more-link:hover {
color:#bb7432;
}

#column3 p {
margin:5px 0;
padding:0;
font-size:11px;
line-height:16px;
}

#primary {
width:600px;
min-height:400px;
float:left;
margin:0;
padding:0 20px 0 0;
}

#secondary {
width:320px;
float:left;
margin:0 0 0 20px;
}

#news-sidebar #secondary {
width:270px;
float:left;
margin:0;
}

h1.entry-title a, 
h1.entry-title a:visited,
h1.page-title  {
font-size:18px;
color:#1c4199;
text-decoration:none;
}

h1.entry-title a:hover {
color:#bb7432;
}

#clocks-wrap {
width:100%;
height:80px;
padding:10px 0 0 0;
}

.clock {
float:left;
width: 112px;
text-align:center;
margin:0 20px 0 0;
background-color:#1c4199 !important;
color:#FFFFFF !important;
font-weight:bold;
font-size:16px;
padding:10px 0 10px 0;
-moz-border-radius: 5px;
border-radius: 5px;
}

#weight, #length, #volume {
margin:30px 30px 0 30px;
}

button#reset,
input#reset,
input.wpcf7-submit {
border:1px solid #bb7432;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
-moz-border-radius:5px;
border-radius:5px;
font-weight:bold;
color:#bb7432;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.textwidget p a, .textwidget p a:visited {
color:#1c4199;
text-decoration:none;
}

.textwidget p a:hover {
color:#808080;
}

.attachment-post-thumbnail {
float:right;
margin:6px 6px 20px 20px;
}

/* -------------- footer ------------------ */

#footerwrap {
clear:both;
min-height:80px;
margin:0 0 50px 0;
padding:0;
border-top:2px solid #bb7432;
}

#footer {
width:960px;
min-height:80px;
margin:0 auto 0 auto;
}

/* -------------- footer menu ------------------ */

#footer-menu {
width:625px;
float:left;
margin:30px 0;
}

#footer-menu ul {
margin:0;
padding:0;
}

#footer-menu ul li {
margin:0;
padding:0 10px 0 10px;
list-style:none;
float:left;
border-right:1px solid #bb7432;
}

#footer-menu ul li:first-child {
padding:0 10px 0 0;
}

#footer-menu ul li:last-child {
border:none;
}

#footer-menu ul li a, #footer-menu ul li a:visited {
margin:0;
padding:0;
font-size:12px;
color:#bb7432;
text-decoration:none;
display:block;
}


#footer-menu ul li a:hover {
color:#808080;
}

/* -------------- footer logos ------------------ */


#footer-logos {
width:335px;
float:left;
margin:20px 0 0 0;
}

.footer-logo {
float:left;
min-width:41px;
margin-right:28px;
}

.footer-logo-last {
float:left;
min-width:41px;
margin:0;
}

/* -------------- footer logos ------------------ */

#fineprint {
color:#bb7432;
font-size:11px;
clear:both;
}

#fineprint a, #fineprint a:visited {
color:#bb7432;
font-size:11px;
}

#fineprint a:hover {
color:#808080;
}

img {
border:none;
}