/*
Theme Name: Fresh Theme
Theme URI: http://www.sundcompany.com
Description: Sarah likes fruit - Fresh Theme.
Version: .5
Author: Sund & Company
Author URI: http://www.sundcompany.com
Tags: fresh, fruit

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Sund & Company

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* YUI CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,strong,th,var { font-style:normal; font-weight:normal; }
strong { font-weight: bold; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }

/****************************************************************************/
/**************************** Actual Page Styling ***************************/
/****************************************************************************/
body { background: #FFF; font-family: arial, verdana; font-size: 12px; color: #555555; }

/* Containers and Wraps */
.wrapper { position: relative; margin: 0 auto; width: 940px; overflow: hidden; }
.clear { clear: both; line-height: 0px; height: 0px; }

/* Header Styling */
#header { margin: 0 auto; width: 940px; position: relative; }
h1 { float: left; width: 196px; height: 124px; margin-top: 15px; padding-bottom: 10px; }

/* Main Nav */
#mainNav { float: right; padding: 120px 0 0 0; }
#mainNav li { display: inline; }
#mainNav li a {
	float: left;
	display: block;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	color: #555555;
	text-decoration: none;
	padding: 0 20px;
	text-align: center;
	background: url('images/pipe.gif') no-repeat right 5px;
}
#mainNav li a.contact { background: none; }
#mainNav li a.contact:hover { background: #66CCFF; }
#mainNav li a.pageOn { background: #66CCFF url('images/pipe.gif') no-repeat right 5px; color: #FFF; }
#mainNav li a.contactPageOn { background: #66CCFF; color: #FFF; }
#mainNav li a:hover { color: #FFF; background: #66CCFF url('images/pipe.gif') no-repeat right 5px; }
/* Main Nav Drop Ups */
#mainNav li ul li { display: block; }
#mainNav li ul { position: absolute; display: none; }
#mainNav li ul li a { margin: 0; padding: 0 20px; color: #65CBFF; clear: both; background: none; }
#mainNav li ul li a:hover { font-weight: bold; background: none; color: #65CBFF;  }
#mainNavHoverCompany { top: 40px; left: 424px; }
#mainNavHoverServices { top: 80px; left: 514px; }
#mainNavHoverPortfolio { top: 80px; left: 540px; }
#mainNavHoverTestimonials { top: 80px; left: 683px; }
#mainNavHoverBlog { top: 80px; left: 780px; }
#mainNavHoverContact { top: 80px; left: 844px; }

