/*
Theme Name: WindyCity
Description: Wordpress this for Windycities
Version: 1
Author: Amit from AmiWorks
Author URI: http://amiworks.com

*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #0b2554;
	background-repeat: repeat;
	}
	
#wrapper { 
	width: 100%; 
	background: #013 repeat-x;
	padding: 0 0 25px 0;
	margin: 0;
	display: block;
	}

#wrapperTop { 
	width: 100%; 
	background: url(images/common/bg-topSection.jpg) no-repeat center top;
	display: block;
	}
	
	
.container { 
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 0;
	}




	/* RED BOLD TEXT FOR PROMO GUARANTEE ETC.
---------------------------------------------------------*/

.redbold {
	color:#FF0000;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration:none;
	}
	
/* TOP SECTION STYLES
---------------------------------------------------------*/
	
#topSection { 
	display: block;
	height: 160px;
	}
	
	#logo { 
		float: left; 
		display: block;
		width: 250px;
		height: 160px;
		}
		
		#logo a { 
			display:block;
			height: 105px;
			width: 250px;
			background: url(images/common/logo.gif) no-repeat 0 0;
			text-indent: -5000px;
			text-decoration: none;
			outline: none;
			margin: 30px 0 0 0;
			}
	
	#topRight { 
		float: right;
		width: 438px;
		margin: 0;
		}
		
		#phone { 
			display:block;
			height: 126px;
			width: 438px;
			background: url(images/common/phone.gif) no-repeat 0 0;
			margin: 0;
			text-indent: -5000px;
			position: relative;
			}
			
		#phone a { 
			display:block;
			height: 40px;
			width: 348px;
			text-decoration: none;
			outline: none;
			position: absolute;
			top: 30px;
			left: 90px;
			}
			
	#mainMenu {
		float: right;
		display: block;
		position: relative;
		z-index: 999;
		margin-top: 0;
		}

		#mainMenu ul { 
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			
		#mainMenu ul li { 
			float: left; 
			display: block;
			height: 34px;
			}
			
		#mainMenu ul li a.mainMenuItem { 
			display: block;
			height: 34px;
			text-indent: -5000px;
			text-decoration: none;
			outline: none;
			background-repeat: no-repeat;
			background-position: 0 0;
			}
			
		#mainMenu ul li a.mainMenuItem:hover { 
			background-position: 0 -34px;
			}
			
			#mainMenu ul li.home a.mainMenuItem { background-image: url(images/menu/home.gif); width: 75px; }
			#mainMenu ul li.testimonials a.mainMenuItem { background-image: url(images/menu/testimonials.gif); width: 109px; }
			#mainMenu ul li.casestudies a.mainMenuItem { background-image: url(images/menu/casestudies.gif); width: 108px; }
			#mainMenu ul li.blog a.mainMenuItem { background-image: url(images/menu/blog.gif); width: 58px; }
			#mainMenu ul li.contact a.mainMenuItem { background-image: url(images/menu/contact.gif); width: 88px; }

		.page-home #mainMenu ul li.home a.mainMenuItem,
		.page-testimonials #mainMenu ul li.testimonials a.mainMenuItem,
		.page-casestudies #mainMenu ul li.casestudies a.mainMenuItem,
		.page-blog #mainMenu ul li.blog a.mainMenuItem,
		.page-contact #mainMenu ul li.contact a.mainMenuItem
			{ background-position: 0 -34px;	}
			
			

/* FEATURE SECTION STYLES
---------------------------------------------------------*/

#featureSection { 
	margin: 0 0 20px 0;
	}

	#homeTabbedFeature {
		display: block;
		width: 900px;
		height: 294px;
		background: url(images/feature/bg-homeFeature.gif) no-repeat;
		margin: 0;
		padding: 0;
		position: relative;
		}
					
	#containerFeature { 
		padding: 0;
		margin: 0;
		width: 900px;
		height: 294px;
		display: block;
		background-repeat: no-repeat;
		background-position: 292px 11px;
		background-image: url(images/feature/default.jpg); 
		}
	
#feature { 
	margin: 35px 0 0 40px;
	width: 240px;
	display: block;
	list-style-type: none;
	padding: 0;
	float: left;
	float: expression('none');
	}

	#feature li .fragment { 
		position: absolute;
		top: 11px;
		left: 292px;
		display: none;
		z-index: 999;
		text-indent: 0;
		padding: 0;
		}
			
	#feature li:hover .fragment, 
	#feature li.sfHover .fragment {
		display: block;
		z-index: 999;
		text-indent: 0;
		}
		
	#feature li {
		height: 48px;
		line-height: 48px;
		padding: 0;
		margin: 0 0 10px 0;
		width: 240px;
		min-width: 240px; /* be nice to Opera */
		text-align: left;
		}
		
	#feature li a {
    	display: block;
		height: 48px;
		line-height: 48px;
		padding: 0;
		color: #FFF;
		text-decoration: none;
		white-space: nowrap;
		outline: 0;
		text-indent: -5000px;
		background-position: 0 0;
		background-repeat: no-repeat;
		margin: 0;
		}
		
		#feature li.ppc a { background-image: url(images/feature/ppc.gif); }
		#feature li.seo a { background-image: url(images/feature/seo.gif); }
		#feature li.websitedesign a { background-image: url(images/feature/websitedesign.gif); }
		#feature li.internetconsulting a { background-image: url(images/feature/internetconsulting.gif); }
		
	#feature li a:hover,
	#feature li:hover a,
	#feature li.sfHover a {
		background-position: 0 -48px;
		margin: 0;
		}
		
	.page-ppc #feature li.ppc a, 
	.page-seo #feature li.seo a, 
	.page-websitedesign #feature li.websitedesign a, 		
	.page-internetconsulting #feature li.internetconsulting a {
		background-position: 0 -48px;
		}
	
	.page-ppc #containerFeature { background-image: url(images/feature/default.jpg); }
	.page-seo #containerFeature { background-image: url(images/feature/default.jpg); }
	.page-websitedesign #containerFeature { background-image: url(images/feature/default.jpg); }	
	.page-internetconsulting #containerFeature { background-image: url(images/feature/default.jpg); }
				
				
