@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Blue Lotus Design
Theme URI: http://http://www.bluelotuswebdesign.ca
Description: You stay classy, Vancouver.
Version: 1.0
Author: Blue Lotus Design Team of Awesomeness
*/

/* Globals */
* {margin:0;padding:0;}
* img {border:0;}
* form {margin:0;}
* ul {list-style:none;}
address {font-style:normal;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
a:hover{text-decoration:none}
a:focus {outline:none;}
a:visited {color:#000;border:none;}
a {}
body {font:76% Arial, Helvetica, sans-serif;background-color:#ffffff;height:100%;width:100%;}
p {line-height:1.3em;margin-bottom:16px;font-size:1em;}

/* Common */
.clearme {clear:both;height:0;margin:0;font-size:1px;line-height:0px;}
.float-left { float: left; }
.float-right { float: right; }

/* Structure */
#wrapper{height:100%;width:100%;}
#container{width:990px;margin:0 auto;}

#header{width:100%;background-color:#fff;margin-top:10px;}
#header .login-container{width:333px;float:right;padding-top:180px;}
#header .login {z-index:2;float:right;display:block;background-color:#01A6DC;background-image:url(http://www.bluelotuscreative.com/images/login-grad-repeat.jpg);background-repeat:repeat-x;background-position:top left;}
#header .login div{background-image:url(http://www.bluelotuscreative.com/images/login-left-curve.jpg);background-repeat:no-repeat;background-position:top left;}
#header .login div div{background-image:url(http://www.bluelotuscreative.com/images/login-right-curve.jpg);background-repeat:no-repeat;background-position:top right;padding:0 15px;line-height:38px;color:#fff;font-family:'Georgia', "Times New Roman", Times, serif;font-size:13px;font-weight:bold;}
#header .login a{color:#FFF;text-decoration:none;}
#header .login a:hover{color:#FFF;text-decoration:underline;}

#content{padding:21px;background-color:#01A6DC;}
#left-col{width:550px;float:left;background-color:#fff;padding:10px;}
#full-col{width:925px;float:left;background-color:#fff;padding:10px;}
#right-col{width:355px;float:left;margin-left:23px;}

#footer{width:100%;}

/* Header */
#header .main-logo {width:280px;float:left;color:#01A6DC;font-size:22px;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .main-logo img{margin-bottom:10px;}

#header .social{width:357px;float:left;color:#000;padding-top:180px;}
#header .social div{float:left;display:block;padding:0px 6px;}
#header .social .text{padding:12px 0px;font-weight:bold;font-size:16px;}
#header .social a{color:#01A6DC;}
#header .social a:hover{color:#01A6DC;}

/* Navigation */
#nav{font-family:Georgia, Helvetica, sans-serif;background-color:#fff;margin:2px 0 2px 0;padding:0px 10px;}
#nav ul{}
#nav li.spacer{padding:0 13px;color:#01A6DC;line-height:40px;height:40px;font-size:30px;background-color:#fff;}
#nav li{margin-bottom:4px;float:left;display:block;text-transform:uppercase;font-size:22px;padding:11px 0 0 0;line-height:29px;}
#nav li:first-child{padding-left:5px;background-color:#fff;}



#nav ul li a{display:block;color:#01A6DC;text-decoration:none;height:28px;background-color:#fff;border-bottom:1px solid #fff;}
#nav ul li a:hover{color:#36f;text-decoration:none;margin-bottom:0;border-bottom:1px solid #36f;background-color:#fff;}
#nav .float-right{float:right;}



/* Right Column */
#right-col .header {background-image:url(http://www.bluelotuscreative.com/images/sidebar-header-top.jpg);background-repeat:no-repeat; background-position:top left;padding-top:45px;margin-top:20px;margin-bottom:16px;}
#right-col .header div {background-image:url(http://www.bluelotuscreative.com/images/sidebar-header-bottom.jpg);background-repeat:no-repeat; background-position:bottom left;}
#right-col .header div div {background-color:#fff;line-height:33px;font-family:"Georgia", "Times New Roman", Times, serif;font-size:24px;color:#01A0D4;text-align:center;font-style:italic;font-weight:bold;padding-bottom:5px;}

#right-col .testimonial {}
#right-col .testimonial h3 {line-height:120%;color:#00435A;font-size:17px;margin-bottom:16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;background-color:#fff;font-weight:normal;}
#right-col .testimonial h3 div{background-image:url(http://www.bluelotuscreative.com/images/testimonial-bg-top.jpg);background-repeat:no-repeat; background-position:top left;}
#right-col .testimonial h3 div div{background-image:url(http://www.bluelotuscreative.com/images/testimonial-bg-bottom.jpg);background-repeat:no-repeat; background-position:bottom left;padding:10px 10px 38px 10px;}
#right-col .testimonial .highlight {color:#01A0D4;}
#right-col .testimonial h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;color:#fff;padding:5px 0 13px 0;font-style:italic;font-weight:normal;margin-bottom:16px;}
#right-col .testimonial .owner {font-size:13px;font-weight:bold;}
#right-col .testimonial a {color:#00435A;text-decoration:underline;}

#right-col p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:115%;color:#fff;font-weight:normal;padding-bottom:16px;}

#right-col h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;margin-bottom:16px;color:fff;}

#right-col .archives a{color:#fff;line-height:24px;}
#right-col .archives a:hover{color:#fff;text-decoration:none;line-height:24px;}
#right-col .category a{color:#fff;}
#right-col .category a:hover{color:#fff;}

#right-col .archives .car-yearmonth{color:#fff;font-size:14px;font-weight:bold;margin-top:12px;display:block;}
#right-col .archives .car-monthlisting{color:#fff;}
/* Left Column
#left-col .header {background-image:url(http://www.bluelotuscreative.com/images/left-header-top.gif);background-repeat:no-repeat; background-position:top left;padding-top:9px;margin-top:0px;margin-bottom:16px;}
#left-col .header div {background-image:url(http://www.bluelotuscreative.com/images/left-header-bottom.gif);background-repeat:no-repeat; background-position:bottom left;}
#left-col .header div div {background-color:#fff;line-height:33px;font-family:"Georgia", Times New Roman, Times, serif;font-size:24px;color:#01A0D4;text-align:center;font-style:italic;font-weight:bold;padding-bottom:5px;}
*/

#left-col ul, #left-col ol{margin-bottom:16px;}
#left-col ul li{margin-bottom:8px;}
#left-col ol li{margin-bottom:8px;}

#left-col .header{background-color:#01A6DC;background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-rpt.jpg);background-repeat:repeat-x; background-position:top left;margin-bottom:16px;}
#left-col .header div{background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-right.jpg);background-repeat:no-repeat; background-position:top right;}
#left-col .header div div{width:100%;height:50px;line-height:50px;text-align:center;background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-left.jpg);background-repeat:no-repeat; background-position:top left;font-family:'Georgia', "Times New Roman", Times, serif;font-size:18px;font-weight:bold;font-style:italic;color:#fff;}

#left-col p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:120%;color:#666;font-weight:normal;}
#left-col h1{color:#01A6DC;font-size:20px;margin-bottom:16px;font-family:"Georgia", "Times New Roman", Times, serif;font-style:italic;padding-top:16px;}
#left-col h2{color:#01A6DC;font-size:16px;margin-bottom:16px;font-family:"Georgia", "Times New Roman", Times, serif;font-style:italic;}

#left-col h3{color:#01A6DC;font-size:17px;margin-bottom:16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;padding-top:16px;line-height:120%;}
#left-col h4{color:#01A6DC;font-size:15px;margin-bottom:16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;padding-top:16px;}
#left-col .portfolio p{font-size:13px;font-weight:normal;line-height:120%;}
#left-col #flash-container {margin-bottom:20px;}

#left-col .testimonial{border-top:1px solid #999999;}
#left-col .testimonial h3{color:#666;}
#left-col .testimonial h3 .highlight {color:#01A6DC;}
#left-col .testimonial h4{color:#666;}

#left-col .screenshots{margin-right:20px;float:left;display:block;width:160px;}
#left-col .no-marg{margin-right:0px;}

#left-col  .interest{display:block;font-style:italic;font-family:"Georgia", "Times New Roman", Times, serif;color:#333333;font-size:15px;line-height:140%;}

#left-col  .attention{margin-left:20px;margin-bottom:20px;padding:10px;border:1px solid #01A6DC;width:200px;float:right;display:block;font-style:italic;font-family:"Georgia", "Times New Roman", Times, serif;color:#333333;font-size:15px;line-height:140%;}


#left-col ul {list-style:disc outside none;padding-left:30px;color:#666666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:120%;margin-bottom:16px;}
#left-col ol {padding-left:30px;color:#666666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:120%;margin-bottom:16px;}
#left-col .entry a img {border:1px solid #999999;padding:3px;}
#left-col .entry a:hover img {border:1px solid #01A6DC;padding:3px;}
#left-col .blog-table {color:#666666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:120%;margin:0 auto 16px auto;text-align:center;border:1px solid #999999;}
#left-col .blog-table td {border:1px solid #999999;}

/* Invoices Page Client */
#contact_table{width:550px;background-color:#fff;border-top:1px solid #000;text-align:left;margin-bottom:20px;margin-top:0px;padding:0px;}
#contact_table th{padding:7px 5px;border-left:1px solid #000;border-bottom:1px solid #000;background-color:#0079A1;color:#fff;text-align:center;}
#contact_table th.last-child{border-right:1px solid #000;}
#contact_table td{padding:7px 5px;border-left:1px solid #000;border-bottom:1px solid #000; vertical-align:top;color:#666;}
#contact_table td.last-child{border-right:1px solid #000;}

#contact_table #col1{width:120px;font-weight:bold;}
#contact_table #col2{}

#left-col a{color:#01A6DC;}
#left-col a:hover{color:#01A6DC;text-decoration:none;}

#left-col small{color:#01A6DC;}

#left-col .service-item{padding:0px;margin:0px;}
#left-col .service-item h2{padding:0px;margin-top:0px;margin-bottom:8px;font-family:'Georgia', "Times New Roman", Times, serif;font-size:16px;color:#01A6DC;font-weight:bold;line-height:120%;}
#left-col .service-item p{padding:0px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:13px;color:#666;line-height:120%;}
#left-col .service-item img{float:right;margin:18px 0px 10px 10px;display:block;clear:left;border:2px solid #01A6DC;}

#left-col .cf-group-after{margin-bottom:10px;margin-right:10px;padding-left:8px;width:240px;}
#left-col .cf-group-after span{width:210px;}
#left-col .cf-box-b{}
#left-col #li--7items{margin-bottom:10px;}

#left-col #Type-of-Project{height:30px;line-height:30px;}
#left-col #Type-of-Project option{height:30px;padding:2px;}

#left-col #Budget-Range{height:30px;line-height:30px;}
#left-col #Budget-Range option{height:30px;padding:2px;}

#left-col #Time-Frame-for-Project-to-Begin{height:30px;line-height:30px;}
#left-col #Time-Frame-for-Project-to-Begin option{height:30px;padding:2px;}

#left-col textarea{height:90px;width:550px;}
#left-col #usermessagea{background-color:#99FF99;border:1px solid #666;}
/* Footer */
#footer {padding:12px 0px 30px 0px;}
#footer ul{width:750px;float:left;}
#footer ul li{float:right;display:block;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;font-size:12px;line-height:100%;color:#000;margin-bottom:10px;}
#footer ul li:first-child{float:left;}
#footer ul li.spacer{padding:0 20px;color:#000;font-size:12px;}
#footer ul li a:link{text-decoration:none;color:#000;border-bottom:1px solid #000;padding-bottom:1px;}
#footer ul li a:hover{text-decoration:none;color:#000;}
#grooveshark-player{float:right; margin:0 0 0 15px; text-align: center;}
#grooveshark-player p{font-size:7pt; margin:2px 0 0 0;}

#container ul li.rss {background-image:url(http://www.bluelotuscreative.com/images/icon-rss.png);background-position:center left;background-repeat:no-repeat;padding:0px 0px 5px 20px;}
#container ul li.facebook {background-image:url(http://www.bluelotuscreative.com/images/facebook.png);background-position:center left;background-repeat:no-repeat;padding:0px 0px 0px 20px;}
#container ul li.twitter {background-image:url(http://www.bluelotuscreative.com/images/twitter.png);background-position:center left;background-repeat:no-repeat;padding:0px 0px 0px 20px;}

#cformsform input.single{width:150px;}


/* Hidden Contact Form Div */
#show-rest-form{}

.twitter a{color:#00435A;}
.twitter a:hover{color:#00435A;}

/* Contact Page Form Styling */
#content .contact-us-form label{display:block;height:20px;line-height:20px;font-size:14px;font-weight:bold;}
#content .contact-us-form .item{display:block;float:left;width:270px;margin-bottom:10px;margin-right:8px;}
#content .contact-us-form .input{width:250px;height:20px;padding:4px;font-size:14px;}
#content .contact-us-form .textarea{width:533px;padding:4px;font-size:14px;}
#content .contact-us-form .right{margin-right:10px;}
#content .contact-us-form .large .input, #content .contact-us-form .large{width:530px;}
#content .contact-us-form .submit{display:block;float:right;width:150px;height:30px;line-height:30px;font-size:14px;font-weight:bold;}
#content .contact-us-form .no-margin{margin:0px;}

#content a#show-button { cursor:pointer; }

#content .contact-us-form .contact-submit-btn{float:right;font-size:16px;width:150px;height:30px;line-height:30px;font-size:14px;background-color:#01A6DC;color:#fff;padding:0px 0px 2px 0px;border:none;}

/* Team Page Styles */
#team-container h2{margin-top:20px;color:#01A6DC;}
#team-container img{margin:0 0 10px 10px;border:1px solid #BFBFBF;padding:2px;}
#gabe2{width:100%;clear:both;min-height:228px;height:auto;}
#rob2{width:100%;clear:both;min-height:228px;height:auto;}

/* Common */
.clearme {clear:both;height:0;margin:0;font-size:1px;line-height:0px;}
.blue{color:#01A6DC;}
.error-marker{border:1px solid #CC0000;}
.red{color:#CC0000;}
.folio-h1 {border:none;padding:0px;}

#right-col .testimonial-link{padding-bottom:6px;display:block;text-align:right;}
#right-col a.testimonial-link {color:#fff;}
#right-col a.testimonial-link:hover{color:#fff;}

/* Portfolio */

#folio-container p{display:none;position:absolute;left:5000;}
#folio-container a{display:block;height:174px;width:174px;background-repeat:no-repeat;padding: 0px;}
#folio-container a:hover{background-position:0 175px;}

#folio-container a img{border:1px solid #999999;}
#folio-container a:hover img{border:1px solid #01A6DC;}

#folio-container div{display:block;height:176px;width:176px;float:left;}
#folio-container div.clearme{height:1px;width:1px;float:none;}
#folio-container #deirdre {display:block;height:362px;width:362px;float:right;margin:0 2px 8px 0;}
#folio-container #sukhi {display:block;float:left;height:176px;width:176px;margin:8px 0px 8px 0px;}
#folio-container #whut2do {display:block;float:left;height:176px;width:176px;margin:0px 0px 8px 0px;}
#folio-container #dogtagbuilder {display:block;height:362px;width:362px;float:left;margin:8px 8px 8px 0px;}

#folio-container #luv{margin-bottom:8px;}
#folio-container #everland{margin:10px 10px 0 0;}
#folio-container #ladybug{margin-right:8px;}

#folio-container2 p{display:none;position:absolute;left:5000;}
#folio-container2 a{display:block;height:174px;width:174px;background-repeat:no-repeat;padding: 0px;}
#folio-container2 a:hover{background-position:0 175px;}
#folio-container2 a img{border:1px solid #999999;}
#folio-container2 a:hover img{border:1px solid #01A6DC;}

#folio-container2 div{display:block;height:176px;width:176px;float:left;}
#folio-container2 div.clearme{height:1px;width:1px;float:none;}
#folio-container2 #deirdre {display:block;height:362px;width:362px;float:right;margin:0 2px 8px 0;}
#folio-container2 #sukhi {display:block;float:left;height:176px;width:176px;margin:8px 0px 8px 0px;}
#folio-container2 #whut2do {display:block;float:left;height:176px;width:176px;margin:0px 0px 8px 0px;}
#folio-container2 #dogtagbuilder {display:block;height:362px;width:362px;float:left;margin:8px 8px 8px 0px;}
#folio-container2 #shopapparat {display:block;height:362px;width:362px;float:right;margin:0 2px 8px 0;}
#folio-container2 #deirdrenew {display:block;float:left;height:176px;width:176px;margin:0px 0px 8px 0px;}

#folio-container2 #luv{margin-bottom:8px;}
#folio-container2 #zeba{margin-bottom:8px;}
#folio-container2 #everland{margin:0px 10px 10px 0;}
#folio-container2 #ladybug{margin-right:8px;}


#deirdre a:hover{background-position:0 363px;}
#sukhi a:hover{background-position:0 175px;}
#whut2do a:hover{background-position:0 175px;}
#dogtagbuilder a:hover{background-position:0 363px;}
#shopapparat a:hover{background-position:0 363px;}
#deirdrenew a:hover{background-position:0 175px;}

#zeba a{background:url(http://www.bluelotuscreative.com/images/folio/zeba-thmb.jpg);}
#luv a{background:url(http://www.bluelotuscreative.com/images/folio/luv-thumb.jpg);}
#deirdre a{height:356px;width:356px;background:url(http://www.bluelotuscreative.com/images/folio/deirdre-thmb.jpg);}
#shopapparat a{height:356px;width:356px;background:url(http://www.bluelotuscreative.com/images/folio/shopapparat-thmb.jpg);}
#deirdrenew a{height:176px;width:176px;background:url(http://www.bluelotuscreative.com/images/folio/deirdrenew-thumb.jpg);}
#everland a{background:url(http://www.bluelotuscreative.com/images/folio/everland-thmb.jpg);}
#ladybug a{background:url(http://www.bluelotuscreative.com/images/folio/ladybug-thmb.jpg);}
#enchanted a{background:url(http://www.bluelotuscreative.com/images/folio/enchanted-thmb.jpg);}
#sukhi a{height:176px;width:176px;background:url(http://www.bluelotuscreative.com/images/folio/sukhi-thmb.jpg);}
#dogtagbuilder a{height:356px;width:356px;background:url(http://www.bluelotuscreative.com/images/folio/dogtagbuilder-thmb.jpg);}
#whut2do a{height:176px;width:176px;background:url(http://www.bluelotuscreative.com/images/folio/whut2do-thumb.jpg);}

.folio-sml img{border:1px solid #999999;padding:3px;}
.folio-sml:hover img{border:1px solid #01A6DC;}

.folio-link{text-align:right;color:#01A6DC;}
.sml-copy{font-size:.7em;}

#print-portfolio{}
#print-portfolio .logo{width:268px;float:left;margin-right:8px;margin-bottom:8px;}
#print-portfolio .no-marg{margin:0px 0px 8px 0px;}
#print-portfolio .logo img{border:1px solid #999999;padding:3px;}
#print-portfolio .logo a:hover img{border:1px solid #01A6DC;}

/* Sitemap */
.portfolio,.portfolio ul{list-style-position:outside;list-style-type:disc;margin-left:20px;line-height:1.6em;}
.portfolio ul{list-style-type:circle;}
#left-col .print-profile img{border:25px solid #01A6DC;}


/* Full Column */
#full-col ul, #full-col ol{margin-bottom:16px;}
#full-col ul li{margin-bottom:8px;}
#full-col ol li{margin-bottom:8px;}

#full-col .header{background-color:#01A6DC;background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-rpt.jpg);background-repeat:repeat-x; background-position:top left;margin-bottom:16px;}
#full-col .header div{background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-right.jpg);background-repeat:no-repeat; background-position:top right;}
#full-col .header div div{width:100%;height:50px;line-height:50px;text-align:center;background-image:url(http://www.bluelotuscreative.com/images/leftcol-header-bg-left.jpg);background-repeat:no-repeat; background-position:top left;font-family:'Georgia', "Times New Roman", Times, serif;font-size:18px;font-weight:bold;font-style:italic;color:#fff;}

#full-col p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:120%;color:#666;font-weight:normal;}
#full-col h1{color:#01A6DC;font-size:20px;margin-bottom:16px;font-family:"Georgia", "Times New Roman", Times, serif;font-style:italic;}
#full-col h2{color:#01A6DC;font-size:16px;margin-bottom:16px;font-family:"Georgia", "Times New Roman", Times, serif;font-style:italic;padding-top:10px;}

#full-col h3{color:#01A6DC;font-size:17px;margin-bottom:16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;line-height:120%;}
#full-col h4{color:#01A6DC;font-size:15px;margin-bottom:16px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;}
#full-col .portfolio p{font-size:13px;font-weight:normal;line-height:120%;}
#full-col #flash-container {margin-bottom:20px;}

#full-col .testimonial{border-top:1px solid #999999;}
#full-col .testimonial h3{color:#666;}
#full-col .testimonial h3 .highlight {color:#01A6DC;}
#full-col .testimonial h4{color:#666;}

#full-col .screenshots{margin-right:20px;float:left;display:block;width:160px;}
#full-col .no-marg{margin-right:0px;}

#full-col  .interest{display:block;font-style:italic;font-family:"Georgia", "Times New Roman", Times, serif;color:#333333;font-size:15px;line-height:140%;}

#full-col ul {list-style:disc outside none;padding-left:30px;color:#666666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:120%;margin-bottom:16px;}
#full-col ol {padding-left:30px;color:#666666;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal;line-height:120%;margin-bottom:16px;}

#full-col a{color:#01A6DC;}
#full-col a:hover{color:#01A6DC;text-decoration:none;}

/* Paypal Payment Class /ID */

#left-col #amount{width:100px;height:30px;padding:3px;border:1px solid #01A6DC;margin-top:4px;margin-left:4px;}
#left-col #item_name{width:100px;height:30px;padding:3px;border:1px solid #01A6DC;margin-top:4px;}


/* Survey Coupon */

.coupon { border:6px dashed #01A6DC; width:350px; min-height:200px; margin:0 auto; text-align:center; padding:10px;margin-bottom:20px; }
.coupon p { }
.coupon .title {}
.coupon .date {}
.coupon .value { font-size:16px; font-weight: bold; }
.coupon .fine-print { font-size:8px; text-transform: uppercase; text-align: justify; margin:0; }
.coupon .coupon-logo{width:200px;margin:0 auto;}