/* Footer Styling */
#footer { background: url('images/footer-new.png') repeat-x;  }
#footer2 { background: url('images/footer2-new.png') repeat-x; }
#footer3 { background: url('images/footer3-new.png') repeat-x; }
#social { position: relative; background: url('images/social-fbligp.png') no-repeat 0 21px; height: 30px; padding-top: 28px; text-align: center; color: #FFF; font-size: 10px; }
#facebook { position: absolute; display: block; width: 30px; height: 30px; top: 21px; left: 0px; text-indent: -9999px; outline: none; }
#linkedin { position: absolute; display: block; width: 30px; height: 30px; top: 21px; left: 43px; text-indent: -9999px; outline: none;}
#googleplus { position: absolute; display: block; width: 30px; height: 30px; top: 21px; left: 86px; text-indent: -9999px; outline: none;}
#twitter { position: absolute; display: block; width: 91px; height: 30px; top: 21px; left: 135px; text-indent: -9999px; outline: none; }
.login { position: absolute; top: 28px; left: 870px; }
.loginlink { text-decoration: none; color: #FFF; }
.loginlink:hover { text-decoration: underline; }
.contactlink { text-decoration: underline; color: #FFF; }
.contactlink:hover { text-decoration: none; }

/* Banner Styling */
.bannerLink { position: absolute; top: 0; left: 380px; height: 305px; width: 540px; outline: none; }
/* GrapeFruit */
#bannerWrap { background: url('images/banner-316.png') repeat; height: 316px; clear: both; }
#banner { margin: 0 auto; width: 940px; background: url('images/grapeFruit.png') no-repeat right 0; height: 316px; color: #FFF; position: relative; }
/* Black Foot Splash */
#bannerWrap2 { background: url('images/banner2-316.png') repeat; height: 316px; clear: both; }
#banner2 { margin: 0 auto; width: 940px; background: url('images/feetSplash.png') no-repeat right 0; height: 316px; color: #FFF; position: relative; }
/* Blue Sunflower */
#bannerWrap3 { background: url('images/banner3-316.png') repeat; height: 316px; clear: both; }
#banner3 { margin: 0 auto; width: 940px; background: url('images/flower.png') no-repeat right 0; height: 316px; color: #FFF; position: relative; }
/* Continued Banner Styling */
#bannerHeader { padding: 6px 0 0 0; }
#bannerHeader a { font-size: 66px; color: #fff; text-decoration: none; }
#bannerText { width: 600px; height: 75px; font-size: 20px; padding-bottom: 10px; }
#btnList { width: 400px; }
#btnList dt { float: left; width: 115px; height: 39px; padding: 5px 10px 0px 0; }
#btnList dd { float: left; width: 275px; height: 39px; line-height: 39px; padding: 0 0 5px 0; font-size: 16px; }
#btnList a.btn { display: block; width: 115px; height: 39px; outline: none; }
#btnList a.btn1 { display: block; width: 115px; height: 39px; outline: none; background: url('images/button1.png') no-repeat; cursor: pointer; text-indent: -9999px; }
#btnList a.btn1:hover { background: url('images/button1on.png') no-repeat; }
#btnList a.btn2 { display: block; width: 115px; height: 39px; outline: none; background: url('images/button2.png') no-repeat; cursor: pointer; text-indent: -9999px; }
#btnList a.btn2:hover { background: url('images/button2on.png') no-repeat; }
#btnList a.btn3 { display: block; width: 115px; height: 39px; outline: none; background: url('images/fanmail.png') no-repeat; cursor: pointer; text-indent: -9999px; }
#btnList a.btn3:hover { background: url('images/fanmail_RO.png') no-repeat; }
#btnList a.text { color: #FFF; text-decoration: none; }

/* All Page Styling */
#col1 { float: left; width: 330px; padding: 0 40px 0 0; line-height: 20px; padding-bottom: 10px; }
#col2 { float: left; width: 570px; line-height: 20px; padding-bottom: 10px; }
#content { line-height: 20px; margin-bottom: 20px; }
p.quoteoutdent: first-line { margin-left: -5px }

/* Link Styling All Pages */
#col1 a, #col2 a, #content a { color: #66CBFF; text-decoration: none; }
#col1 a:hover, #col2 a:hover, #content a:hover { text-decoration: underline; }
.linkStyle1 { font-size: 15px; color: #66CBFF; font-weight: bold; line-height: 20px; text-decoration: none; }
.linkStyle1:hover { text-decoration: underline; }
.linkStyle2 { color: #777; text-decoration: none; }
.linkStyle2:hover { text-decoration: underline; }
#col2 a.linkStyle3 { color: #555; font-weight:bold; text-decoration: none; font-size: 13px; }
#col2 a.linkStyle3:hover { color: #555; text-decoration: underline; }
.lineLinks li { font-size: 15px; display: inline; width: 80px; }
.lineLinks li a { display: block; float: left; padding: 0 20px 10px 0; }
#col1 .noundergrey { text-decoration: none; color:#555; }
#col1 .noundergrey:hover { text-decoration: underline; color:#555; }
#col2 a.neverunder { text-decoration: none; }
#col2 a.neverunder:hover { text-decoration: none; }

/* Main Page Styling */
.titleStyle1 { font-size: 16px; color: #65CBFF; padding: 15px 0 20px 0; font-weight: bold; }
.gpolikenexttoh3title { float:left; padding: 13px 0 22px 20px; }
.fblikenexttoh3title {
	float:left;
	padding: 13px 0 22px 0;
	width: 250px;
}
.fblikenexttoh3title-home {
	float:left;
	padding: 11px 0 22px 0;
	width: 300px;
}
#mainPageLinks li { font-size: 15px; display: inline; width: 80px; }
#mainPageLinks li a { display: block; float: left; padding: 10px 20px 10px 0; }
.reviewsLink { font-size: 15px; }

img.frontnews { border: 1px solid #ccc; margin: 6px 0 20px 12px; }

/* About Page Styling */
.theTeam {
  float: left;
  margin: 8px 12px 0 0;
  line-height: 20px;
}
.theTeam img {
  margin-bottom: 5px;
}
.aboutTitle, .aboutName {
  font-size: 14px;
  font-weight: bold;
}
.aboutName {
  color: #666666;
}
.aboutTitle {
  color: #65CBFF;
}

.aboutList, .aboutName { font-size: 14px; font-weight: bold; }
.aboutList li { padding: 0 0 5px 0; color: #666; }
.characteristicsList { font-size: 13px; font-weight: normal; }
.characteristicsList li { padding: 0 0 1px 0; color: #555; }


/* Services Page */
#serviceList li {  padding: 10px; font-size: 14px; }
#serviceList li.sloffset { background: #F4F4F4; }
#serviceList2 { padding-left: 30px; }
#serviceList2 li {  font-size: 16px; padding-bottom: 30px; padding-left: 60px; }
.serviceTitle { font-weight: bold; }
.serviceTitle2 { font-size: 18px; color: #65CBFF; }
.serviceIndent { padding-left: 10px; }
#serviceList2 li.icon1 { background: url('images/icons/magnifier.png') no-repeat; }
#serviceList2 li.icon2 { background: url('images/icons/proposal.png') no-repeat; }
#serviceList2 li.icon3 { background: url('images/icons/lightBulb.png') no-repeat; }
#serviceList2 li.icon4 { background: url('images/icons/arrow.png') no-repeat; }
#serviceList2 li.icon5 { background: url('images/icons/comb.png') no-repeat; }
#serviceList2 li.icon6 { background: url('images/icons/smile.png') no-repeat; }
#serviceList2 li.icon7 { background: url('images/icons/email.png') no-repeat; }
#serviceList2 li.icon8 { background: url('images/icons/phone.png') no-repeat; }
#serviceList2 li.icon9 { background: url('images/icons/address.png') no-repeat; }

/* Old Portfolio Page */
.portfolio li { float: left; width: 235px; padding: 0 0 20px 0; text-align: center; position: relative; }
.portfolio a { color: #65CBFF; font-size: 14px; }
.portfolio li ul.site li { padding: 0px; line-height: 20px; }
.portfolio li ul.site li.siteScreenshot { position: relative; background: url('images/portfolio/site_border.png') no-repeat 17px 0px; padding-top: 1px; height: 143px; }
.portfolio li ul.site li.siteScreenshot img { position: absolute; left: 18px; top: 2px; }
.portfolio li ul.site li.siteName { color: #65CBFF; font-weight: bold; font-size: 14px; padding-top: 8px; }
.portfolio li ul.site li.siteServices { padding-top: 10px; }
.portfolio li ul.site li.consultName { font-weight: bold; font-size: 14px; padding-top: 8px; }
.portfolio li ul.site li.noBg { background: none; padding-top: 1px; height: 143px; }

/*New Portfolio Page*/
.newportfolio ul { list-style-type: none; }
.newportfolio ul li { display: inline; margin: 0px 20px 40px 0px; height: 143px; vertical-align: top; float: left; }
.newportfolio ul li.desc { width: 200px; margin-right: 10px; }
.newportfolio ul li.desc p { margin-top: 15px; text-indent: 0px; }
.newportfolio ul li.desc p a { font-style: italic; text-decoration: none; color: #777; font-size: 13px; font-family: Georgia, Times New Roman, serif; }
.newportfolio ul li.desc p a:hover { text-decoration: none; color: #65CBFF; }
.newportfolio ul li.shot { vertical-align: top; float: left; position: relative; background: url('images/portfolio/site_border.png') no-repeat 0 0; padding-top: 1px; width: 215px; height: 143px; }
.newportfolio ul li.shot img { border: 1px solid #ccc; }
.newportfolio ul li.cct { vertical-align: top; float: left; position: relative; padding-top: 1px; height: 143px; }
.newportfolio ul li.cct img { border: 1px solid #ccc; }
.newportfolio ul li.searchm {width: 150px; }  /* doesn't seem to make that text wrap */
.newportfolio hr { border: 0; width: 100%; background-color: #ccc; color: #ccc; height: 1px; margin: 0 0 40px 0; clear: both; }
.newportfolio h3 { font-size: 14px; font-weight: bold; color: #555555; margin: 0px 0 20px 0; }
.newportfolio h4 { font-size: 14px; font-weight: bold; color: #555555; margin: 10px 0 20px 0; }
.newportfolio p a { font-style: normal; color: #65CBFF; text-decoration: none; font-weight: normal; font-size: 12px; }
.newportfolio p a:hover { text-decoration: none; }
.newportfolio p { font-style: italic; }

/* New Testimonials Page */
.newtestimonials ul { list-style-type: none; }
.newtestimonials ul li { display: inline; margin: 0px 20px 35px 0px; vertical-align: top; float: left; }
.newtestimonials ul li.TestimonialDesc { width: 200px; margin-right: 20px; }
.newtestimonials ul li.Testimonial { width: 700px; }
.newtestimonials h3 { font-size: 14px; font-weight: bold; color: #555555; margin: 0px 0 20px 0; }
.newtestimonials p a { font-style: italic; text-decoration: none; font-weight: normal; color: #777; font-size: 13px; font-family: Georgia, Times New Roman, serif; }
.newtestimonials p a:hover { color: #65CBFF; }
.newtestimonials hr { border: 0; width: 100%; background-color: #ccc; color: #ccc; height: 1px; margin-bottom: 35px; clear: both; }

/* Old Testimonials Page */
.client { color: #65CBFF; }
.fullPage { line-height: 20px; }
.fullPage a { color: #66CBFF; text-decoration: none; }
.fullPage a:hover { text-decoration: underline; }
.testList li { width: 271px; float: left; padding-right: 40px; padding-bottom: 15px; }

/* Blog Page */
#posts1 { float: left; width: 700px; padding-right: 20px; }
#posts2 { float: left; width: 220px; line-height: 20px; margin-top: 10px; font-size: 14px; }
.posts2Box { background: #F7F7F7; padding: 10px; margin-bottom: 10px; }
.posts2Box p { padding-bottom: 7px; }
.posts2Box a { font-size: 14px; text-decoration: none; color: #555555; }
.posts2Box a:hover { text-decoration: underline; }
.titleStyle2 { font-size: 16px; color: #65CBFF; padding-bottom: 5px; font-weight: bold; }
.titleStyle3 { font-size: 16px; color: #65CBFF; padding-bottom: 10px; font-weight: bold; }
.date { color: #555555; font-size: 14px; padding-bottom: 10px; }
.postContent { color: #777777; line-height: 22px; padding-bottom: 10px; }

/* Presentations Page */
.presentations .icons img { padding: 8px; }

/* Contact Page */
#contactList { padding-left: 30px; }
#contactList li {  font-size: 16px; padding-bottom: 30px; padding-left: 60px; }
.contactTitle { font-size: 14px; color: #65CBFF; font-weight: bold; }
.contactIndent { padding-left: 10px; font-size: 15px; }
#contactList li.icon7 { background: url('images/icons/email.png') no-repeat; }
#contactList li.icon8 { background: url('images/icons/phone.png') no-repeat; }
#contactList li.icon9 { background: url('images/icons/address.png') no-repeat; }
#contactList li.icon10 { background: url('images/icons/post.png') no-repeat; }
#formStyle1 li { padding-bottom: 10px; }
#formStyle1 li input.inputStyle1 { width: 500px; padding: 5px; font-size: 14px; border: 1px solid #D0D0D0; font-family: Arial, Helvetica, sans-serif; color: #555555; }
#formStyle1 li .textareaStyle1 { width: 500px; padding: 5px; font-size: 14px; border: 1px solid #D0D0D0; font-family: Arial, Helvetica, sans-serif; color: #555555; }
#formStyle1 li .submitStyle1 { background: url('images/submit_button.png') no-repeat; width: 69px; height: 34px; border: none; cursor: pointer; }

/* Facebook page additions PGL 2011/10/21 */
.people-saying-img {
  display: inline-block;
  width: 160px;
  vertical-align: top;
}
.people-saying-text {
  display: inline-block;
  text-indent: -7px;
  width: 405px;
  margin-bottom: 20px;
}
.people-saying-quote {
  font-family: Georgia,serif;
  font-size: 1.5em;
  font-style: italic;
  color: #777;
}