/*
Theme Name: Cucumber Marketing
Theme URI: http://cucumbermarketing.com
Description: Custom Wordpress Theme designed and built by <a href="http://malleckdesignco.com">Malleck Design</a> for Cucumber Marketing.
Version: 1.0
Author: Joseph Malleck
Author URI: http://malleckdesignco.com
*/

@import "style/css/typography.css";
@import "style/css/layout.css";

*{
	margin:0;
	padding:0;
}

body{
	font-family:Verdana, Geneva, sans-serif;
	background:#f2f2f2 url(img/bg.jpg);
}

img{
	border:0;
}


/*Global Typography*/

h1,h2,h3,h4,h5,h6{
	color:#93276b;
}

a{
	color:#ac2f7e;
	-webkit-transition: color 0.3s ease-in; /*safari and chrome */
 	-o-transition: color 0.3s ease-in; /* opera */
	outline: none;

}

a:hover{
	text-decoration:none;
}

ol{
	color:#534e51;
	line-height:1.5em;	
}

ul{
	list-style-image:url(img/list-arrow.png);
	color:#534e51;
	line-height:1.5em;	
	margin:10px 0;
}

ul li, ol li{
	padding:2px 0px;
}

p{
	font-size:12px;
	color:#534e51;
	line-height:1.5em;
	margin:10px 0 30px 0;
}

/*Layout Styles*/

#headerWrap{
	background:url(img/headerWrapbg.png) repeat-x;
	height:142px;
	margin-bottom:20px;
}

#header{
	background:transparent url(img/header.png) no-repeat;
	width:960px;
	height:142px;
	position:relative;
}

#logo a{
	display:block;
	text-indent:-10000px;
	background:transparent url(img/logo.png) no-repeat;
	width:250px;
	height:97px;
	margin-left:10px;
}

.teamBtn, .projectsBtn{
	margin:0px;
}

.teamBtn a{
	position:absolute;
	top:0px;
	right:150px;
	display:block;
	background: url(img/teamBTN.png) no-repeat;
	width:107px;
	height:32px;
	text-indent:-10000px;
}

.projectsBtn a{
	position:absolute;
	top:0px;
	right:40px;
	display:block;
	background: url(img/projectBTN.png) no-repeat;
	width:107px;
	height:44px;
	text-indent:-10000px;
}



#header .phone{
	font-size:16px;
	color:#f6e7f0;
	position:absolute;
	top:60px;
	right:10px;
}

#header .flag{
	margin-right:10px;
}

#nav{
	margin:18px 0 0 15px;
}

#nav ul li{
	display:inline;
	text-transform:uppercase;
	
}

#nav ul li a{
	color:#e148a9;
	text-decoration:none;
	padding:4px 10px 8px 10px;
	margin:0;
	font-size:16px;
}

#nav ul li a:hover{
	color:#e3aace;
}

.current_page_item a{
	color:#5b834f !important;
	background:url(img/navSelected.png);
}

.current_page_parent a{
	color:#5b834f !important;
	background:url(img/navSelected.png);
}

#topContentwrap{
	background:url(img/mainContenttop-bg.jpg) no-repeat;
	min-height:300px;
	height:auto !important;
  	height:300px;
	margin-top:-20px;
	padding:10px 0 0 13px;
}

#slider{
	height:360px;
	padding:5px 10px 10px 10px;
}

.slideImgleft{
	float:left;
	width:459px;
}

.slideRight{
	float:right;
	width:410px;
}

.getNoticed{
	display:block;
	background:url(img/getnoticed.png) no-repeat;
	width:370px;
	height:30px;
	text-indent:-10000px;
	margin:60px 0 20px 10px;
}

.PPC{
	display:block;
	background:url(img/payPerClickHeading.png) no-repeat;
	width:393px;
	height:33px;
	text-indent:-10000px;
	margin:60px 0 20px 10px;
}

.webDev{
	display:block;
	background:url(img/webDevHeading.png) no-repeat;
	width:325px;
	height:34px;
	text-indent:-10000px;
	margin:60px 0 20px 10px;
}

