/*
		Master.css
		Theme Name: Swoosh 
		Description: A Professional HTML/CSS Theme For Any Business Or Creative Web Layout.
		Author: Henry Moran
		Author URI: www.ffffffive.com
		
		NOTES : 
		'_' HACK FOR IE 6 ONLY
		'* html' HACK FOR IE EQUAL TO OR LESS THAN 6
		'*' HACK FOR IE EQUAL TO OR LESS THAN 7
*/

/* Imports Other CSS Files ---------------------------------------------------------------------*/
@import url("global.css");				/* browser reset & basic element styles */
@import url("960.css");					/* grid structure styles */
@import url("superfish.css");			/* navigation styles */

/* 	Table Of Contents

	0.	MISC
	1.	HEADER-WRAP
	2.	WRAP
	3.	LEFT-COL
	4.	RIGHT-COL
	5.	FOOTER
	
---------------------------------------------------------------------*/

/* 0. MISC ---------------------------------------------------------------------*/
.bg-images							{
									background-color:#f7f7f7;
									border:1px solid #fff;
									outline:1px solid #ccc;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									*padding:2px !important; /* IE 6+7 HACK */
									padding:8px !important;
									margin:1px;
									}
.bg 								{
									background-color:#f7f7f7;
									border:1px solid #fff;
									outline:1px solid #ccc;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									padding:2px !important;
									margin:1px;
									}
.bg1 								{
									background-color:#fff;
									padding:2px !important;
									margin:1px;
									}


.hide 								{display:none;}
label, input						        {display:block;}


/* 1. HEADER-WRAP ---------------------------------------------------------------------*/
#header-wrap						{
									background-color:#4c79bc;
									height:50px;
									border-bottom:1px solid #25477b;
									/* CSS 3 DROP SHADOW */
									-moz-box-shadow: -6px 2px 6px #888;
									-webkit-box-shadow: -6px 2px 6px #888;
									box-shadow: -6px 2px 6px #888;
									margin-bottom:50px;
									}
	#header							{
									width:940px;
									margin:0 auto;
									}
	#header h1						{
									font-weight:bold;
									float:left;
									margin:0 !important;
									}
		#header h1 a				{font-size:25px; color:#fff;}
		#header h1 a:hover			{text-decoration:none;}
	#nav 	 						{
									float:right; 
									margin:0 !important;
									padding:0 !important;
									}
	#nav li 						{display:inline;}
	#nav li a 						{
									color:#fff;
									font-size:14px;
									}
	#nav li a:hover					{text-decoration:none;}
		#nav li a span				{
									font-style:italic;
									color:#cff;
									font-size:12px;
									padding-left:5px;
									}


/* 2. WRAP ---------------------------------------------------------------------*/
#wrap 								{overflow:hidden;}
#slider								{
									background-color:#fff;
									border:1px solid #dddddd;
									/* CSS 3 ROUNDED CORNERS */
									-moz-border-radius-bottomleft:10px;
									-webkit-border-bottom-left-radius:10px;
									-moz-border-radius-bottomright:10px;
									-webkit-border-bottom-right-radius:10px;
									border-bottom-left-radius::10px;
									border-bottom-right-radius::10px;
									/* CSS 3 DROP SHADOW */
									-moz-box-shadow: 1px 1px 10px #ccc;
									-webkit-box-shadow: 1px 1px 10px #ccc;
									box-shadow: 1px 1px 10px #ccc;
									margin-bottom:40px;
									overflow:hidden;
									}
	#slider-content					{
									overflow:hidden;
									border-bottom:1px solid #ddd;
									padding:40px 40px 0px;
									}
		#mySlides					{overflow:hidden;width:860px;}
			.slides 				{overflow:hidden;}
				.slide img 			{
									float:left;
									margin-right:40px;
									}
			.slide h1				{margin-top:20px !important;}
				.slide a.slider-button{
									background:#b0d07a url(../images/slider/slider-button.jpg) no-repeat top center;
									color:#fff;
									font-size:20px;
									width:457px;
									height:35px;
									display:block;
									float:left;
									text-align:center;
									line-height:40px;
									-moz-transition: none;  /* FF 3.7+ */
									-o-transition: none;	/* OPERA 10.5+ */
									-webkit-transition: none; /* SAFARI & CHROME */
									}
				.slide a.slider-button:hover{
									background:#f00 url(../images/slider/slider-button.jpg) no-repeat bottom center;
									text-decoration:none;
									}
	#slider-nav						{padding:10px;}		
		#slider-nav ul li			{
									display:inline;
									float:left;
									}
			#slider-nav ul li a		{
									background-color:#ffffff;
									border:1px solid #fff;
									outline:1px solid #ccc;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									padding:5px 5px 0;
									text-align:center;
									float:left;
									width:35px;
									height:35px;
									overflow:hidden;
									margin-right:5px;
									}
