/*
Theme Name: Spida Design
Theme URI: 
Description: Best and only theme for Spida Design
Author: Jiong Ye
Version: 0.01
License: GNU General Public License
License URI: license.txt
Tags: white, teal, black, green
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*font faces*/
@font-face {
    font-family: 'DejaWeb';
    src: url('fonts/dejaweb-webfont.eot');
    src: url('fonts/dejaweb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejaweb-webfont.woff') format('woff'),
         url('fonts/dejaweb-webfont.ttf') format('truetype'),
         url('fonts/dejaweb-webfont.svg#DejaWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaWebBold';
    src: url('fonts/dejaweb-bold-webfont.eot');
    src: url('fonts/dejaweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejaweb-bold-webfont.woff') format('woff'),
         url('fonts/dejaweb-bold-webfont.ttf') format('truetype'),
         url('fonts/dejaweb-bold-webfont.svg#DejaWebBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*main html elements*/
body{background:#ffffff;font-size:0.8em;font-family:Arial, Helvetica;}
a,a:visited{text-decoration: none;color:#36abd6;outline:none;}
p{line-height: 18px;}

/*structured body*/
	#layout{overflow:hidden;}
	#header{height:155px;}
	#header .content{}
    #logo{width:190px;padding:52px 25px 46px 25px;background:#36abd6;float:left; text-align:center;}


	.logoflash {
		height: 53px;
		position: absolute;
		margin-left: 785px;
		margin-top: -20px;
		width: 50px;
		z-index: 50;
	}



    #underlogo{width:190px; height: 200px;padding:60px 25px 40px 25px;background:#1E9FBB;float:left;}
    #hct{width:190px; margin-left:30px; margin-top: -30px; float:left; text-align:center}
    #callForQuote{float:right;margin:20px 17px 0 0;color:#393939;font-size:1.1em;font-family: Georgia, Serif;font-style: italic;text-align: right;}
    #callForQuote iframe{vertical-align: text-top;}
    #callForQuote span{padding:0 25px 0 0;}
    #nav{float:right;margin:35px 0 0 0;width:680px;z-index: 1000;}
    #nav .menu li{display:inline-block;padding:7px 0;margin:0 0 0 14px;border:1px solid transparent;position:relative;}
    #nav .menu li:hover{border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
    #nav .menu li:hover .sub-menu{display: block !important;}
    #nav .menu li a{font-family: "DejaWebBold";font-size:1.4em;color:#393939;display:block;margin:0 10px 0 10px;padding:6px 0;}
    #nav .menu li.current_page_item a,
    #nav .menu li.current-menu-ancestor a,
    #nav .menu li.current-menu-item a,
    #nav .menu li.current-post-ancestor a{color:#c8c8c8;border-bottom:2px solid #36abd6;}
    #nav .menu li .sub-menu{display:none;padding:15px 0 10px 0;position: absolute;top:30px;left:-1px;border:1px solid #e5e5e5;border-top:1px solid transparent;background:#ffffff;z-index:1000;}
    #nav .menu li .sub-menu li{padding:6px 7px 6px 15px;margin:0;display:block;}
    #nav .menu li .sub-menu li:hover{border:1px solid transparent;}
    #nav .menu li .sub-menu li a,#nav .menu li.current_page_item .sub-menu li a{font-size:0.9em;font-family: "DejaWeb";color:#36abd6;padding:0;margin:0;border-bottom: none;white-space: nowrap;}
	#header .grayDot .logoBlue{background:#1E9FBB;height:1px;width:240px;}
	#header .grayBg{height:16px;}
/*	#header .grayBg .logoBlue{background:#36abd6;height:16px;width:240px;}	*/


	#header .grayBg .logoBlue{background:#1E9FBB;height:16px;width:240px;}


	
	#content{padding:0;}
	#content .content{background: #f2f2f2;}
    #homeSlideshow{border-bottom: 4px solid #cccccc;}
    #homeContent{padding:20px 0 0 0;}
    #homeContent .content{background: #ffffff;}
	
	#homeContent .content .columnbox {width:240px; margin-top: -20px; height:170px; background-color:#BBDEF2; float:left;}
    #homeContent .content .text{background: #ffffff; padding-left:270px;}
	
	
    #homeContent .serviceBlock{width:260px;padding:0 0 0 15px;}
    #homeContent .serviceBlock ul{padding:0 0 0 25px;list-style-image: url(../images/roundArrow.jpg);}
    #homeContent .serviceBlock ul li{padding:0 0 10px 0;}
    #homeContent .serviceBlock ul li a{font-size:0.9em;}
    #homeContent .aboutBlock{
	width:420px;
	margin:0 20px 0 0;
	line-height: 19px;
	color: #666
}
    #homeContent .aboutBlock a{font-size:0.8em;}
    #homeContent .newsBlock{width:300px;}
    #homeContent .block h1{font-size:1.2em;font-weight: bold;margin:0 0 12px 0;padding:0 0 12px 0;}
    #homeContent .aboutBlock h1,#homeContent .newsBlock h1{border-bottom: 1px dotted #b9b9b9;}
    #homeContent .newsBlock .news{height:170px;overflow: hidden;position: relative;line-height: 18px;}
    #homeContent .newsBlock .news ul{position: absolute;top:0;left:0;width:270px;}
    #homeContent .newsBlock .news ul li{height:85px;}
    #homeContent .newsBlock .news ul li span{color:#707070;font-size:0.9em;}
    #homeContent .newsBlock .news ul li .newsExcerpt{font-size:0.8em;}
    #homeContent .newsBlock .news .upArrow{position: absolute;right:10px;top:30px;}
    #homeContent .newsBlock .news .downArrow{position: absolute;right:10px;top:80px;}
    #homeSlideshow{background:transparent url(../images/bannerBg2.jpg) repeat-x center center;height:324px;overflow: hidden;}
    #homeSlideshow .content{background: transparent;}
    #homeSlideshow .slideShowColumn{width:200px;height:289px;padding:35px 20px 0 20px;background:transparent url(../images/slideshowColumnBg.jpg) repeat;float: left;color:#ffffff;}
    #homeSlideshow .slideShowColumn .title{font-size:1.3em;font-family: "DejaWebBold";margin:0 0 7px 0; color: #F9F38A}
    #homeSlideshow .slideShowColumn .caption{font-size:1.0em;font-family: "DejaWeb";margin:0 0 7px 0;}
    #homeSlideshow .slideShowColumn .description{font-size:0.9em;padding:7px 0 0 0;border-top:1px dotted #ffffff;}
    #homeSlideshow .slideShowColumn .description .button{font-size:1.2em;font-family: "DejaWebBold";background:#7ed50d;padding:4px 8px;color:#1b5677;}
    #homeSlideshow .slideshow-wrapper{position: relative;float:right;width:750px;}


    #homeSlideshow-hct .slideshow-wrapper-hct{position: relative;float:right;width:500px;}



    #homeSlideshow .portfolio-slideshow{width:730px !important;float:right;margin:20px 0 0 0;}
/*    #homeSlideshow a.slideshow-prev{position: absolute;left:15px;top:150px;display:block;background:transparent url(../images/leftArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}	*/
    #homeSlideshow a.slideshow-next{position: absolute;right:10px;top:150px;display:block;background:transparent url(../images/rightArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}


    #homeSlideshow-hct a.slideshow-prev-hct{position: absolute;left:35px;top:150px;display:block;background:transparent url(../images/leftArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}
    #homeSlideshow-hct a.slideshow-next-hct{position: absolute;right:45px;top:150px;display:block;background:transparent url(../images/rightArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}




    #homeSlideshow .slideshow-content{text-align: center;width:100%;}
    #portfolio .thumbnail{margin:0;}
    #portfolio .description{line-height: 16px;}
    #portfolio .description h2{font-family: "DejaWebBold";font-size: 1.2em;}
    #portfolio .description p{margin:0 0 15px 0;}
    #portfolio .description ul{margin: 15px 0;padding:0 0 0 25px;list-style-image: url(../images/roundArrow.jpg);}
    #portfolio .description ul li{padding:0 0 10px 0;color:#36abd6;}
    #portfolio .slideshow-wrapper{position: relative;float:right;width:710px;}


    .portfolio-slideshow-hct{width:500px !important;float:right;margin:120px 0 0 0;}


    #portfolio .portfolio-slideshow{width:710px !important;float:right;margin:20px 0 0 0;}
    #portfolio .slideshow-content{text-align: center;width:100%;}
    #portfolio .portfolioTitle{font-family: "DejaWebBold";font-size: 1.2em;color:#36ABD6;padding:20px 0 5px 15px;}
    #portfolio .portoflioDescription{font-family: "DejaWeb";font-size:1.0em;padding:0 0 0 15px;position: relative;}

/*    #leftColumnBand{float:left;width:200px; height:16px;padding:20px 20px;background:#1E9FBB; }	*/
    .pageFiller{background: transparent url(../images/fillerBg.jpg) center; overflow: hidden; height:430px;}


    
    #leftColumn{float:left;width:200px; min-height: 450px;padding:20px 20px; background: transparent url(/images/leftcolumnBg.jpg);}
/*    #leftColumn{float:left;width:200px; min-height: 450px;padding:20px 20px; background:#B7E7F7}	*/
    #leftColumn h2{margin:0 0 15px 0;font-size:1.3em;font-family: "DejaWebBold";}
/*    #rightColumn{float:left;width:710px;min-height: 450px; padding:20px 0 20px 40px;background:#ffffff;}	*/



    #rightColumn{float:left;width:670px;min-height: 430px;padding:20px 0 20px 70px;}
	.showerror {
		height: 30px;
		position: absolute;
		margin-left: 300px;
		margin-top: 420px;
		z-index: 50;
}

    #rightColumn p{ color:#333}


    #rightColumn h1{font-size:1.8em;font-family: "DejaWebBold";margin:0 0 30px 0;}
    #rightColumn h1 a{font-family: "DejaWebBold";color:#000000;}
    #rightColumn h1 img{padding:0 5px;vertical-align: middle;}
    #rightColumn h1 .breadcrumbCurrent{color:#36abd6;font-size:.6em;vertical-align: middle;}
        .page h1,.post h1{font-size:1.8em;font-family: "DejaWebBold";margin:0 0 20px 0;}
        .page p,.post p{line-height: 18px;margin:0 0 15px 0;}
        .page .excerpt{display:block;background: transparent url(../images/eArrow.gif) no-repeat top left;margin:0 0 5px 0;padding:0 0 20px 45px;font-size:1.4em;color:#36abd6;line-height: 24px;}
        .page .excerpt2{display:block;margin:0 0 5px 0;padding:0 0 20px 45px;font-size:1.4em;color:#36abd6;line-height: 24px;}


        .page .excerpt_noImage{display: inline; margin:0 0 5px 0;padding:0 0 0 5px;font-size:1.4em;color:#36abd6;line-height: 24px;}


        .postGallery{text-align: center;}
        .postGallery .post{width:211px;height:140px;overflow:hidden;float:left;border:2px solid #f2f2f2;line-height: 140px;margin:0 20px 25px 0;position: relative;}
        .postGallery .post .linked{position: absolute;right:3px;bottom:3px;}
        .postGallery .post img{vertical-align: middle;}
        .navigation a{font-family: "DejaWebBold";font-size:.9em;}
        .navigation a img{vertical-align: middle;padding:0 5px;}
        .navigation .previous{float:left;width:150px;text-align: left;}
        .navigation .next{float:right;text-align: right;width:150px;}
        .postGallery .navigation .next{margin:0 25px 0 0;}
        #contact form .left{width:45%;}
        #contact form p{float:left;width:100%;color:#707070;}
        #contact form p label{float:left;width:110px;}
        #contact form p.checkboxes label{width:100%;margin:0 0 10px 0;}
        #contact form p label span{color:#36abd6;font-size: 1.3em;}
        #contact form p span.wpcf7-form-control-wrap{float:left;width:200px;}
        #contact form p.checkboxes span.wpcf7-form-control-wrap{width:100%;position: relative;}
        #contact form p span.wpcf7-form-control-wrap input,
        #contact form p span.wpcf7-form-control-wrap textarea,
        #contact form p span.wpcf7-form-control-wrap select{border:1px solid #c8c8c8;width:190px;padding:3px 5px;}
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item{float:left;width:45%;}
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item label{padding-left: 10px;background: url(../images/dot.png) center left no-repeat;}
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item label:hover,
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item label.checked{background: url(../images/dotChecked.png) center left no-repeat;}
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item label span{color:#707070;font-size:1em;}
        #contact form p span.wpcf7-form-control-wrap span.wpcf7-list-item label input{width:auto;border:none;position: absolute;left:-9000px;}
        #contact form p span.wpcf7-not-valid-tip{width:auto;color:#ffffff;font-size:0.9em;padding:7px 10px;background:#ce0000;position: absolute;top:-36px;left:1px;display: block;-moz-box-shadow: 5px 5px 5px #ccc;-webkit-box-shadow: 5px 5px 5px #ccc;box-shadow: 5px 5px 5px #ccc;}
        #contact form p input.button{cursor:pointer;border:none;font-size:1.2em;font-family: "DejaWebBold";background:#7ed50d;padding:4px 8px;color:#1b5677;}
        #contact form .wpcf7-response-output{display:none !important;}

.navigation{margin:0 0 15px 0;}
a.slideshow-prev{position: absolute;left:0;top:45%;display:block;background:transparent url(../images/leftArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}
a.slideshow-next{position: absolute;right:0;top:45%;display:block;background:transparent url(../images/rightArrow.png) no-repeat;width:30px;height:30px;text-indent: 9001px;z-index: 1000;}
.slideshow-nav{display:none;}

	#footer .grayBg{height:220px; background-color: #EAEAEA;}	/* added background color to make it darker 12-07-2011 */



/*	#footer .grayBg{height:220px;}	*/
	#footer .grayBg .content{padding:15px 0;}
	#footer .block{width:24%;color:#707070;font-size:0.9em;}
	#footer .block h4{color:#444444;font-style: italic;font-family: Georgia;margin:0 0 15px 0;font-size:1.1em;}
	#footer .block ul li{margin:0 0 3px 0;}
	#footer .block ul li a{font-size:0.85em;}
	#footer .block ul li a img{vertical-align: middle;padding:0 5px 0 0;}
	#footer .socialBlock ul li{margin:0 0 12px 0;}
	#footer .contactBlock .form{margin:15px 0 0 0;}
	#footer .contactBlock label{display:none;}
	#footer .contactBlock ul{list-style: none;margin:0;padding:0;}
	#footer .contactBlock input{float:left;color:#707070;width:185px;padding:3px 10px;height:20px;border:1px solid #dddddd;}
	#footer .contactBlock input.button{width:29px;height:28px;background: transparent url(../images/emailSubmit.jpg) no-repeat;border:none;text-indent: 9001px;}

/*misc classes*/
.list{padding:0 0 0 20px;list-style-image:url(../images/roundArrow.jpg);}
.list li{padding:0 0 0 0;}
.list li a{font-size:0.9em;}
.content{width:990px;margin:0 auto;}
.grayDot{background:transparent url(../images/grayDot.jpg) repeat-x center top;height:1px;}
.grayBg{background:#f2f2f2;}
.block{float:left;}
.clear{clear:both;visibility: hidden;height:0px;}
.left{float:left;width:49%;}
.right{float:right;width:49%;}
.button{cursor:pointer;border:none;font-size:1.2em;font-family: "DejaWebBold";background:#7ed50d;padding:4px 8px;color:#1b5677;}
.launch-button{font-family: "DejaWebBold";font-size: 0.9em;position: absolute;right: 0;top: -24px;}