/* MIDSECTION STYLES
---------------------------------------------------------*/
	
#leftColumn { 
	display: block;
	float: left; 
	width: 623px;
	margin: 0;
	}


#rightColumn { 
	display: block;
	float: right; 
	width: 256px;
	margin: 0;
	}	
	
	
.roundedBox { 
	display: block;
	padding: 1px 0 5px 0;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	}
	
	#leftColumn .roundedBox {
	width: 623px;
	background-image: url(images/common/bg-roundedBoxLarge.gif);
	padding: 1px 0 25px 0;
	background-color: #FFFFFF;
		}		

	#rightColumn .roundedBox { 
		width: 256px;
		background-image: url(images/common/bg-roundedBoxSmall.gif);
		}	

.content { 
	margin: 20px 25px;
	}
	
.curvedHeading {
	margin: 0 0 -5px 0;
	border: 0;
	}
	
h1 { 
	font-size: 12px;
	font-weight: bold;
	color: #013;
	margin: 25px 0 15px 0;
	line-height: 14px;
	}
	
h2 { 
	font-size: 11px;
	font-weight: bold;
	color: #013;
	margin: 25px 0 15px 0;
	line-height: 14px;
	}

.contactForm p { 
	line-height: 20px;
	margin: 0 0 3px 0;
	}
	
	.contactForm input.inputText { 
		width: 185px;
		background: #FFF url(images/common/bg-input.gif) no-repeat 0 0;
		padding: 3px 5px;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		border: none;
		border-right: 1px solid #DDD; 
		border-bottom: 1px solid #DDD; 
		}
		
	.contactForm p.button { 
		margin: 10px 4px 0 0;
		text-align: right;
		}
		
.centered { 
	text-align: center;
	}
	
.comments { 
	float: right;
	width: 80px;
	}
	
h2.title { 
	float: left; 
	width: 400px;
	margin: 0 0 15px 0;
	}
	
.quote { 
	}
	
.name { 
	font-size: 10px;
	margin: 0 0 10px 15px;
	text-indent: -12px; 
	color: #888;
	}

.readMore { 
	text-align: right;
	margin: 10px 0 0 0;
	}

.row { 
	margin: 0;
	}
	
.column1, .column2 { 
	float: left; 
	width: 280px;
	}

	input.inputTextLarge { 
		width: 245px;
		background: #FFF url(images/common/bg-input.gif) no-repeat 0 0;
		padding: 3px 5px;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		border: none;
		border-right: 1px solid #DDD; 
		border-bottom: 1px solid #DDD; 
		}
		
	textarea.textareaLarge { 
		width: 525px;
		background: #FFF url(images/common/bg-input.gif) no-repeat 0 0;
		padding: 3px 5px;
		font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
		color: #666;
		border: none;
		border-right: 1px solid #DDD; 
		border-bottom: 1px solid #DDD; 
		}

	
/* BOTTOM SECTION STYLES
---------------------------------------------------------*/

#bottomSection { 
	height: 100px;
	}
	
#bottomSection .container {
	color: #8AC;
	font-size: 10px;
	}

#bottomSection .container .content {
	margin: 20px 15px;
	}
		
	#bottomSection .container a, #bottomSection .container .linkimitation { 
		color: #ACE;
		text-decoration: none;
		margin: 0 3px;
		}
		
	#bottomSection .container a:hover { 
		color: #FFF;
		}
	
	#bottomSection .container p { 
		margin: 0 0 8px 0;
		}
		
	#bottomSection .address { 
		float: left;
		width: 280px;
		text-align: left;
		}
		
	#bottomSection .links { 
		float: right;
		width: 570px;
		text-align: right;
		}

	
/* COMMON/GENERIC STYLES
---------------------------------------------------------*/
		
.clear { clear: both; }
a { color: #06A; }
a:hover { color: #000; }
p { margin: 0 0 14px 0; }
.small { color: #777; font-size: 10px; text-align: right; }
.hidden { display: none; }



/* Patrick STYLES
---------------------------------------------------------*/

.red1 {color: #FF0000}