/*  

Theme Name: Designplus

Theme URI: http://www.themeflash.com/

Description: A Business & Portfolio Theme

Author: System32

Author URI: http://www.themeflash.com/ 

*/	



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

	GLOBAL RESET

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 14px;

	font-family: inherit;

	color: #000;

	text-align: justify;

		}   



body{

	margin:auto;

	font:normal 12px/20px "Lucida Sans", Verdana, Helvetica, sans-serif;

	color:#777;

	background:#fff;

		}



* html{

		margin:0;padding:0;

		}





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

	BASIC STYLES

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

.clear{

		clear:both; 

		}



.rightalign{

		float:right;

		}



.leftalign{ 

		float:left;

		}



.textright{

		text-align:right;

		}



.textleft{

		text-align:left;

		}

a{

		text-decoration:none;

		color:#00919f;

		}

 

		a:hover{  

			color:#777;

			}

	

p{
	margin:0 0 10px 0;
	font:normal 12px/20px "Lucida Sans",  Arial, Verdana, Helvetica, sans-serif;
	color:#777;
	text-align: left;
	font-weight: normal;

		}		



.img_border{ 

		padding:5px;

		margin:10px 0;

		border:1px solid #ccc;

		}

		

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

	BLOCKQUOTE

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



blockquote, q{

		quotes: none;

		}



blockquote:before, blockquote:after,

q:before, q:after{

		content: '';

		content: none;

		}



blockquote{

		margin: 15px 0px 15px 5px;

		background: url(../images/quoteclose.gif) no-repeat bottom right;

		}

		

		blockquote p{

				font:italic 16px/20px Georgia, Arial, Helvetica, sans-serif;;

				background: url(../images/quoteopen.gif) no-repeat top left;

				padding-left: 30px;

				}



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

		HEADINGS

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

h1{

	padding:0px;

	color:#F00;

	font:normal 30px/32px  "Arial", Arial, Helvetica, sans-serif;

	letter-spacing:-1px;

		}



h2{
	color:#777;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	text-align: justify;
	font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 28px;
	font-weight: normal;
	font-variant: normal;

		}

	

h3{

		padding:0px;

		color:#777;

		font:normal 21px/24px "Lucida Sans", Arial, Helvetica, sans-serif;

		margin-bottom:10px;

		}



h4{

		padding: 0px;

		color:#777;

		font:normal 20px/26px "Lucida Sans", Arial, Helvetica, sans-serif;

		}



h5{

	padding: 0px;

	color:#000;

	font:normal bold 16px/20px "Lucida Sans", Arial, Helvetica, sans-serif;

		}

	

h6{

		padding: 0px;

		color:#777;

		font:normal 11px/14px "Lucida Sans", Arial, Helvetica, sans-serif;

		margin-bottom:10px;

		}	



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

	HEAD

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

.header{

		width:100%;

		position:relative;

		}

	.bg {

		background: url(../images/bg.jpg) top center no-repeat;		

		height:502px; 		

		z-index:2;		

		}

	

.subheader{

		background: url(../images/bg.jpg) center -250px  no-repeat;	

		width:100%;

		height:250px;			

		}

	.subbg{

			width:100%;

			}

	

			.subtitle {

					text-align:center;

					color:#666;



					}



			.subtitle p {

	font:normal 18px Georgia, Helvetica, Sans-serif;

	font-style:italic;

	color:#666;

	text-align: center;

					}



			.subtitle h1{

	padding-top:30px;

	padding-bottom:10px;

	color:#666;

	text-align: center;

					}

		

.logo{

		margin:20px 0 0 20px;

		}



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

	CONTENT

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

.box-content{

		padding:0px 10px 15px 10px;

		}

		

.sepline{

		background:url(../images/sep-line.gif) top right repeat-y;

		}	



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

	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 #dce6eb;

				color:#777;

				}



				ul.subnav li a:link, 

				ul.subnav li a:visited{

						color:#777;

						display:block;

						padding:6px 0px;

						}



						ul.subnav li.current a{

								font-weight:bold;

								text-decoration:none;

								background:url(../images/leftp.gif) no-repeat -20px 0 ;

								color:#00919f !important;	

								}



								ul.subnav li a:hover{

										color:#00919f;

										background:#ecf2f5;

										padding:6px 2px;

										text-decoration:none;

										}



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

	MIC CONTENT NEWS LISTS

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