.SEO{
	display:block;
	background:url(img/seoHeading.png) no-repeat;
	width:254px;
	height:70px;
	text-indent:-10000px;
	margin:60px 0 20px 10px;
}

#slider .slideRight ul{
	padding:0 0 0 50px;
	list-style-image:url(img/list-arrow.png) !important ;
	}
	
.slideList li{
	color:#fafafa;
	font-size:16px;
	font-weight:bold;
	margin:4px 0 !important;
}

.contactBtn a{
	display:block;
	background:url(img/contactUsBtn.png) no-repeat;
	width:172px;
	height:32px;
	text-indent:-10000px;
	margin:30px 15px 0 0;
	float:left;
}

.learnmoreSlideBtn a{
	display:block;
	background:url(img/learnMore.png) no-repeat;
	width:172px;
	height:32px;
	text-indent:-10000px;
	margin:30px 10px 0 0;
	float:left;
}

#homeColumns{
	background:url(img/whiteFadeBg.jpg) no-repeat;
	clear:both;
	min-height:360px;
	height:auto !important;
  	height:360px;
}

.homeColumn{
	float:left;
	display:inline;
	width:270px;
	margin:31px 35px 27px 0px;
}

.homeColumn h2 a{
	font-size:12px;
	margin:5px 0;
}

#homecomlumn1{
	margin-left:35px;
	position:relative;
	width:270px;
}

#homecomlumn2{
	position:relative;
	width:270px;
}

#homecolumn3{
	margin-right:0px;
	position:relative;
	width:270px;
}

.learnMoreBtn a{
	display:block;
	background:transparent url(img/learnmoreBtn.png) no-repeat;
	text-indent:-10000px;
	width:142px;
	height:39px;
	margin:15px 0 0 100px;
}

#morebtn1{
	
}

#morebtn2{
	
}

#morebtn3{
	margin-top:65px;
}

.midCta a{
	clear:both;
	display:block;
	background:url(img/homeCTA-btn.png) no-repeat;
	height:100px;
	text-indent:-10000px;
}

#homeMain h2{
	font-weight:normal;
}

#homeMainLeft{
	float:left;
	width:659px;
	margin:0 30px 0 0;
	padding:33px;
	background:transparent url(img/homeMain-bg.png) no-repeat;
	min-height:360px;
	height:auto !important;
  	height:360px;
}

#homeMainTop{
	padding:0 0 20px 0;
	border-bottom:1px solid #CCC;
	margin:0 0 20px 0;
}

#testimonial{
	float:left;
	width:290px;
	margin-right:20px;
	margin-bottom:20px;
	padding-right:20px;
	pading-bottom:20px;
	border-right:1px solid #ccc;
}

#tips{
	float:left;
	width:290px;
}
	

.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 250px;
height: 160px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: url(img/bg.jpg);
padding: 10px;
visibility: hidden;
width: 250px;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 250px;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-size:12px;
}

.fadecontenttoggler a:hover{
color: ccc;
}

.fadecontenttoggler a.toc{
	/*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color:#ac2f7e;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: #ac2f7e;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: ccc;
}

#blogPosts{
	margin:0 0 50px 0;
	padding: 20px 0 0 0;
	border-top:1px solid #ccc;
}

.blogPosth2{
	font-size:14px;
	font-weight:bold !important;
	margin-bottom:10px;
}

.more-link{
	display:block;
	background:transparent url(img/readMoreBtn.png) no-repeat;
	text-indent:-10000px;
	width:142px;
	height:39px;
	margin:20px 0 50px -5px;
}

#homeMainRight{
	float:left;
	width:190px;
	margin:0 5px;
}

#homeMainRight h3{
	margin:0 0 10px 0;
	font-size:12px;
}

#emailSignup p{
	display:block;
	background-image:url(img/newsletterPaper.jpg);
	background-repeat:no-repeat;
	width:190px;
	height:166px;
	text-indent:-10000px;
}

#mc_embed_signup{
	margin-bottom:40px;
}

#socialSnapshot{
	background:url(img/socialsnapshot.jpg) no-repeat;
	padding:140px 0 0 0;
}


/*Inside Pages*/

#maincontent{
	overflow:auto;
	margin:0 0 0 20px;
	
}

