/*  
Theme Name: Tease Marketing
Theme URI: http://wordpress.org/
Description: This theme was built by George Huff, for Tease Marketing
Version: 1.0
Author: George Huff
Author URI: http://www.eleven3.com/

	Tease Marketing v1.0
	 http://www.eleven3.com/kubrick/

	This theme was designed by Jeff Reynolds built by George Huff,
	whose blog you will find at http://www.eleven3.com/

*/




/************************************************************************

	Site:		teasemarketing.com

	Author:		George Huff, eleven3		[www.eleven3.com]  

	Client:		Tran Theresa Trang		[http://www.teasemarketing.com/]
	
	Notes:		
				
				
	Listing Order:
	==============

	1 - Global
	2 - Layout
	3 - Left Column
	4 - Right Column
	5 - Spotlight
	6 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL STYLES
************************************************************************/



body {
	background: #cdcdcd url(images/bg_body.gif) left bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
	
	
}

html, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, td { 
	margin: 0; 
	padding: 0; 
}

a {
	text-decoration:none;
	color: #463c80;
}

a:hover {
	text-decoration:underline;
}

div.left{
	float: left;
}

div.right {
	float: left;
}

div.clear {
	clear:both;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/

div#container {

}

div#content {
padding-left: 40px;
padding-bottom: 70px;

}


h1.headers {
height: 13px;
margin-bottom: 12px;
}

h1.headers a {
display: block;
height: 100%;
width: 100%;
}

h1.headers span {
display: none;
}

h1#teaseMarketing {
background: url(images/header_teaseMarketing.png) top left no-repeat;
}



h1#blog {
background: url(images/header_blog.png) top left no-repeat;
}



h1#expertise {
background: url(images/header_expertise.png) top left no-repeat;
}

h1#services {
background: url(images/header_services.png) top left no-repeat;
}


h1#about {
background: url(images/header_about.png) top left no-repeat;
}


h1#advisors {
background: url(images/header_advisors.png) top left no-repeat;
}


h1#contact {
background: url(images/header_contact.png) top left no-repeat;
}

h1#theTeam {
background: url(images/header_theTeam.png) top left no-repeat;
}

h1#partners {
background: url(images/header_partners.png) top left no-repeat;
}

h1#allProjects {
background: url(images/header_allProjects.png) top left no-repeat;
}

h1#currentProject {
background: url(images/header_currentProjects.png) top left no-repeat;
}






/***********************************************************************
	2 - HEADER STYLES
************************************************************************/

div#header {
height: 87px;
padding-top: 32px;
background: #000;
padding-left: 40px;
}

div#header a {
display: block;
width: 100%;
height: 100%;
}

div#logo {
	background: url(images/logo_main.gif) top left no-repeat;
	width: 176px;
	height: 25px;
	padding-bottom: 31px;
}

div#logo a {
	background: url(images/logo_main_off.gif) top left no-repeat;
}

div#logo a:hover {
	background: none;
}

div#logo a span {
display: none;
}

div#nav {
	padding-left: 82px;
}

div#nav ul li {
	list-style: none;
	float: left;
	height: 13px;
	margin-right: 29px;
}

div#nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

div#nav ul li a:hover {
background: none;
}

div#nav ul li a span {
display: none;
}

li#expertise { background: url(images/nav_on_expertise.gif) top left no-repeat; width: 57px; }
li#services { background: url(images/nav_on_services.gif) top left no-repeat; width: 51px; }
li#about { background: url(images/nav_on_about.gif) top left no-repeat; width: 71px; }
li#advisors { background: url(images/nav_on_advisors.gif) top left no-repeat; width: 52px; }
li#contact { background: url(images/nav_on_contact.gif) top left no-repeat; width: 47px; }
li#team { background: url(images/nav_on_theTeam.gif) top left no-repeat; width: 51px; }
li#projects { background: url(images/nav_on_projects.gif) top left no-repeat; width: 103px; }