#tier								{
									clear:both;
									overflow:hidden;
									margin-bottom:25px;
									padding-bottom:5px;
									background:transparent url(../images/global/border.gif) repeat-x scroll bottom center;
									}
	.tiers							{
									overflow:hidden; 
									_padding-bottom:50px; /* IE 6 HACK */
									}
	.tiers img 						{
									float:left;
									margin-right:10px;
									margin-bottom:15px;
									}
	.tiers h4 						{line-height:48px;}
	.tiers p 						{clear:both;}
	p.cont 							{text-align:right; margin-right:5px; padding:5px;}
		p.cont a 					{
									background-color:#e4e4e4;
									border:1px solid #fff;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									outline:1px solid #ccc;
									padding:1px 7px;
									}
		p.cont a:hover				{background-color:#4c79bc; color:#fff;}


	p.cont1 							{text-align:right; margin-right:5px; padding:5px;}
		p.cont1 a 					{
									background-color:#b8d57d;
									border:1px solid #fff;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									outline:1px solid #ccc;
									padding:1px 7px;
									}
		p.cont1 a:hover				{background-color:#9bbb59; color:#fff;}







#home-about 						{
									margin-bottom:5px; 
									overflow:hidden;
									}
	#home-content h4 				{
									background:transparent url(../images/global/border.gif) repeat-x scroll bottom center;
									padding-bottom:17px;
									}
#home-blog							{overflow:hidden;}
	#home-blog img 					{
									float:left;
									margin-right:10px;	
									}
	#home-blog h4					{
									background:transparent url(../images/global/border.gif) repeat-x scroll bottom center;
									line-height:48px;
									}
		#home-blog ul 				{
									overflow:hidden;
									list-style-type:none;
									width:100%;
									}
			#home-blog ul li		{
									padding:10px 0 !important;
									background:transparent url(../images/global/border.gif) repeat-x scroll bottom center;
									width:100%;
									}
				#home-blog ul li a	{
									display:block;
									background:transparent url(../images/icons/calendar.png) no-repeat 0 0;
									padding-left:60px;
									line-height:16px;
									font-size:14px;
									width:100%;
									}
				#home-blog ul li span{
									display:block;	
									font-style:italic;
									font-size:10px;
									}
#gallery 							{overflow:hidden; margin-bottom:50px;}
	.portfolio 						{overflow:hidden; margin-bottom:50px;}
		.gallery-button 			{margin-left:-11px;}
	#gallery ul 					{
									list-style-type:none; 
									margin-bottom:20px; 
									overflow:hidden;
									}
		#gallery ul li				{float:left;}
			#gallery ul li a		{
									display:block;
									height:138px;	
									width:138px;
									background-color:#f2f2f2;
									border:1px solid #fff;
									*border:1px solid #ccc; /* IE 6+7 HACK */
									outline:1px solid #ccc;
									text-align:center;
									margin:0px 5px 10px;
									}
				#gallery ul li a img{
									padding-top:5px;	
									}

									
/* 3. LEFT-COL ---------------------------------------------------------------------*/
#left-col 							{
									margin-bottom:50px;
									overflow:hidden;
									}
	.mini-tier 						{overflow:hidden; margin:10px auto;}
		.mini-tier img	 			{float:left; margin-right:10px;}
		.mini-tier h4 				{line-height:48px;}
		.mini-tier p 				{clear:both;}
.posts		  						{
									padding-bottom:20px;
									margin-bottom:50px;
									overflow:hidden;
									background:transparent url(../images/global/border.gif) repeat-x scroll bottom center;
									}
	.posts img 						{margin-bottom:20px;}
	.posts h2 						{float:left;}	
	.posts p.date 					{
									border-left:1px solid #CCCCCC;
									color:#ccc;
									float:right;
									font-family:Verdana;
									padding-left:10px;
									text-align:center;
									}	
		.posts p.date .day 			{font-size:15px; line-height:20px;}	
		.posts p.date .month 		{
									font-size:15px;
									text-transform:uppercase;
									}	
	.posts p.post-content 			{clear:both;}
		p.date span 				{display:block;}
#comments ol 		 				{
									list-style-type:none;
									margin:0;
									padding:0;
									overflow:hidden;
									
									}
	#comments ol li	 				{
									border:1px dashed #ccc;
									margin:10px 0;
									overflow:hidden;
									padding:15px !important;
									width:90%;
									}
		.gravatar 					{
									float:left;
									margin-right:15px;
									}
		.user-name					{
									font-size:12px;
									vertical-align:top;
									}
		.comment-date			 	{
									color:#ccc;
									float:right;
									font-size:12px;
									text-transform:uppercase;
									}
		.user-comment				{
									float:left;
									font-size:12px;
									padding-right:45px;
									padding-top:10px;
									width:75%;
									* html width:70%; /* IE 6 HACK */
									}
			.nested-comment 		{
									padding-top:15px !important; 
									overflow:hidden;
									clear:both;
									}
