/********	<TABLE OF CONTENTS>   ********

	1...Global Styles 
		
		1.1.....General Presentation 
		1.2.....Body and Typography
		
	2...Header Styles
	
		2.1.....Navigation
		2.2.....Dropdown
		
	3...Middle Content
	
		3.1.....Top Black Bar
		3.2.....Featured
		3.3.....Homepage Boxes
		3.4.....Single Page and Blog
		3.5.....Comments
		3.6.....Portfolio
		3.7.....Pagination
		3.8.....Blog Single Pages
		3.9.....Full Width Template
		
	4...Sidebar Styles
	
	5...Footer Styles

	6...Miscellansous
		
		6.1.....Contact Page Styles
		
	
********	</TABLE OF CONTENTS>   *******/



  /*******************************************************************************/
 /************************ (1.0) GLOBAL LAYOUT STYLES ***************************/
/*******************************************************************************/

@import "reset.css";

/**(1.1) GENERAL PRESENTATION CLASSES **/

/*** Use the classes below to float your images **//
.aligncenter { 

	display:block; 
	margin:0 auto ; 
	margin-bottom:20px;
	} 
	
.alignleft {
	padding:2px 2px;
	background:#DDD;
	float:left;   
	margin:5px 20px 10px 0px;
	} 
	
.alignright { 
	padding:2px 2px;
	background:#DDD;
	float:right ;
	margin:5px 0px 10px 20px;
	}

br.dirtyLittleTrick {     /* Use this br class to clear your floated columns */
	clear:both;   
	display:block;   
	height:1px;   
	margin:-1px 0 0 0 
	} 

	 
/**(1.2) BODY STYLES AND GENERAL TYPOGRAPHY (To avoid repeating classes) **/


body {   /** set the background pattern and font-stack **/
	/*background:url(../images/background-stripe3.gif) scroll;  */ 
	background-image:url(../images/newBack.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family:Helevetica, Arial, sans-serif;
	} 
	
	body  hr{   /** Used to create a gap between sections in left content **/
		border:0px dotted #DDD; 
		color:white; height:1px; 
		margin:20px 0px 20px 0px ; 
		} 
	
	body p { /** sets a global paragraph style **/
		font-size:12px;   
		line-height:20px;   
		color:#767676;   
		margin-top:20px;
		} 
	
		
	body strong {   
		color:#333;
		}
	
	body em {   
		letter-spacing:1px;
		}
		
	body a { /** gets rid of default anchor styles **/
		text-decoration:none;  
		font-style:italic;   
		color:#000;
		} 
	
	
h1 {
	font-size:30px;   
	color:#FFF; 
	letter-spacing:1px;
	}
	
	h1  span { /** The span is used to achieve the two-tone effect in the black bar (under the header) **/
		color:#d4d4d4;
		} 
	
	.left-content-inner h1 { /** Changes Colour for Middle Content Area **/
		color:#000; 
		line-height:30px; 
		margin:0px 0px 20px 0px;
		} 
	
h2 {
	font-size:20px; 
	line-height:30px;  
	margin:0px 0px 20px 0px;
	}

	h2  span { /** The span is used to achieve the two-tone effect in the black bar in the blog **/
		color:#d4d4d4;
		} 
	
h3 {
	font-size:18px; 
	line-height:30px; 
	margin:20px 0px 20px 0px;
	}

h4 {
	font-size:16px; 
	line-height:30px; 
	margin:20px 0px 20px 0px;
	} 

h5 {
	font-size:14px; 
	line-height:30px; 
	margin:20px 0px 20px 0px;
	}

h6 {
	font-size:12px; 
	line-height:30px; 
	margin:0px 0px 20px 0px;
	}



	
  /*******************************************************************************/
 /*********************(2.0) HEADER STYLES **************************************/
/*******************************************************************************/


#main-wrapper {   /* main container set here */
	width:970px;  
	margin:auto;
	} 

	#header {/* header wrapper */
		height:122px;   
		position:relative;
		z-index:10;
		} 
		
		#header a, a:hover  { /* get rid of border on header */
			border:none;
			}
	
		a.logo {/** This controls the logo **/
			display:block; 
			position:absolute;  
			top:30px; 
			left:0px; 
			} 
			
		