li#expertise a { background: url(images/nav_off_expertise.gif) top left no-repeat; }
li#services a  { background: url(images/nav_off_services.gif) top left no-repeat; }
li#about a { background: url(images/nav_off_about.gif) top left no-repeat; }
li#advisors a { background: url(images/nav_off_advisors.gif) top left no-repeat; }
li#contact a { background: url(images/nav_off_contact.gif) top left no-repeat; }
li#team a { background: url(images/nav_off_theTeam.gif) top left no-repeat; }
li#projects a { background: url(images/nav_off_projects.gif) top left no-repeat; }


/***********************************************************************
	2 - MIDDLE BAR WITH LIFESTYLE IMAGES CYCLE STYLES
************************************************************************/

div#middleBar {
height: 231px;
background: #d8d6e5;
position: relative;
}

div#oneline {
background: url(images/oneline_tease.png) top left no-repeat;
width: 547px;
height: 29px;
position: absolute;
bottom: 30px;
left: 0;

}

* html div#oneline {  
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.teasemarketing.com/wp-content/themes/Tease%20Marketing/images/oneline_tease.png", sizingMethod="crop"); 
}

div#image1 {
height: 231px;
background: url(images/image1.gif) left top no-repeat;
}

div#image2 {
height: 231px;
background: url(images/image2.gif) left top no-repeat;
}


div#image3 {
height: 231px;
background: url(images/image3.gif) left top no-repeat;
}


div#image4 {
height: 231px;
background: url(images/image4.gif) left top no-repeat;
}


div#image5 {
height: 231px;
background: url(images/image5.gif) left top no-repeat;
}

div#image6 {
height: 231px;
background: url(images/image6.gif) left top no-repeat;
}

div#image7 {
height: 231px;
background: url(images/image7.gif) left top no-repeat;
}

div#image8 {
height: 231px;
background: url(images/image8.gif) left top no-repeat;
}

div#image9 {
height: 231px;
background: url(images/image9.gif) left top no-repeat;
}

div#image10 {
height: 231px;
background: url(images/image10.gif) left top no-repeat;
}

div#image11 {
height: 231px;
background: url(images/image11.gif) left top no-repeat;
}
div#image12 {
height: 231px;
background: url(images/image12.gif) left top no-repeat;
}





/***********************************************************************
	2 - CONTENT STYLES
************************************************************************/

div#content {
padding-left: 40px;
padding-bottom: 70px;
line-height: 130%;
background: url(images/bg_content.gif) 0px 1px repeat-x;
padding-top: 30px;
}

a.readMore {
display: block;
background: #e8e8e8 url(images/footer_readmore.gif) 7px 4px no-repeat;
height: 15px;
width: 100%;
margin-top: 8px;
margin-bottom: 15px;
clear: both;
}

a.readMore span {
display: none;

}

a.readMore:hover {
text-decoration: none;
}

div#content p {
margin-bottom: 7px;
}

/***********************************************************************
	2 - LEFT COLUMN STYLES
************************************************************************/

div#leftColumn {
width: 424px;
float: left;
padding-right: 39px;
}

div#leftColumn h2 {
font-size: 13px;
margin-bottom: 8px;
}

div#leftColumn ul {
margin-left: 1px;
}

div#leftColumn ul li {
padding-left: 15px;
background: url(images/background_li.png) 0px 6px no-repeat;
list-style: none;
margin-bottom: 2px;
}

div#leftColumn ol {
margin-left: 17px;

}

/* ADVISORS */

div#expertise p {

}
/*
div#advisors strong {
width: 130px;
padding-right: 10px;
display: block;
float: left;
text-align: right;
text-transform: uppercase;
color: #1f1f1f;
}
*/
/* Expertise */

div#expertise p {

}
/*
div#expertise p strong {
width: 120px;
padding-right: 10px;
display: block;
float: left;
text-align: right;
text-transform: uppercase;
height: 145px;
padding-top: 14px;
color: #1f1f1f;
}
div#expertise p {
margin-top: -11px;
}
*/

div#theTeam img {
float: left;
margin-right: 10px;
margin-bottom: 5px;
border: 6px #eee solid;
}



div#leftColumn div.intro {
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}

div#leftColumn div.blog {
padding-top: 20px;
}


