/*
Author: Matt Webb
Company: Webb Interactive Design
Copyright 2008 All Rights Reserved 
*/

/*Headers and Link Styles______________________________________________________________*/

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; padding:0px; margin:0px 0px 10px -18px; }

#sub_nav h2 { text-indent:-9999px; }

h3 { margin:0px; padding:0px; }

h3#featured_title { background:url(../images/featured_title.gif) no-repeat top left; width:183px; height:27px; text-indent:-9999px; }

h3#skufedup_title { background:url(../images/title_skufedup.gif) no-repeat top left; width:111px; height:27px; text-indent:-9999px; }

h3#pfc_title { background:url(../images/title_pfc.gif) no-repeat top left; width:190px; height:27px; text-indent:-9999px; }

h3#drwebb_title { background:url(../images/title_drwebb.gif) no-repeat top left; width:252px; height:27px; text-indent:-9999px; }

h3#projectm85_title { background:url(../images/title_projectm85.gif) no-repeat top left; width:132px; height:27px; text-indent:-9999px; }

h3#highlands_title { background:url(../images/title_highlands.gif) no-repeat top left; width:251px; height:27px; text-indent:-9999px; }

h3#dangriner_title { background:url(../images/title_dangriner.gif) no-repeat top left; width:121px; height:27px; text-indent:-9999px; }

h3#contactinfo_title { background:url(../images/title_contactinfo.gif) no-repeat top left; width:119px; height:27px; text-indent:-9999px; }

h3#imalsoon_title { background:url(../images/title_imalsoon.gif) no-repeat top left; width:136px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#awards_title { background:url(../images/title_awards.gif) no-repeat top left; width:161px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#aboutthissite_title { background:url(../images/title_aboutsite.gif) no-repeat top left; width:161px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#aboutme_title { background:url(../images/title_aboutme.gif) no-repeat top left; width:103px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#resume_title { background:url(../images/title_resume.gif) no-repeat top left; float:left; width:80px; height:27px; margin:5px 5px 5px 20px; text-indent:-9999px; }

h3#shanghaimoon_title { background:url(../images/title_shanghaimoon.gif) no-repeat top left; width:170px; height:27px; text-indent:-9999px; }

h3#bestteas_title { background:url(../images/title_bestteas.gif) no-repeat top left; width:256px; height:27px; text-indent:-9999px; }

h3#d3_title { background:url(../images/title_d3.gif) no-repeat top left; width:247px; height:27px; text-indent:-9999px; }

h3#whatcanioffer_title { background:url(../images/title_whatcanioffer.gif) no-repeat top left; width:247px; height:27px; text-indent:-9999px; }

h3#webservices_title { background:url(../images/title_webservices.gif) no-repeat top left; width:247px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#otherservices_title { background:url(../images/title_otherservices.gif) no-repeat top left; width:247px; height:27px; margin-bottom:5px; text-indent:-9999px; }

h3#personalposter_title { background:url(../images/title_personalposter.gif) no-repeat top left; width:174px; height:27px; text-indent:-9999px; }

h3#travelchina_title { background:url(../images/title_travelchina.gif) no-repeat top left; width:138px; height:27px; text-indent:-9999px; }

h5 { margin:10px 0px 3px 0px; }

