/* 
Theme Name: Partserv
Theme URI: http://partserv.com/
Description: Partserv Website
Author: Gavin Chua
Author URI: http://gavinchua.com/
Version: 1.0 (initial release)
*/

@import url("css/base.css");
@import url("css/jquery.fancybox-1.3.1.css");


/* typography
-----------------------------------------------------------------------------------------------
*/

@font-face {
font-family:"avantgar-webfont";
src:url("fonts/avantgar-webfont.eot");
src:local("☺"),
	url("fonts/avantgar-webfont.woff") format("woff"),
	url("fonts/avantgar-webfont.ttf") format("truetype"),
	url("fonts/avantgar-webfont.svg#webfontnJUcQyfn") format("svg");
}

@font-face {
font-family:"avantgar-webfont-bold";
src: url("fonts/avantgarbold-webfont.eot");
src: local("☺"),
	url("fonts/avantgarbold-webfont.woff") format("woff"),
	url("fonts/avantgarbold-webfont.ttf") format("truetype"),
	url("fonts/avantgarbold-webfont.svg#webfontUTXIhzLM") format("svg");
}

/* supersize
-----------------------------------------------------------------------------------------------
*/

#loading {
position:absolute;
top:36%; 
left:36%;
z-index: 3;
width:280px; 
height:94px;
background-image:url("images/partserv-loading-backgound.png");
}

#loading-image {
position:absolute;
top:75%; 
left:24%;
z-index: 3;
width:220px; 
height:19px;
text-indent:-999999em;
background-image:url("images/progress.gif");
}

#supersize{
position:fixed;
z-index:-10;
display:none;
}

#supersize img, #supersize a{
height:100%;
width:100%;
position:absolute;
z-index:0;
}

#supersize .prevslide, #supersize .prevslide img{
z-index:1;
}

#supersize .activeslide, #supersize .activeslide img{
z-index:2;
}

/* page wrapper
-----------------------------------------------------------------------------------------------
*/

#content {
margin:0px auto;
width:100%;
height:100%;
overflow:auto;
z-index:3;
display:none;
text-align:center;
position:absolute;
top:0;
}

/* header
-----------------------------------------------------------------------------------------------
*/

header {
margin:10px auto 20px;
width:960px;
text-align:left;
}

#partserv-logo-headers {
margin:5px 0 5px 15px;
width:450px;
}

h1 {
font:50px/1 avantgar-webfont-bold;
letter-spacing:0;
color:#16467a;
margin-bottom:10px;
}

h2 {
font:24px/1 avantgar-webfont;
letter-spacing:0;
color:#f26522;
height:28px;
}

#partserv-header-background {
background-color:#fff;
width:100%;
height:120px;
position:absolute;
top:0;
left:0;
z-index:-1;

/* css3 opacity */
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* navigation
-----------------------------------------------------------------------------------------------
*/

nav {
width:410px;
margin-top:30px;
}

nav li {
display:inline;	
}

nav li a {
font:14px avantgar-webfont-bold;
letter-spacing:1px;
padding:10px;
height:26px;
color:#16467A;
}

nav li a:hover, nav li a.selected {
font:14px avantgar-webfont-bold;
letter-spacing:1px;
padding:10px;
height:26px;
background-color:#000;
color:#F26522;
}

/* aside
-----------------------------------------------------------------------------------------------
*/

aside {
margin-top:40px;
width:200px;
height:480px;
background-color:#fff;
text-align:center;
}

#partserv-other-parts aside {
height:500px;
}

h3 {
font:14px/18px avantgar-webfont-bold;
letter-spacing:0;
color:#000;
padding:5px;
}

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

#coin-slider {
overflow:hidden;
position:relative;
}

.coin-slider a{
font:14px/0 avantgar-webfont-bold;	
text-decoration:none;
outline:none;
border:none;
}

.cs-prev, .cs-next {
background-color:#000000;
color:#FFFFFF;
padding:0px 10px;
}

.cs-active {
background-color:#B8C4CF;
color:#FFFFFF;
}

.cs-buttons {
font-size:0px;
padding:10px;
float:left;
}

.cs-buttons a {
margin-left:5px;
height:10px;
width:10px;
float:left;
border:1px solid #B8C4CF;
color:#B8C4CF;
text-indent:-100000px;
}

/* content
-----------------------------------------------------------------------------------------------
*/

#partserv-content {
margin:10px auto 20px;
width:960px;
text-align:left;
}

#partserv-crane-parts #partserv-content {
height:805px;
}

#partserv-other-parts  #partserv-content {
height:540px;
}

section {
position:relative;
margin:50px 50px 20px;
width:620px;
font-size:14px;
color:#fff;
}

section .bold {
font-weight:bold;
}

section .underline {
text-decoration:underline;
}

section a {
padding:5px;
background-color:#555;
font-weight:bold;
color:#DDA349;
}

section a:hover {
padding:5px;
background-color:#888;
color:#fff;
}

#partserv-content-title {
font-size:20px;
font-weight:bold;
letter-spacing:0;
color:#fff;
}

#partserv-content p {
margin-bottom:20px;
}

#partserv-content-middle {
margin-left:80px;
}

