/*  
Theme Name: Custom
Theme URI: http://wordpress.org/
Description: Custom theme developed by <a href="http://www.nayakreative.com/">Kevin Nayar</a>.
Version: 1.0
Author: Kevin Nayar
Author URI: http://www.nayakreative.com/
*/

/* ============================ RESET ============================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ============================ Custom CSS ============================== */
body {
				margin: 0;
				padding: 0;
				height:100%;
				font-family: Arial, Helvetica, sans-serif;
				color: #666;
				font-size: 62.5%;
        background: #191919 url(../image/bg.png) 0 -2px repeat-x;
}
img {
				border:none;
}
a {
				text-decoration: none;
				color: #333;
}
h1, h2, h3{
				margin-bottom: 10px;
}
h2 {
        font-size: 1.5em
}
h3 {
        font-size: 1.8em
}
p {
        font-size: 1.2em;
        line-height: 1.6;
        margin-bottom: 10px;
}
.zero {
        margin-bottom: 0;
}
.double {
        margin-bottom: 20px;
}
/*================================ header ===================================*/
#header {
				position: relative;
				width: 100%;
				margin: 0 auto;
        background: transparent url(../image/header-bg.png) 0 bottom no-repeat;
        width: 940px;
        height: 165px;
        padding: 0 5px;
}

#header h1 {
        margin: 0;
}

#header #logo {
				background: transparent url(../image/logo.png) 0 0 no-repeat;
				width: 283px;
				height: 46px;
				text-indent: -999em;
        display: block;
        position: absolute;
				top: 75px;
        left: 45px;
}

/*------------- primary nav ----------------*/
#primaryNav {
				width: 540px;
				height: 120px;
        position: absolute;
        right: 30px;
        top: 40px;
}

#primaryNav li {
				float: left;
				display: inline;
				font-size: 1.6em;
        text-transform: uppercase;
}

#primaryNav li a {
				color: #333;
				padding: 60px 0 0 10px;
				width: 124px;
				display: block;
        height: 20px;
        line-height: 20px;
        background: transparent url(../image/primary-nav-sprites.png) 10px 60px no-repeat;
        border-left: 1px solid #ccc;
        text-indent: -999em;
}

#primaryNav li.page-item-2 a {
				background-position: 10px 60px;
}
#primaryNav li.page-item-10 a {
				background-position: 10px -40px;
}
#primaryNav li.page-item-14 a {
				background-position: 10px -140px;
}
#primaryNav li.page-item-16 a {
				background-position: 10px -240px;
}

#primaryNav li.page-item-2 a:hover, #primaryNav li.page-item-2 a.selected {
				background-position: -240px 60px;
}
#primaryNav li.page-item-10 a:hover, #primaryNav li.page-item-10 a.selected {
				background-position: -240px -40px;
}
#primaryNav li.page-item-14 a:hover, #primaryNav li.page-item-14 a.selected {
				background-position: -240px -140px;
}
#primaryNav li.page-item-16 a:hover, #primaryNav li.page-item-16 a.selected {
				background-position: -240px -240px;
}

#primaryNav li a:hover, #primaryNav li.current_page_item a, #primaryNav li.current_page_parent a {

}

#primaryNav ul {
        display: none;
}

/*============================== content ==================================*/
#content {
				position: relative;
				width: 940px;
				margin: 0 auto;
				padding: 0 5px;
				overflow: hidden;
        min-height: 45em;
        background: transparent url(../image/content-bg-mid.png) center 0 repeat-y;
}

#contentTop {
				width: 950px;
				margin: 5px auto 0;
				padding: 0;
        background: transparent url(../image/content-bg-top.png) center 0 no-repeat;
}

#contentBottom {
				width: 950px;
				margin: 0 auto 15px;
				padding: 0;
        background: transparent url(../image/content-bg-btm.png) center 0 no-repeat;
}

/*============================== mainContent ==================================*/
#mainContent {
				position: relative;
        min-height: 340px;
        background: transparent url(../image/main-content-bg.gif) right top no-repeat;
        padding: 30px 75px;
        float: left;
}
#mainContent h1 {
        font-family: "Adobe Caslon Pro", "Adobe Garamond Pro", "Garamond", "times New Roman", "Georgia", times, serif;
        font-size: 48px;
        font-weight: normal;
        color: #646B77;
        margin-bottom:-20px;
}
#mainContent h2 {
        font-family: "Adobe Caslon Pro", "Adobe Garamond Pro", "Garamond", "times New Roman", "Georgia", times, serif;
        font-size: 22px;
        font-weight: normal;
        color: #1973BA;
        margin-bottom: 0;
}
#mainContent h3 {
        font-size: 16px;
        font-weight: normal;
        color: #1872BA;
        margin-bottom: 0;
}
#mainContent h4 a, #mainContent a.learnMore {
        font-size: 12px;
        color: #000;
        display: block;
        background: transparent url(../image/btn-learn-more.png) 0 0 no-repeat;
        width: 100px;
        height: 33px;
        text-indent: -999em;
}
#mainContent h4 a:hover, #mainContent a.learnMore:hover {
        background-position: 0 -33px;
}
#mainContent ul {
        margin-bottom: 10px;
}
#mainContent ul li {
        display:list-item;
        font-size:12px;
        list-style:disc outside none;
        margin:3px 0 3px 25px;
}

/*=========================== secondaryNav ================================*/
#secondaryNav {
        background:url("../image/secondary-nav-bg.png") repeat-x scroll 0 0 #FFFFFF;
        bottom:0;
        height:125px;
        float: left;
        width:940px;
        border-top: 1px solid #ccc;
}

