/***************************
	GLOBAL RESET
****************************/	

body{  
		margin:0px;
		font:normal 12px/21px "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;
		color:#fff;
		background:#737373 url(images/bg.jpg) top repeat-x; 
		}

* html{
		margin:0;padding:0;
		}


/************************
	BASIC STYLES
*************************/
.clear{
		clear:both; 
		}

.fr{
		float:right;
		}

.fl{ 
		float:left;
		}

.textright{
		text-align:right;
		}

.textleft{
		text-align:left;
		}
a			{	color:#fff; }
a:hover		{	color:#f0f0f0;text-decoration:none; }
	
p{
		margin:0 0 10px 0;
		}		

.img_border{ 
		padding:2px;
		margin:0;
		border:1px solid #ddd;
		}

ul { margin:0; list-style:square;}
ol { margin:0; list-style:decimal;}

ul, ol{
	list-style-position:outside;
	margin-left:20px;
	margin-bottom:10px;
	}
	
/************************
	HEAD
*************************/	

.header{
		width:100%;
		height:430px; 
		}
	
.bread
{
color:#fff;
font:normal 11px Tahoma, Helvetica, sans-serif;
margin-top:30px;
margin-bottom:5px;
}

/************************************************
                      Breadcrumb                  
************************************************/
.bread span a { color:#fff; padding:2px 3px; text-decoration:none;}
.bread span a:hover { color:#fff;text-decoration:underline;}
.bread span img { vertical-align:middle; border:none;}

		
.logo{
		margin:0px 0 0 20px;
		}
		
.content_top {
		position:relative;
		background:url(images/bg_content.png) top left no-repeat;
		height:30px;
		}
		
.content_middle {
		background:url(images/bg_content.png) center top scroll;
		float:left;
		}

.content_middle_2 {
		background:url(images/bg_content.png) center top scroll;
		float:left;
		}

.content_bottom {
		background:url(images/bg_content.png) right 0 no-repeat;
		height:30px;
		clear:both;
		}
		
/************************
		HEADINGS
*************************/	
h1, h2, h3, h4, h5, h6 {
margin:0 0 10px 0;
}
h1{
		padding:0px;
		color:#fff;
		font:normal 32px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h2{
		color:#fff;
		font:normal 24px "Lucida Grande", Arial, Helvetica, sans-serif;
		}
	
h3{
		padding:0px;
		color:#fff;
		font:normal 18px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h4{
		padding: 0px;
		color:#fff;
		font:normal bold 16px "Lucida Grande", Arial, Helvetica, sans-serif;
		}

h5{
		padding: 0px;
		color:#fff;
		font:normal 14px "Lucida Grande", Arial, Helvetica, sans-serif;
		}
	
h6{
		padding: 0px;
		color:#fff;
		font:normal 12px "Lucida Grande", Arial, Helvetica, sans-serif;
		}	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 text-decoration:none;
}


/************************
	CONTENT
*************************/		
.box-content{
		padding:0 20px 40px 20px ;
		}
		
.grid_5 .box-content ul 
{
	list-style:none;
	margin:0;
	padding:0;
}

.grid_5 .box-content ul li
{
	list-style:none;
}

.sepline{
		background:url(images/sep-line.gif) top right repeat-y;
		}	
		
/************************
	BLOCKQUOTE
*************************/

blockquote, q{
		quotes: none;
		}

blockquote:before, blockquote:after,
q:before, q:after{
		content: '';
		content: none;
		}

blockquote{
		margin: 15px 0px 15px 5px;
		padding-right: 5px;
		background: url(images/quoteclose.gif) no-repeat bottom right;
		}
		
		blockquote p{
				font:normal 12px/21px Georgia, Sans-serif;
				background: url(images/quoteopen.gif) no-repeat top left;
				padding-left: 30px;
				font-style:italic;
				}
/************************
	MID CONTENT LISTS
*************************/	
						
ul.list{
		margin:5px 0 20px 10px;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.list li{
				padding:3px 5px 3px 25px;
				}
			
				ul.list li{
						background:url(images/tick.gif) left 6px no-repeat;
						}


/**************************
	TWITTER BOX
***************************/

.twitter{
		padding:20px 0 0 0; 
		}

		.twitter p{
				padding-top:10px;
				font:italic normal 12px "Georgia", Helvetica, sans-serif;
				}

/**************************
	SIDEBAR SUBNAV
****************************/

ul.subnav{
		list-style:none;
		margin:0;
		padding:0px;
		}

		ul.subnav li a{
				voice-family:inherit;
				margin:1px 0;
				padding:0;
				height:100%;
				text-decoration:none;
				border-bottom:1px solid #626262;
				color:#fff;
				}

				ul.subnav li a:link, 
				ul.subnav li a:visited{
						color:#fff;
						display:block;
						padding:6px 10px;
						}

						ul.subnav li.current a{
								text-decoration:none;
								background:url(images/leftp.gif) no-repeat -20px 0 ;
								color:#888 !important;	
								}

								ul.subnav li a:hover{
										color:#888;
										padding:6px 10px;
										text-decoration:none;
										}

/**************************
	MISC CONTENT LISTS
***************************/

ul.sidebar-list{
		margin:10px 0;
		padding:0;;
		}

		ul.sidebar-list li {
				border-bottom:1px solid #626262;
				padding:10px 0;
				color:#fff;
				}
			
				ul.sidebar-list li a:link, 
				ul.sidebar-list li a:visited, 
				ul.sidebar-list li a:active{
						padding:3px 0px;
						color:#fff;
						text-decoration:none;
						}

						ul.sidebar-list li a:hover{
								color:#888;
								padding:3px 0px;
								text-decoration:none;
								}

								span.date{
								display:block;
										margin:0px;
										padding:2px 0px;
										color:#888;
										font:italic normal  11px/12px Georgia, Tahoma, Arial, Helvetica, sans-serif;
										}



/****************************
	SERVICES
*****************************/


ul.service_list{
		margin:10px 0;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.service_list li{
				padding:3px 5px 3px 25px;
				float:left;
				width:40%;
				}
			
				ul.service_list li{
						background:url(images/tick.gif) left 6px no-repeat;
						}

/*************************
	PORTFOLIO
**************************/

.portfolio{
		border-bottom:1px solid #626262;
		margin-bottom:15px;
		padding-bottom:20px;	
		}

.port_details{
		float:left;
		margin-top:0px;
		margin-left:20px;
		width:400px;
	}

		.port_details p{
				margin:0;
				padding:5px 0;	
				}
				
			.port_details h3{
					padding:0px;
					margin:0px;
					}				
.portfolio ul
{
margin:0;
}
.port_img {
	float:left;
}


/**************************
	Blog	 
***************************/

.blog{
		margin:15px 0;
		padding:10px 0;
		border-bottom:1px solid #626262;	
	    }
	
		.blog p{
				padding:0 0 10px 0;
			    }

			.blog h3, .blog h2{
					color:#777;
					margin:0;
				    }				
.blog a {text-decoration:none;}	
.blog a:hover {text-decoration:underline;}	

.post-info{
		padding:5px 0px;
		font-size:11px;
		margin:0 0 10px 0;
		width:auto;
		}

		.post-info span{
				color:#257400;
				font-weight:bold;
				}
				
.blog_img {
		float:left;
		margin:0 10px 10px 0;
		clear:left;
		}				


/****************************
	READMORE
*****************************/
.readmore  {
 display:inline-block;	
 width:105px;
 height:30px;
 margin-top:5px;
 text-decoration:none;
 line-height:30px;
 text-align:center;
clear:right;
}

.readmore {
background:transparent url(images/readmore.gif)  top left no-repeat scroll;
border:0;
color:#999999;
}

.readmore:hover {
background:transparent url(images/readmore.gif)  bottom left no-repeat scroll;
border:0;
color:#666666;
}


/****************************
	FOOTER
*****************************/

.footer{
		padding:5px 0px 40px;
		text-align:center;
		font-size:10px;
		}

/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */

.contactform textarea{
		vertical-align:top;
		color:#999999;
		}

.contactform input[type=radio],
.contactform input[type=checkbox]{
		border: none;
		color:#999999;
		}

input[type=text],
input[type=password],
textarea{
		background: #000;
		border: 1px solid #626262;
		color:#999999;
		padding: 5px 8px;
		margin: 2px 0px;
		}

input[type=text]:focus,
input[type=password]:focus{
		background: #212121;
		color:#999999;
		}

input[type=submit] {
		font:normal 11px/18px "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, sans-serif;
}
.button {background-color:#c5143a; color:#fff;border:1px solid #fff; }

*******************************************************
  				Error / Success / Notice	
*******************************************************/

div.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
div.success 	{background: #ccfcd1;border: 1px solid #60a400;}
div.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
div.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

/************************************/
/* 		    FEATURED    slider 		 */
/************************************/

#wrapper{
		margin:0 auto;
		display:none;
		padding:15px 0 0 0;
		width:900px;
		}

		#wrapper *{
				margin:0;
				padding:0;
				}

#fullsize{
		position:relative;
		padding:0;
		}

#information{
		float:right;
		position:absolute;
		top:15px;
		right:20px;
		width:47%;
		height:0;
		color:#fff;
		overflow:hidden;
		z-index:90;
		float:right;
		padding:0 20px;
		}

		#information h3{
				padding:3px 0 10px 3px;
				color:#fff;
				font:normal 2.8em "Lucida Sans", Helvetica, sans-serif;
				letter-spacing:-1px;
				}

				#information p{
						padding:0 0 5px 3px;
						color:#fff;
						float:right;
						font:normal 12px/18px "Lucida Sans", Helvetica, sans-serif;
						}

#image{
		width:350px;
		height:180px;
		}
	
		#image img{
				position:absolute;
				z-index:25;
				width:350px;
				height:150px;
				left:50px;
				top:20px;
				padding:3px;
				background:#fff;
				border:1px solid #444;
				}

.imgnav{
		position:absolute;
		width:2%;
		height:220px;
		cursor:pointer;
		z-index:90;
		}

		#imgprev{
				left:-14px;
				top:50%;
				}

				#imgnext{
						right:-16px;
						top:50%;
						}

						#imglink{
								position:absolute;
								height:150px;
								width:100%;
								z-index:92;
								opacity:.4;
								filter:alpha(opacity=40);
								}

.linkhover{
		}

#thumbnails{
		margin-top:25px;
		height:38px;
		}

#slideleft{
		margin-top:30px;
		float:left;
		width:20px;
		height:20px;
		background:url(images/leftp.gif) top center no-repeat;
		padding-left:12px;
		}

		#slideleft:hover{
				}

#slideright{
		margin-top:30px;
		float:right;
		width:20px;
		height:20px;
		background:url(images/rightp.gif) top center no-repeat;
		padding-right:0;
		}

		#slideright:hover {
				}

#slidearea{
		float:left;
		position:relative;
		width:836px;
		margin-left:3px;
		height:81px;
		overflow:hidden;
		}

		html* #slidearea{
				margin-left:0;
				}
				
				.slider_bg{
						background:url(images/slider_bg.png) no-repeat; 
						height:304px;
						margin:10px 0 0px 0px;
						}

#slider{ /* dont change it */
		position:absolute;
		left:0;
		}

		#slider img{
				cursor:pointer;
				border:1px solid #ccc;
				background:#fff;				
				padding:1px;
				margin-top:20px;
				width:80px;
				height:40px;
				}