/*****************(2.1) NAVIGATION STYLES  *******************************************/
		
		
		ul#navigation-list {  /** navigation styles **/
			position:relative;  
			height:30px;  
			margin-top:50px;  
			margin-right:30px;  
			float:right;
			}  	
		
			ul#navigation-list li {
				position:relative; 
				display:block;  
				text-align:right;  
				float:right;  
				padding-left:30px;      
				font-size:14px;   
				letter-spacing:1px;
				} 
				
				ul#navigation-list li a {
					display:block; 
					color:#FFF; 
					border:none;    
					padding:10px 10px 10px 10px;
					}		
				
					ul#navigation-list li a:hover { 
						background:url(../images/navigation-arrow.gif) no-repeat center bottom; 
						color:#999;
						}     
				
/******************(2.2) DROPDOWN STYLES **********************************************************/
				
				ul#navigation-list li ul {
					background:url(../images/footer-bg.gif) scroll transparent repeat-x; 
					border:4px solid #E8E8E8;
					left:-35px;
					margin:0;
					padding:0 15px 5px;
					position:absolute;
					top:35px;
					width:174px;
					z-index:1000;
					-moz-border-radius: 15px; -webkit-border-radius: 15px;					
					-moz-box-shadow: 0px 0px 5px #888;
					-webkit-box-shadow: 0px 0px 5px #888;
					box-shadow: 0px 0px 5px #888;
					
					}
					
					ul#navigation-list li ul li {
						float:none; 
						background:#FFF; 
						text-align:left;   
						margin:0px 0px; 
						padding:0px 0px; 
						margin-top:0px; 
						height:auto;  
						border:1px solid #FFF;  
						-moz-border-radius: 4px; -webkit-border-radius: 4px;
						-moz-box-shadow: 0px 0px 13px #FFF;
						-webkit-box-shadow: 0px 0px 13px #FFF;
						box-shadow: 0px 0px 13px #FFF;
						}
						
						ul#navigation-list li ul li a { 
							background:#EEE;
							color:#343434; 
							padding:10px 10px; 
							margin:0px 0px;
							}
							
							ul#navigation-list li ul li a:hover {
								color:#343434;  
								background-image:none;
								}
						
						ul#navigation-list li ul li:hover {
							background:#FFF;
							border:1px solid #FFF; 
							-moz-box-shadow: 0px 0px 13px #FFF;
							-webkit-box-shadow: 0px 0px 13px #FFF;
							box-shadow: 0px 0px 13px #FFF;
							}
						
						
						
						
  /*******************************************************************************/
 /*************************(3.0) MIDDLE CONTENT STYLES **************************/
/*******************************************************************************/	


/*********************(3.1) TOP BLACK BAR ***************************************/


#content-wrapper {  /** sets the vertical background pattern on the middle content wrapper **/
	background:url(../images/content-bg.gif) scroll transparent repeat-y; 
	}	
	
	#content-top-bar { /** this is the black bar just under the header **/ 
		position:relative;    
		width:930px;   
		height:60px;   
		background:url(../images/content-top.gif) scroll transparent no-repeat;   
		padding:20px 0px 0px 40px; 
		}	

		a#rss-feed {
			display:block; 
			position:absolute;  
			background:url(../images/rss-icon.gif) scroll transparent no-repeat;  
			width:40px; height:40px; 
			bottom:0px; right:0px; 
			}
			
			a#rss-feed:hover {
				background-position:0px -40px;
				} 
		
	#top-content-shadow {
		width:970px;  
		height:40px;  
		background:url(../images/content-top-shadow.gif) scroll transparent no-repeat;
		} 	
	
	