#partserv-content-bottom {
margin-left:150px;
}

#partserv-content-accordion li {
padding:5px;
list-style: none;
}

.partserv-content-title {
padding:5px;
background-color:#efefef;
font-size:15px;
font-weight:bold;
line-height:2em;
color:#F26522;
cursor:pointer;
}

.no-click {
cursor:none;
}

.partserv-content-list {
margin-left:25px;
padding:5px;
}

.partserv-content-list a {
cursor:pointer;
}

.show-list {
display:block;
}

.margin-top {
margin-top:10px;
}

small {
font-size:10px;
height:12px;
}

#partserv-content-background {
position:absolute;
top:-10px;
left:-50px;
background-color:#000;
width:710px;
height:500px;
border:0;
z-index:-1;

/* css3 transform */
-moz-transform:rotate(2deg);
-o-transform:rotate(2deg);
-webkit-transform:rotate(2deg);

/* css3 opacity */
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

#partserv-crane-parts #partserv-content-background {
height:780px;
}

/* form
-----------------------------------------------------------------------------------------------
*/

#fancybox-content-wrapper {
display:none;
}

#fancybox-content {
color:#000;
font-size:12px;
}

#fancybox-content fieldset {
margin:5px;
}

#fancybox-content fieldset.contact-us-content {
padding:20px 8px;
width:270px;
}

#fancybox-content .red {
color:#ff0000;
}

#fancybox-content form li {
list-style:none;
height:72px;
}

#fancybox-content form label {
display:block;
float:left;
margin:0 0 5px;
padding:7px 5px;
font-size:13px;
font-weight:bold;
width:270px;
}

#fancybox-content form .special-field {
display: none;
}

#fancybox-content form select {
margin-bottom:10px;
padding:6px;
border:1px solid #E5E5E5;
width:270px;
height:31px;
font-size:13px;
color:#555;

box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);

background:-moz-linear-gradient(center top , #fff, #eee 1px, #fff 25px) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
}

#fancybox-content form input, #fancybox-content form textarea {
margin-bottom:10px;
padding:6px;
border:1px solid #E5E5E5;
width:270px;
height:31px;
font-size:13px;
color:#555;

box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.1);

background:-moz-linear-gradient(center top , #fff, #eee 1px, #fff 25px) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear, left top, left 25, from(#fff), color-stop(4%, #eee), to(#fff));
}

#fancybox-content form textarea {
overflow-x:hidden;
height:200px;
}

#fancybox-content form input:hover, #fancybox-content form select:hover, #fancybox-content form textarea:hover {
background:none repeat scroll 0 0 #eee;
box-shadow:0 0 8px #eee;
-moz-box-shadow:0 0 8px #eee;
-webkit-box-shadow:0 0 8px #eee;
}

#fancybox-content form .error {
background:transparent url("images/errormsg.png") no-repeat top left;
display:none;
color:#fff;
font-size:10px;
position:absolute;
margin:-41px 0 0 -170px;
width:180px;
height:50px;
}

#fancybox-content form .error span {
margin-left:20px;
line-height:40px;
text-shadow:1px 1px 1px #555;
}

#fancybox-content form #validating {
background:transparent url("images/validating.gif") no-repeat top left;
display:none;
position:absolute;
top:50%;
left:50%;
width:32px;
height:32px;
text-indent:-999999em;
}

#fancybox-content form #success-message {
font:16px/1.5 avantgar-webfont-bold;
color:#F26522;	
}

#send {
text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);	

background: #F26522;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top,  #faa51a,  #f47a20);

cursor: pointer;
margin:7px 10px;
padding:5px 10px;
font-size:13px;
font-weight:bold;
color:#fff;
border:1px solid #da7c0c;
}

#send:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}

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

footer {
margin:40px auto 0;
width:960px;
text-align:left;
}

#partserv-mission {
width:530px;
color:#f15f19;
font:16px/1.5 avantgar-webfont-bold;
margin:50px 20px 0 20px;
}

#partserv-mission-content {
margin-bottom:10px;
}

#partserv-mission-background {
background-color:#000;
width:570px;
height:150px;
border:0;
margin:-130px 0 0 -20px;
z-index:-1;
position:relative;

/* css3 transform */
-moz-transform:rotate(4deg);
-o-transform:rotate(4deg);
-webkit-transform:rotate(4deg);

/* css3 opacity */
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}

#partserv-copyright {
width:300px;
color:#dda349;
font-size:10px;
text-align:right;
line-height:10px;
margin:120px 30px 0 0;
}

#partserv-copyright-background {
background-color:#000;
width:330px;
height:90px;
border:0;
margin:-70px 0 0 -10px;
z-index:-1;
position:relative;

/* css3 transform */
-moz-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);

/* css3 opacity */
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

/* Safari & Chrome hacks here
-----------------------------------------------------------------------------------------------
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

/* form
------------------------------------------------------
*/
	
#fancybox-content form .error { margin:-82px 0 0 110px; }

#fancybox-content form .error-enquiry { margin:-252px 0 0 110px; }

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

footer { margin:60px auto 10px; }

}

/* 
Thats it!
*/