@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:left;}
#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;}
#right-col{width:355px;float:left;margin-left:23px;}

#footer{width:100%;}

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


/* Navigation */
#nav{font-family:Georgia, Helvetica, sans-serif;background-color:#fff;margin:2px 0 2px 0;padding:0px 45px;}
#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;}
#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;border-bottom:1px solid #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;}

/* 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 .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 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;}

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


.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;}

/* 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;}

/* 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;}
#deirdre a:hover{background-position:0 363px;}
#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 #deirdre {display:block;height:362px;width:362px;float:right;margin:0 2px 8px 0;}

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


#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);}
#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);}

.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:10px solid #01A6DC;}