/****************(3.2) FEATURED CONTENT *********************************/


#featured-content {   
	height:320px; 
	background-color:#343434;
	}

	#slider {    
		width: 970px;     
		height: 320px;     
		position: relative; 	
		overflow: hidden; 
		}

	#sliderContent {
		width: 970px;    
		position: absolute;	   
		top: 0;	 
		margin-left: 0;
		}

		.sliderImage {
			float: left;    
			position: relative;	
			display: none;
			}

		.sliderImage span {	
			position: absolute;	
			font: 12px/14px Arial, Helvetica, sans-serif;	
			letter-spacing:1.5px;	
			line-height:20px;
			padding: 20px 200px 20px 40px;    
			width: 750px;    
			background-color: #000;    
			filter: alpha(opacity=70);    -moz-opacity: 0.7;	
			-khtml-opacity: 0.7;	opacity: 0.7;    
			color: #fff;    
			display: none; 
			}
		 
			.sliderImage span a {
				color:#FFF; 
				
				}		
			
		.clear {
			clear: both;
			}

		.sliderImage span strong  { 
			color:#FFF;
			font-size: 14px;
			}

		.bottom { 
			bottom: 0;    
			left: 0; 
			}


/************(3.3) HOMEPAGE BOXES ************************/


#homepage-box-wrapper {}
 
	.homepage-box {
		width:270px;  
		float:left;   
		margin:40px 0px 20px 40px;
		} 
		
		.homepage-box   img {
			float:left; 
			margin:6px 10px 5px 0px; 
			padding:1px 1px;   
			background:#EEE;  
			border:1px solid #CCC;
			}
		
		.homepage-box h3 {
			margin-bottom:20px;
			margin-top:0px;
			
			} 
		
			.homepage-box ul li  {
				margin:0px 0px 5px 0px; 
				padding:0px 0px 0px 20px; 
				line-height:25px;   
				display:block;    
				list-style-type: none;  
				font-size:12px;  
				color:#767676;   
				background:url(../images/widget-list-bg.gif) scroll transparent no-repeat;   
				background-position:0px 8px;
				}	
			
				.homepage-box ul li  a {
					padding:4px 0px; 
					font-style:italic; 
					letter-spacing:1px;
					}
				
					.homepage-box ul li a:hover {
						border-bottom:1px dotted #767676;
						}
						
					.homepage-box ul li ul  {
						margin-top:10px;
						}

			
/*************(3.4) SINGLE PAGE STYLES AND BLOG ******************************************/


#left-content {float:left;   
	width:670px;   
	background:url(../images/content-divider.gif) scroll transparent no-repeat;   
	background-position:600px 0px;
	}
 
	.left-content-inner {
		width:560px; 
		margin-left:40px; 
		overflow:hidden;
		} 
		 
		.left-content-inner  img { } 
		
		.left-content-inner blockquote {  
			width:450px; 
			float:none;    
			padding:20px 10px 10px 20px ;     
			margin:40px 0px 0px 30px;       
			background:url(../images/blockquote-left.gif) scroll transparent no-repeat;
			}
		
			.left-content-inner blockquote p {margin:0px 0px;    
				padding:0px 0px 30px 50px;    
				font-size:18px;    
				letter-spacing:1px;    
				line-height:30px;   
				color:#000;    
				background:url(../images/blockquote-right.gif) scroll transparent no-repeat;   
				background-position:bottom right;    
				}
				
		.left-content-inner p {
			margin:10px 0px 10px 0px;
			}
		
		.left-content-inner ul {
			margin:20px 0px 20px 60px;
			}
		
			.left-content-inner ul li {
				margin:0px 0px 15px 0px;  
				list-style-type: disc;  
				font-size:12px;  
				color:#767676;
				}
			
		.left-content-inner a{ 
			letter-spacing:1px; 
			}
			
			.left-content-inner a:hover { 
				border-bottom:1px dotted #767676;
				}
		
	.single-page-divider {
		width:560px; 
		height:40px;
		background:url(../images/blog-divider.gif) scroll transparent no-repeat; 
		margin:40px 0px 20px 0px;
		}
	
	
