/*  
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-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #777;
		}   

body{
	margin:0px;
	color:#777;
	background:#fff;
	font-family: "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
		}

* 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;
	color:#777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: 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:#777;
		font:normal 30px/32px  "Arial", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		}

h2{
		color:#555;
		font:normal 24px/28px  "Lucida Sans", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		margin:0 0 5px 0;
		}

h3{
		padding:0px;
		color:#777;
		font:normal 18px/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:#777;
		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{
	width:100%;
	height:200px;
	background-image: url(../images/bg_1.jpg);
	background-repeat: no-repeat;
	background-position: center -250px;
		}

	.subbg{
			width:100%;
			}

			.subtitle {
					text-align:center;
					color:#666;
					}

			.subtitle p {
	font:normal 18px Georgia, Helvetica, Sans-serif;
	color:#2dd4d7;
					}

			.subtitle h1{
					padding-top:30px;
					padding-bottom:10px;				
					color:#666;
					}

.logo{
		margin:20px 0 0 20px;
		}

/************************
	CONTENT
*************************/		
.box-content{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #777;
		}

.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;
										padding:6px 2px;
										text-decoration:none;
										background-color: #ecf2f5;
										font-weight: bold;
										}

/**************************
	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:90px;
										color:#00919f;
										letter-spacing:normal !important;
										font-family: Tahoma, Arial, Helvetica, sans-serif;
										font-size: 14px;
										font-style: normal;
										line-height: 12px;
										font-weight: bold;
										font-variant: normal;
										margin-top: 0;
										margin-right: 0;
										margin-bottom: 5px;
										margin-left: 0;
										padding-top: 2px;
										padding-right: 0px;
										padding-bottom: 2px;
										padding-left: 0px;
										}

/****************************
	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{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d3d3d3;
		}

.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{
	border-bottom:1px solid #d3d3d3;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	    }

		.blog p{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
			    }

			.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;
	width:auto;
	height:62px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-color: #c1e873;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #acce67;
		}

		.footer_left{
				float:left;　　
				}

				.footer_left p{
						font-size:12.4px;
						}

		.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;
		}