span.spec_title { font-weight:bold; color:#21333c; }

p { line-height:135%; margin:3px 0px 0px 0px; padding:0px; font-size:.75em; }

a { color:#000000; text-decoration:none; }

a:hover { color:#2E89B7; text-decoration:underline; }

a:active { color:#000000; text-decoration:none; }

a:visited { color:#2E89B7; }

#checkmark_white { list-style-image:url(../images/checkmark_white.gif); margin:0px; padding:0px; }

#thankyou { margin:0px 0px 0px 25px; padding:0px; }

/*::-moz-selection{ background:#2E89B7; color:#fff; }

::selection { background:#2E89B7; color:#fff; }*/

/*Sidebar, Sub Navigation and Navigation Buttons______________________________________________________________*/

#logo { padding:0px 0px 6px 0px; }

a { outline:none;}

a img { border:none; outline:none; }

.active  { font-family:Verdana, Arial, Helvetica, sans-serif; z-index:1; font-size:.92em; font-weight: bold; color: #000; text-decoration: none; width: 217px; height:39px; margin: 0px 0px 0px 0px; padding:9px 5px 3px 0px; display:block; text-align:right; }

#sidebar ul { margin:6px 0px 0px 0px; position:absolute; padding:0px; list-style-type: none; }

#sidebar a { font-family:Verdana, Arial, Helvetica, sans-serif; z-index:1; font-size:.92em; font-weight: bold; color: #666; text-decoration: none; width: 217px; height:39px; margin: 0px 0px 0px 0px; padding:9px 5px 3px 0px; display:block; text-align:right; }
 
#portfolio_btn { background:url(../images/portfolio_btn.gif) no-repeat top left; display:block; width:217px; height:39px; }

#services_btn { background:url(../images/services_btn.gif) no-repeat top left; display:block; width:217px; height:39px; }

#about_btn { background:url(../images/about_btn.gif) no-repeat top left; display:block; width:217px; height:39px; }

#contact_btn { background:url(../images/contact_btn.gif) no-repeat top left; display:block; width:217px; height:39px; }

#news_btn { background:url(../images/news_btn.gif) no-repeat top left; display:block; width:217px; height:39px; }

#valid_cloud { margin-top:200px; padding:10px 0px 10px 0px; }

#sub_nav { width:628px; height:32px; }

#sub_nav ul { margin:0px; padding:10px 0px 10px 0px; }

#sub_nav li { list-style:none; padding: 0px 17px 0px 17px;  float:left; }

#sub_nav img { margin:0px; padding: 0px;}

#sub_nav_web { background:url(../images/websites_btn_over.gif) no-repeat top center; display:block; height:34px; width:120px; }

#sub_nav_logo { background:url(../images/logos_btn_over.gif) no-repeat top center; display:block; height:34px; width:94px; }

#sub_nav_photo { background:url(../images/photography_btn_over.gif) no-repeat top center; display:block; height:32px; width:143px; }

#sub_nav_print { background:url(../images/print_btn_over.gif) no-repeat top center; display:block; height:32px; width:128px; }

#next_prev { width:162px; margin-left:470px; }

/*Content area______________________________________________________________*/

#header { margin:0px; padding:0px 0px 0px 4px; }

#shanghaimoon_logo { background:url(../images/shanghaimoon_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#highlands_logo { background:url(../images/highlands_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#d3_logo { background:url(../images/d3_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#projectm85_logo { background:url(../images/projectm85_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#pfc_logo { background:url(../images/pfc_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#bestteas_logo { background:url(../images/bestteas_logo_over.jpg) no-repeat top left; width:321px; height:162px; }

#pfc_print { background:url(../images/pfc_print_over.jpg) no-repeat top left; width:321px; height:162px; }

#shanghaimoon_print { background:url(../images/shanghaimoon_print_over.jpg) no-repeat top left; width:321px; height:162px; }

#personalposter_print { background:url(../images/personalposter_print_over.jpg) no-repeat top left; width:321px; height:162px; }

#travelchina_print { background:url(../images/travelchina_print_over.jpg) no-repeat top left; width:321px; height:162px; }

#projectm85_site { background:url(../images/projectm85_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#highlands_site { background:url(../images/highlands_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#dangriner_site { background:url(../images/dangriner_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#pfc_site { background:url(../images/pfc_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#skufedup_site { background:url(../images/skufedup_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#drwebb_site { background:url(../images/drwebb_site_over.jpg) no-repeat top left; width:321px; height:162px; }

#featured { background:url(../images/featured_skufedup_over.jpg) no-repeat top left; width:321px; height:162px; }

/*Section Slider area______________________________________________________________*/

#kwick { position: relative; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}

#kwick .kwicks { display: block; background: url(../images/section_print_under.gif) top right no-repeat; height: 161px; padding:0px; margin:0px; list-style:none; overflow: hidden; }

#kwick li { float: left; }

#kwick .kwick { display: block; cursor: pointer; overflow: hidden; height: 161px; width: 150px; padding: 0px 0px 0px 0px; border-right: 1px solid #fff; }

#kwick .kwick span { display: none; }

#kwick .web { background: url(../images/section_web.gif); }

#kwick .logo { background: url(../images/section_logo.gif); }

#kwick .photo { background: url(../images/section_photo.gif); }

#kwick .print { background: url(../images/section_print.gif); border-right: 0; }

#right_kwick { float:left; height:161px; }

/*About area______________________________________________________________*/

#about_row { width:628px; height:252px; }

#about_left { width:303px; float:left; }

#about_left ul { margin:0px; }

#about_left li { list-style-image:url(../images/about_list_icon.gif); line-height:145%; font-size:1em; }

#about_right { width:303px; margin-left:315px; }

.tool-tip { color: #fff; width: 139px; z-index: 13000; }
 
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: url(../images/bubble.png) top left; }
 
.tool-text { font-size: 11px; padding: 4px 8px 8px; background: url(../images/bubble.png) bottom right; }

/*Services area______________________________________________________________*/

#services_row { width:628px; height:220px; }

#services_left { width:303px; float:left; }

#services_row ul { margin:0px; }

#services_row li { list-style-image:url(../images/about_list_icon.gif); line-height:145%; font-size:1em; }

#services_right { width:303px; margin-left:335px; }

/*Form area______________________________________________________________*/

#contact_left { width:303px; height:435px; float:left; overflow:visible; }

#contact_right { width:310px; height:435px; overflow:visible; margin-left:318px; }

form { width: 303px; padding:0px; margin: 0px; }

label { display: block; width: 100%; background-repeat: no-repeat; text-indent:-9999px; }

label#name { background:url(../images/title_realname.gif) no-repeat top left; margin-bottom:3px; }

label#email { background:url(../images/title_validemail.gif) no-repeat top left; margin-bottom:3px; }

label#subject { background:url(../images/title_subjectfocus.gif) no-repeat top left; height:23px; margin-bottom:3px; }

label#message { background:url(../images/title_memo.gif) no-repeat top left; margin-bottom:3px; }

input { border: none; height:34px; max-width:301px; padding:8px; font-size:1em; }

.buttons { height:37px; width:79px; margin-left:225px; outline:none; cursor:pointer; }

input#input1:hover, #input1:focus { background: url(../images/input_on_bk.gif) no-repeat top left; height:34px; width:298px;  }

#input1 { background: url(../images/input_bk.gif) no-repeat top left; overflow:hidden; height:34px; width:298px;  }

input#input2:hover, #input2:focus { background: url(../images/input_on_bk.gif) no-repeat top left; height:34px; width:298px;  }

#input2 { background: url(../images/input_bk.gif) no-repeat top left; height:34px; width:298px;  }

input#input3:hover, #input3:focus { background: url(../images/input_on_bk.gif) no-repeat top left; height:34px; width:298px;  }

#input3 { background: url(../images/input_bk.gif) no-repeat top left; overflow:hidden; height:34px; width:298px;  }

textarea { max-width:301px; height:140px; border:none; overflow:auto; padding:6px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;  }

textarea#textarea:hover, #textarea:focus { background: url(../images/textarea_on_bk.gif) no-repeat top left; height:140px; width:301px; font-size:1em; }

#textarea { background: url(../images/textarea_bk.gif) no-repeat top left; height:140px; width:301px;  }

/*Footer area______________________________________________________________*/

#footer ul li { margin:0px 0px 0px 20px; font-size:.85em; line-height:150%; padding:0px; }

#footer ul li a { text-decoration:none; color:#FFFFFF; }

.none { list-style-image:none; list-style:none; margin:0px; padding:0px; }

span.name { color:#6DC0EC; font-size:1em; }

#quick_services_list { width:160px; padding:0px 0px 0px 5px; margin:0px; list-style-image:url(../images/checkmark.gif); }

#my_clients { width:160px; padding:0px 0px 0px 15px; margin:0px; list-style-image:url(../images/circle_arrow.gif); }

#favorites_left { width:160px; padding:0px 0px 0px 10px; margin:0px; list-style-image:url(../images/circle_arrow_red.gif); }

#favorites_right { width:150px; padding:0px 0px 0px 10px; margin:30px 0px 0px 0px; list-style-image:url(../images/circle_arrow_red.gif); }

#quote { width:200px; padding:0px 0px 0px 0px; list-style:none; margin:0px; }

#quote p { width:200px; padding:0px 0px 0px 0px; list-style:none; font-size:.9em; margin:0px; }