/***************(3.5) COMMENT AREA *************************************************/
	
	
	ol.comment-listings {}
		
		ol.comment-listings li {
			margin-bottom:40px;			
			}
			
			ol.comment-listings img { 
				float:left;  
				margin:15px 15px 5px 20px;
				}
			
			ol.comment-listings h2 {				 
				color:#000; 				 
				padding:4px 20px;
				margin:0px 0px;
				}
							
				
			.comment-top {width:560px; height:20px;  background:url(../images/comment-top.gif) scroll transparent no-repeat;}
			.comment-middle {width:560px;   background:url(../images/comment-middle.gif) scroll transparent repeat-y;}
			.comment-bottom {width:560px; height:60px;  background:url(../images/comment-bottom.gif) scroll transparent no-repeat;}
				
				ol.comment-listings div p {
					margin:10px 20px 0px 20px;
					}
				
				ol.comment-listings div p  a {
					color:#000;
					}
				
				ol.comment-listings div a {
					color:#000;
					}
				
				
			ol.comment-listins cite {
				font-size:11px;
				}
			
		
	
	.comment-form-wrapper {
		width:560px;
		}
	
		textarea#comment {
			width:91%; 
			padding: 5px 10px;
			}
		
		p.input-p {
			width:50%;  
			float:left;
			}
		
		p.input-p input {
			height:20px; 
			width:82%; 
			padding: 5px 10px;
			}
	
		input#submit {
			letter-spacing:1px; 
			margin:20px 0px 0px 0px;  
			background-color:#6a6675; 
			border:1px solid #000; 
			color:#fff; 
			font-size:14px; 
			padding: 8px 10px 8px 10px;   
			margin-bottom:1px; 
			}
	
	
	
/*****************(3.6) PORTFOLIO STYLES *********************************/


#portfolio-wrapper {
	width:930px;
	}

.portfolio-bg {
	width:264px;
	 height:170px;  
	 border:3px solid #DDD;
	 margin:0px 0px 40px 40px;
	 float:left;  
	 background:url(../images/portfolio-bg.gif) scroll transparent; 
	 position:relative; 
	 overflow:hidden;
	 }
		
	.portfolio-box {   }
	
		.portfolio-box  a:hover { 
			border-bottom:1px dotted #767676;  
			}
		
		.portfolio-box h3 {
			margin-top:0px;
			position:absolute; 
			width:250px; 
			font-size:20px;  
			top:0px; 
			left:0px; 
			padding:5px 10px;
			background:#000; 
			color:#FFF;  
			}
		
		.portfolio-box p {
			position:absolute; 
			bottom:0px; 
			right:0px; 
			font-size:13px; 
			letter-spacing:3px;  
			color:#FFF;
			background:#000;
			padding:7px 10px; 
			}
		
		.portfolio-box img {
			border:none; 
			}
			
		.portfolio-box a {
			color:#FFF; 
			}
			
		.portfolio-box div {
			position:absolute;  
			bottom:0px;  
			left:0px; 
			background:#FFF; 
			padding:8px 7px;
			}
		
		.portfolio-box div a {
			color:#000; 
			font-size:13px; 
			letter-spacing:3px;
			}

	
/**********(3.7) PAGINATION STYLES *************************************************/
	
	
	ul.pagination {
		padding:0px 0px; 
		margin:0px 0px;
		}
	
		ul.pagination li {
			list-style-type:none; 
			border:1px solid #AAA; 
			padding:7px 10px;
			background:#000;  
			margin:0px 0px; 
			font-size:16px;
			-moz-border-radius: 7px; -webkit-border-radius: 7px;
			}
				
			ul.pagination li a {
				color:#FFF;
				}
		
		li.previous-entries { 
			float:left;
			}
		
		li.next-entries {
			float:right;
			}
		
		
	