ul.newslist{

		margin:10px 0;

		padding:0;;

		}



		ul.newslist li{

				border-bottom:1px solid #e6e6e6;

				padding:10px 0;

				color:#777;

				}

			

				ul.newslist li a:link, 

				ul.newslist li a:visited, 

				ul.newslist li a:active{

						padding:3px 0px;

						color:#777;

						text-decoration:none;

						}



						ul.newslist li a:hover{

								color:#00919f;

								padding:3px 0px;

								text-decoration:none;

								}



								span.date{

										display:block;

										width:70px;

										margin:0 0 5px 0;

										padding:2px 0px;

										color:#00919f; 

										font:normal bold 10px/12px Tahoma, Arial, Helvetica, sans-serif;

										letter-spacing:normal !important;

										}







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

	SERVICES

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



.services{

		}

			

		.services h3{

				padding:0px;

				color:#777;

				font:normal 23px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

				letter-spacing:-1px;

				margin-bottom:10px;

				padding-bottom:10px;

				border-bottom:1px solid #d1d1d1;

				}



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 #d3d3d3;

		margin-bottom:15px;

		padding-bottom:20px;	

		}



.port_details{

		float:left;

		margin-top:10px;

		margin-left:30px;

		width:280px;

		}



		.port_details p{

				margin:0;

				padding:5px 0;	

				}

				

			.port_details h3{

					padding:0px;

					color:#555;

					font:normal bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

					letter-spacing:-1px;

					margin-bottom:10px;

					}				



.port_img {

	float:left;

}



a.view{

		font-size:11px;

		text-decoration:none;

		font-weight:bold;

		float:right;

		padding-right:10px;

		margin:10px;

	 	}

 

a.view:hover{  

		font-weight:bold;

		text-decoration:underline;

		}



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

	Blog	 

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



.blog{

		margin:15px 0;

		padding:10px 0;

		border-bottom:1px solid #d3d3d3;	

	    }

	

		.blog p{

	padding:5px 0;

	text-align: justify;

	color: #666;

			    }

									

			.blog h2 a{

				font:normal 18px/20px Arial, Helvetica, sans-serif;

			    }				

	



.post-info{

		border-bottom:1px solid #E8E8E8;

		border-top:1px solid #E8E8E8;		

		padding:5px 15px 5px 0px;

		font:normal 10px Arial, Helvetica, sans-serif;

		margin:10px 0;

		letter-spacing:1px;

		word-spacing:3px;

		text-transform:uppercase;

		}



		.post-info span{

				color:#257400;

				font-weight:bold;

				}

				

.blog_img {

		float:left;

		margin-right:10px;

		

}				



a.links{

		font-size:14px;

		text-decoration:underline;

		color:#0061a7;

		}



a.links:hover{  

		color:#5D5D5D;

		font-weight:bold;

		text-decoration:none;

		}



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

	READ MORE

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



.readmore{   

		margin-bottom:20px;

		margin-right:10px;

		margin-top:10px;	

		}

	

		.readmore:hover{  



				}



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

	FOOTER

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



.footer{

		margin:0;

		padding:20px 0px;

		width:auto;

		height:46px;

		background:#dce6eb;

		border-top:6px solid #d2dfe5;

		}



		.footer_left{

				float:left;

				}



				.footer_left p{

						font-size:13px;

						}



		.footer_right{

				float:right;

				}



/* ================================================= */

/* 	 INPUT FIELD CSS                                 */

/* ================================================= */



.contactform textarea{

		vertical-align:top;

		}



.contactform input[type=radio],

.contactform input[type=checkbox]{

		border: none;

		}



input[type=text],

input[type=password],

textarea{

		background: #fff;

		border: 1px solid #d1d1d1;

		padding: 5px 8px;

		margin: 2px 0px;

		}



input[type=text]:focus,

input[type=password]:focus{

		background: #f8f8f8;

		}