#cform 								{overflow:hidden;}
	#form_name 						{
									background:transparent url(../images/icons/user.png) no-repeat 5px 8px;
									border:1px solid #ccc;
									padding:8px 8px 8px 25px;
									}
	#form_email						{
									background:transparent url(../images/icons/envelope.png) no-repeat 5px 8px;
									border:1px solid #ccc;
									padding:8px 8px 8px 25px;
									}
	#form_message					{
									background:transparent url(../images/icons/pencil.png) no-repeat 5px 8px;
									border:1px solid #ccc;
									padding:8px 8px 8px 25px;
									}
	#form_subject					{
									background:transparent url(../images/icons/stamp.png) no-repeat 5px 8px;
									border:1px solid #ccc;
									padding:8px 8px 8px 25px;
									}
	#form_submit 					{
									clear:both;
									border:1px solid #ccc;
									background-color:#f2f2f2;
									color:#666;
									cursor:pointer;
									}



/* 4. RIGHT-COL ---------------------------------------------------------------------*/
.sb-tiers							{
									overflow:hidden;
									margin-bottom:50px;	
									}
	#sb-contact h3 					{line-height:48px;}
	#sb-contact img 				{
									float:left;
									margin-right:10px;	
									} 
.members 	 						{
									clear:both; 
									overflow:hidden;
									background:transparent url(../images/global/border.gif) repeat-x scroll top center;
									padding:10px 0;
									}
	.members p 	 					{
									font-size:15px;
									font-weight:bold; 
									margin-bottom:0 !important;
									}
		.members p span 			{
									display:block; 
									font-size:12px;
									font-weight:normal;
									font-style:italic;
									}
	.members img 					{
									float:left;
									margin-right:20px;
									}
	.posts h2 a 					{
									font-size:35px !important; 
									color:#333 !important;
									}
	.blog-sb ul						{
									list-style-type:none;
									}
		.blog-sb li ul 				{padding-left:20px;}
		.blog-sb ul li 				{
									background:transparent url(../images/global/border.gif) repeat-x scroll top center;
									}
		.blog-sb li:last-child ul	{background:none;}
			#cat ul li a 			{
									background:transparent url(../images/icons/arrow.png) no-repeat 0 6px;
									padding-left:25px;
									}
			#pop-posts ul li a 		{
									background:transparent url(../images/icons/check.png) no-repeat 0 6px;
									padding-left:25px;
									}
			.blog-sb ul li a 		{
									display:block;
									padding:7px 0;
									font-size:14px;
									_width:80%;
									}



/* 5. FOOTER ---------------------------------------------------------------------*/
#upper-footer						{
									background:transparent url(../images/global/border.gif) repeat-x scroll top center;
									padding-top:20px;
									margin-bottom:50px;
									overflow:hidden;
									clear:both;
									}
	.footer-tiers ul 	 			{list-style-position: outside;}
		.footer-tiers ul li			{margin-left:15px;}
			.footer-tiers ul li a 	{
									display:block; 
									padding:5px 0;
									}
			.footer-tiers ul li a:hover{color:#000;}
	#footer-social ul 				{list-style-type:none;}
		#footer-social ul li a 		{
									line-height:32px;
									font-size:18px;	
									}
			#footer-social ul li a img{
									float:left;
									margin-right:15px;
									*margin-right:5px; /* IE 6+7 HACK */
									}
	#newsletter 					{
									border:1px solid #ccc;
									clear:both;
									overflow:hidden;
									padding:3px;
									}
		#newsletter #news-input,
		#newsletter #news-button	{display:inline;}
		#newsletter #news-input		{
									background:transparent url(../images/icons/mail-small.png) no-repeat scroll 5px 5px;
									border:0 none;
									color:#CCCCCC;
									float:left;
									font-size:12px;
									font-style:italic;
									margin:0 !important;
									padding-left:25px;
									width:200px;
									}
		#newsletter #news-button	{
									background:transparent url(../images/icons/send.png) no-repeat scroll 0px 5px;
									border:0 none;
									cursor:pointer;
									float:right;
									margin:0 !important;
									padding-right:25px;
									_width:20%; /* IE 6 HACK*/
									height:25px\9; /* IE 6+7+8 HACK*/		
									}
#footer-wrap						{
									background-color:#4c79bc;
									height:30px;
									border-top:1px solid #25477b;
									clear:both;
									margin-bottom:0;
									overflow:hidden;
									}
	#bottom-footer p,
		#bottom-footer ul li a		{line-height:30px; color:#fff;}
		#bottom-footer ul li a		{margin-left:20px;}
	#bottom-footer p 				{float:left;}
		#bottom-footer ul 			{float:right; }
			#bottom-footer ul li	{display:inline;}