/***********(3.8) BLOG SINGLE PAGE STYLES **********************************/
	
	.blog-entry {
		margin-bottom:40px; 
		}

	.blog-entry h2 {
		font-size: 28px; 
		color:#FFF; 
		background:#000;
		padding:10px 20px; 
		margin:3px 0px 0px 0px;
		}
	
		.blog-entry h2 a {
			color:#FFF;
			}
		
	.blog-entry img {
		float:left;  
		margin:0px 10px 10px 0px;
		}

		.blog-entry h4 {
			text-transform:uppercase;
			margin:10px 0px 10px 0px;
			}

	.blog-divider {
		width:560px; 
		height:40px; 
		background:url(../images/blog-divider.gif) scroll transparent no-repeat;
		margin-bottom:30px;
		}
	
		h2.single-page-header{ 
			font-size: 28px; 
			color:#FFF; 
			background:#000;
			padding:10px 20px;
			margin:3px 0px -10px 0px;
			}
	
	.blog-animation {
		position:relative; 
		background:#000;
		}	
	 
		.blog-animation  h3{
			position:absolute; 
			bottom:0px;
			right:0px; 
			margin:0px 0px; 
			padding:10px 20px; 
			background:#000;  
			color:#FFF;  
			text-transform:uppercase;
			}
			
		.blog-animation  a {			
			color:#FFF; 
			} 
			
		a.blog-img-anchor:hover {			
			border:none;
			} 
		
		.blog-animation h3, .blog-animation img,  .blog-animation a {margin:0px 0px;}  
	
	
	
/****************(3.9) FULL WIDTH TEMPLATE **********************************************/
	
	
	.full-width {width:100%}
		
		.full-width-inner {width:890px; margin-left:40px;}
	
	.full-width-inner blockquote {  
			width:450px; 
			float:none;    
			padding:20px 10px 10px 20px ;     
			margin:40px 0px 0px 30px;       
			background:url(../images/blockquote-left.gif) scroll transparent no-repeat;
			}
		
			.full-width-inner blockquote p {margin:0px 0px;    
				padding:0px 0px 30px 50px;    
				font-size:18px;    
				letter-spacing:1px;    
				line-height:30px;   
				color:#000;    
				background:url(../images/blockquote-right.gif) scroll transparent no-repeat;   
				background-position:bottom right;    
				}
				
		.full-width-inner p {
			margin:10px 0px 10px 0px;
			}
			
		.full-width-inner h1 {
			color:#000;
			}	
		
		
		.full-width-inner ul {
			margin:20px 0px 20px 60px;
			}
		
			.full-width-inner ul li {
				margin:0px 0px 15px 0px;  
				list-style-type: disc;  
				font-size:12px;  
				color:#767676;
				}
	
	
  /*******************************************************************************/
 /*********************(4.0) SIDEBAR STYLES *************************************/
/*******************************************************************************/		 
		