div#leftColumn div.blog h2 {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 6px;
}

div#leftColumn div.blog p {
margin-bottom: 8px;
}

div#leftColumn div.blog h2 span {
color: #757677;
padding-left: 12px;
float: right;
display: block;
text-transform: none;
}

div#leftColumn div.blog h3 {
font-size: 10px;
text-transform: uppercase;

}

div#leftColumn div.blog ul {
margin-bottom: 17px;
}


div#leftColumn div.blog ul li {
list-style: none;
font-size: 9px;
text-transform: uppercase;
}

/* RSVP */

div#rsvp {
width: 250px;
font-size: 11px;
float: left;
padding-right: 50px;
}

div#rsvp h2 {  font-size: 18px; padding-bottom: 10px; }

div#rsvp label {
display: block; width: 90px; float: left; clear: both; font-size: 11px;
}

div#rsvp input.textfield { width:150px; border: 1px solid #ccc; font-size: 11px; padding: 2px 3px; margin-bottom: 3px;}

div#rsvp div.row {
border-bottom: 1px dotted #ccc;
padding: 10px 0;
}

div#flyer { width: 600px;float: left;}



/***********************************************************************
	2 - RIGHT COLUMN STYLES
************************************************************************/

div#rightColumn {
width: 287px;
float: left;
}

div#rightColumn h2 {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 6px;
}

div#rightColumn p {
margin-bottom: 8px;
}

div#rightColumn h2 span {
color: #757677;
padding-left: 12px;
float: right;
display: block;
text-transform: none;
}

div#rightColumn h3 {
font-size: 10px;
text-transform: uppercase;

}

div#rightColumn ul {
margin-bottom: 17px;
}


div#rightColumn ul li {
list-style: none;
font-size: 9px;
text-transform: uppercase;
}


div#the_tease_effect {
background: url(images/gradient_home.jpg) left top no-repeat;
padding-left: 37px;
padding-top: 30px;
position: relative;
bottom: 29px;
}

div#the_tease_effect h3 {
padding-top: 3px;
}

div#the_tease_effect p {
font-size: 10px;
padding-bottom: 0px;
position: relative;

}

form#newsletter_signup {

height: 1%;
}

div#the_tease_effect label {
display: block;
float: left;
width: 59px;
height: 18px;
background: #ccc;
padding-left: 20px;
margin-bottom: 8px;
padding-top: 8px;
clear: both;
padding-right: 10px;

}



div#the_tease_effect input.textfield {
display: block;
float: left;
width: 140px;
height: 18px;
background: #e5e5e5;
border: none;
margin-bottom: 8px;
padding-top: 8px;
text-transform: uppercase;
font-size: 9px;
padding-left: 20px;
}

.form_typography, .form_typography option {
color: #676767;
text-transform: uppercase;
font-size: 9px;
}

h2#header_tease_effect {
width: 240px;
height: 50px;
background: url(images/header_teaseEffect.gif) left top no-repeat;
padding-bottom: 14px;
border-bottom: #ccc 1px dotted;
}

h2#header_tease_effect span {
visibility: hidden;
}

div#the_tease_effect select {
display: block;
float: left;
width: 160px;
height: 108px;
background: #e5e5e5;
border: none;
margin-bottom: 8px;
padding-top: 4px;
border: 1px solid #e5e5e5;
}

div#the_tease_effect select option {
padding-top: 5px;
padding-left: 20px;
}


label#city {
height: 100px !important;
}

label#city em {
line-height: 140%;
text-transform: capitalize;
border-top: 1px dotted #e5e5e5;
padding-top: 5px;
display: block;
}

/***********************************************************************
	2 - FOOTER STYLES
************************************************************************/

div#footer {
width: 790px;
margin-left: 20px;
background: url(images/bg_footer.gif) top left repeat-x;
}

div#footer div.left {
width: 500px;
padding-top: 25px;
text-transform: uppercase;
color: #909090;
font-size: 9px;
padding-bottom: 20px;
}

div#footer div.right {
background: url(images/logo_tease_footer.png) 193px 21px no-repeat;
width: 290px;
text-align: right;
height: 100px;
}