#secondaryNav li {
        display: inline;
        float: left;
        border-top: 1px solid #fff;
}

#secondaryNav li a {
        display: block;
        height: 95px;
        width: 251px;
        border-right: 1px solid #fff;
        border-left: 1px solid #ccc;
        padding: 20px 20px 10px 40px;
}

#secondaryNav li a.s1 { border-left: none; }
#secondaryNav li a.s3 { border-right: none; }

#secondaryNav li a:hover {
        background-color: #E7F1F8;
}

#content #secondaryNav li a h3 {
        padding: 0;
        font-size: 1.4em;
        margin-bottom: 0;
        color: #333333;
        text-transform: uppercase;
        border-bottom: none;
        background: transparent url(../image/secondary-nav-sprites.png) 0 0 no-repeat;
        text-indent: -999em;
}

#content #secondaryNav li a.s1 h3 {
        background-position: 0 0;
}
#content #secondaryNav li a.s2 h3 {
        background-position: -310px 0;
}
#content #secondaryNav li a.s3 h3 {
        background-position: -620px 0;
}

#content #secondaryNav li a.s1:hover h3 {
        background-position: 0 -130px;
}
#content #secondaryNav li a.s2:hover h3 {
        background-position: -310px -130px;
}
#content #secondaryNav li a.s3:hover h3 {
        background-position: -620px -130px;
}

#content #secondaryNav li a p {
        background:url("../image/secondary-nav-sprites.png") repeat scroll 0 -18px transparent;
        color:#666666;
        margin-bottom:0;
        padding-right:70px;
}

#content #secondaryNav li a.s1 p {
        background-position: 0 -18px;
}
#content #secondaryNav li a.s2 p {
        background-position: -310px -18px;
}
#content #secondaryNav li a.s3 p {
        background-position: -620px -18px;
}

#content #secondaryNav li a.s1:hover p {
        background-position: 0 -148px;
}
#content #secondaryNav li a.s2:hover p {
        background-position: -310px -148px;
}
#content #secondaryNav li a.s3:hover p {
        background-position: -620px -148px;
}

#content #secondaryNav li a span {
        background:url("../image/secondary-nav-arrow.gif") no-repeat scroll 0 3px transparent;
        color:#101740;
        margin-bottom:0;
        padding-left:10px;
        font-size: 12px;
}

#content #secondaryNav li a:hover span {
        background-position: 0 -37px;
}

/*============================== individual pages ==================================*/
/* ---- home ---------- */
#home #content {
        min-height: 491px;
        height: 491px;
}

#home #mainContent {
        background: transparent url(../image/main-content-bg-home.png) center 0 no-repeat;
        min-height: 304px;
        height: 304px;
        padding: 30px 475px 30px 75px;
}
#home #mainContent h1 {
        padding:45px 0 0 0;
}
/*============================== contact ==================================*/
#contactForm {
        width: 725px;
        height: 150px;
        float: right;
        display: block;
        padding-left: 20px;
        position: relative;
}

form#contactForm ul {
        position: relative;
}

form#contactForm li {
        width: 285px;
        display: block;
        overflow: hidden;
}

form#contactForm li.last {
        width: 430px;
        right: 0;
        top: 0;
        position: absolute;
}

form#contactForm label {
				color: #F5F9F9;
				font-size: 12px;
				font-weight: bold;
        width: 90px;
        margin: 8px 0 0;
        text-align: right;
        float: left;
}

form#contactForm label.required:after {
				content: " (required)";
				font-size: 11px;
				font-style: italic;
				font-weight: normal;
}

form#contactForm label.error {
        color:#333333;
        display:none;
        float:right;
        margin-top:-8px;
        width:auto;
        background: transparent url(../image/label-error-bg.png) 0 2px no-repeat;
        padding-left: 19px;
}

form#contactForm input, form#contactForm textarea {
				background:#929C9E;
				border: 1px solid #fdfdfd;
				margin: 3px 0 10px;
				color: #333;
        float: right;
        width: 180px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

form#contactForm input {
				height: 20px;
}

form#contactForm textarea {
				height: 100px;
        width: 323px;
}

form#contactForm input:focus, form#contactForm textarea:focus {
				border: 1px solid #fdfdfd;
        background:  #B5BEBE;
}

form#contactForm input#submitButton {
				background: #929C9E;
				border: 1px solid #fdfdfd;
				color:#fdfdfd;
				cursor:pointer;
				font-family:Arial,Helvetica,Sans-serif;
				font-size:12px;
        font-weight: bold;
				height:25px;
				line-height:5px;
				margin:0;
				overflow:hidden;
				padding:0 20px;
				width:auto;
        text-transform: uppercase;
}

form#contactForm input#submitButton:hover {
				border: 1px solid #fdfdfd;
        background:  #B5BEBE;
        color: #6E7A7F;
}

#message {
        width: 450px;
        margin: 45px auto 0;
        color: #DDD;
}

#message h2, #message p {
				text-align: center;
				padding: 0;
}

/*================================= Footer =====================================*/
#footer {
				width:940px;
				margin: 0 auto;
				position: relative;
        height: 30px;
}

#footer .copy {
				margin: 0 auto;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
        color: #666;
}

#footerNav {
        margin: 0 auto;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
}

#footerNav li {
        float: left;
        display: inline;
}

#footerNav li a {
        display: block;
        border-left: 1px solid #666;
        text-decoration: underline;
        padding: 0 10px;
        color: #666;
}

#footerNav li a.something {
        border: none;
}

#footerNav li a:hover {
        color: #999;
}