.full{
	background:url(img/fullInsideBg.png) no-repeat;
	width:906px;
	min-height:158px;
	height:auto !important;
  	height:158px;
}

#fullContent{
	padding:50px 50px 100px 50px;
}

#fullContent ul, #fullContent ol{
	font-size:12px;
	font-weight:bold;
	margin:30px 0;
}

.IM-three-col{
	background: url(img/internetMKTGbg.png) no-repeat;
	width:906px;
	min-height:158px;
	height:auto !important;
  	height:158px;
}

#three-col{
	margin:130px 0 100px 50px;
}

.inside_column{
	float:left;
	width:250px;
	padding:0 10px 0 40px;
	border-right:1px solid #ccc;
	margin:0 0 150px 0;
	display:inline;
}

#inside_column1{
	padding:0 10px 0 0px;
}

#inside_column1 h2{
	display:block;
	text-indent:-10000px;
	background:url(img/builditH2.png) no-repeat;
	width:169px;
	height:41px;
}

#inside_column2 h2{
	display:block;
	text-indent:-10000px;
	background: url(img/promoteH2.png) no-repeat;
	width:223px;
	height:41px;
}

#inside_column3{
	padding-right:0;
	border:none;
}

#inside_column3 h2{
	display:block;
	text-indent:-10000px;
	background:	 url(img/analyzeH2.png) no-repeat;
	width:213px;
	height:41px;
}
	

#three-col ul, #three-col ol{
	font-size:12px;
	font-weight:bold;
	margin:30px 0;
}
	

.rightSidebar{
	background:url(img/right-sidebar-bg-top.png) no-repeat;
	min-height:158px;
	height:auto !important;
  	height:158px;
	
}

#contentLeft{
	float:left;
	width:550px;
	padding:25px 0 100px 30px;
}

#contentLeft ul, #contentLeft ol{
	font-size:12px;
	font-weight:bold;
	margin:40px 0;
}

#contentLeft h1{
	margin-bottom:20px;
}

#contentLeft h2 a{
	text-decoration:none;
}

#contentLeft h2 a:hover{
	color:#666;
}

#contentLeft h3, #contentLeft h4{
	margin:20px 0 0 0;
}

#sidebarRight{
	float:right;
	width:220px;
	margin:20px 55px 100px 0;
}

#sidebarRight h2{
	font-size:14px;
	text-transform:uppercase;
	padding:10px 0 5px 0;
	margin:10px 0 10px 0;
	border-bottom:1px solid #ccc;
}

#sidebarRight ul{
	list-style:none;
}

#sidebarRight ul li{
	font-size:12px;
	padding:0;
	margin:0px;
}

#sidebarRight ul li a{
	color:#666;
	margin:0;
	padding:0;
}

#footer{
	background-color:#1a1a1a;
	border-top:5px solid #c5bdc1;
	
}

#twitter_update_list{
	font-size:12px;
	color:#534e51;
	line-height:1.5em;
	list-style:none;
}

#twitter_update_list li{
	padding-bottom:20px;
}

.twitterBtn a{
	display:block;
	background:transparent url(img/twitterBtn.png) no-repeat;
	width:200px;
	height:41px;
	text-indent:-10000px;
}

.fbBox{
	margin:0 0 25px 0px;
}

#socialIcons{
	margin:20px 0;
	padding:20px 0;
	border-top:1px solid #ccc;
}

.footerColumn{
	float:left;
	width:140px;
	margin:30px 15px 0 5px;
	display:inline;
}

.footerColumn h3 a{
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	color:#daa0c5;
	padding:20px 0;
	
}

.footerColumn ul{
	list-style:none;
	margin:20px 0 100px 0;
}

.footerColumn ul li{
	padding-bottom:10px;
}

.footerColumn ul li a{
	margin:0 0 15px 0;
	color:#a78e9e;
	font-size:12px;
	text-decoration:none;
}

.footerColumn ul li a:hover{
	color:#fff;
}

#copyright{
	background:url(img/copyrightBg.png) no-repeat;
	height:100px;
	padding:1px 0 0 20px;
}

.clearFix{
	clear:both;
}

.container{
	width:960px;
	margin:0 auto;
}