#sidebar {
	float:right;   
	width:254px; 
	margin-right:40px;
	}	 
	
	#sidebar h3 {
		color:#000; 
		font-size:18px; 
		margin-top:0px; 
		}  
	
	
	li.widget {
		float:left; 
		width: 254px;  
		padding-bottom:80px;  
		background:url(../images/widget-bg.gif) scroll transparent no-repeat;  
		background-position:bottom left; 
		}
	
	.textwidget   img {
		float:left; 
		margin:6px 10px 5px 0px; 
		padding:1px 1px;   
		background:#EEE;  
		border:1px solid #CCC;
		}
	
		.search_form {
			float: right; 
			margin: 20px 0px 0px 0px ; 
			line-height: 12px;
			}		
		
		.search_button {
			letter-spacing:1px; 
			margin-left:-6px; 
			margin-right:0px;
			background-color:#6a6675; 
			border:1px solid #000; 
			color:#fff; 
			font-size:14px; 
			padding: 5px 3px 6px 3px;  
			width:49px;   
			text-align: center; 
			margin-bottom:1px;
			}		
		
			.search_button:hover {
				background-color:#000; 
				cursor:pointer; 
				}	
				
		input.search_input {
			width:150px;
			letter-spacing:1px;
			font-size: 14px; 
			color: #aaa;
			border:1px solid #000;
			height: 24px;
			padding:6px 25px 0px 10px; 
			background:url(../images/search-bg.jpg) scroll transparent repeat-x;  
			}

		@media screen and (-webkit-min-device-pixel-ratio:0){
			.search_button {			
				padding: 7px 3px 7px 3px; 				
				margin-bottom:0px;
				}	
			}		
		
		input.search_input:focus {
			border:1px solid #f00; 
			background-position: 300px 300px; 
			background-color:#FFF; 
			color:#000;
			}


	.promo  {  /** styles for the 125x125 Ads  **/
		float:left; 
		margin:1px 1px;
		} 
		
	#sidebar ul li ul li {
		margin:0px 0px 5px 25px;
		padding:0px 0px 0px 20px; 
		line-height:25px;  
		display:block;    
		list-style-type: none;  
		font-size:12px;
		color:#767676;  
		background:url(../images/widget-list-bg.gif) scroll transparent no-repeat; 
		background-position:0px 8px;
		}	
		
		#sidebar ul li ul li a {
			padding:4px 0px; 
			font-style:italic; 
			letter-spacing:1px;
			}
		
			#sidebar ul li ul li a:hover {
				border-bottom:1px dotted #767676;
				}
				
			#sidebar ul li ul li ul {
				margin-top:10px;
				}


  /*******************************************************************************/
 /********************(5.0) FOOTER STYLES ***************************************/
/*******************************************************************************/		


		#content-bottom { 
			width:970px;  
			height:40px;  
			background:url(../images/content-bottom.gif) scroll transparent no-repeat;  
			position:relative; 
			z-index:2;
			}

#footer {
	width:100%; 
	height:160px; 
	margin-top:-40px;
	background:url(../images/footer-bg.gif) scroll transparent repeat-x; 
	position:relative; 
	z-index:1;
	}

	.footer-links-wrapper {
		width:100%; 
		height:60px;
		}		

	ul#footer-links {
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;  
		}
		
		ul#footer-links li { 
			display:inline;  
			margin:10px 20px;
			}
			
		
		ul#footer-links li a {
			letter-spacing:4px; 
			text-transform:uppercase; 
			font-size:11px; font-style:normal; 
			color:#85838f;
			}
			
			ul#footer-links li a:hover {
				color:#FFF;
				}	
				
		p.footer-text {
			color:#85838f; 
			text-align:center;
			letter-spacing:4px;	
			font-size:11px;
			}		
	
  /******************************************************************************/
 /********************(6.0) MISCELLANEOUS **************************************/
/******************************************************************************/


/*********(6.1)  CONTACT PAGE STYLES **************************************/

iframe {
	float:right; 
	border:1px solid #000; 
	margin:-5px 0px 10px 40px;
	} 


.form-wrap-1 {
	margin-left:0px;
	margin-top:40px;
	float:left;
	width:200px;
	}
	
.form-wrap-2 {
	margin-top:40px;
	float:left;
	width:300px;
	}	

label {
	font-size:10px;
	display:block;
	margin:4px 4px 4px 4px;
	}	
input.textbox {
	
	padding:7px 5px;
	}
		
textarea.textbox {
	height:131px;
	padding:6px 5px;
	}	
		
.notification_error {
	-moz-border-radius: 7px; -webkit-border-radius: 7px;
	border:2px solid #F00;
	padding:20px 20px;
	margin-top:40px;
	text-align:center;
	color:#F00;			
	}	

input.button {
	float:right;
	margin:20px  48px 0px 0px;
	background:#000;
	color:#FFF;
	padding: 10px 20px;
	border:none;
	}