/*  
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, 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: 100%; 
		font-family: inherit;  
		}   

body{  
		margin:0px;
		font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
		color:#686868;
		background:#fff;
		}

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

html {
	overflow-y: scroll;
}

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

.rightalign{
		float:right;
		}

.leftalign{ 
		float:left;
		}

.textright{
		text-align:right;
		}

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

label{  
		margin:0px;
		font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
		color:#686868;
		width: 500px;
		display: inline-block;
		}

.img_border {
	float: left;
	margin: 5px 15px 5px 0; 
	height: 45%;
	width: 45%;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.rightofimage { /*used for unordered lists that are floated right of an image */
	margin-left: 210px;
}

.alert {
	color: red;
}
		
/************************
	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 Verdana, Arial, Helvetica, sans-serif;;
				background: url(../images/quoteopen.gif) no-repeat top left;
				padding-left: 30px;
				}

/************************
		HEADINGS
*************************/	
h1{
		color:#00a2b2;
		font:normal 26px/32px  "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, Helvetica, sans-serif;
		margin:0 0 10px 0;
		}

h2{
		color:#00a2b2;
		font:normal 22px  "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, Helvetica, sans-serif;
		margin:35px 0 5px 0;
		}

.subcolumnright h2{
		color:#00a2b2;
		font:normal 17px/18px  Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		margin:15px 0 5px 0;
		}
	
h3{
		color:#00a2b2;
		font:italic 400 18px/22px  Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		margin:15px 0 10px 0;
		}

h4{
		padding:0px;
		color:#555;
		margin:10px 0;
		font: italic bold 13px/16px Verdana, Arial, Helvetica, sans-serif;
		}

h5{
		padding: 0px;
		color:#777;
		font:normal bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
		}
	
h6{
		padding: 0px;
		color:#777;
		font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}	

/************************
	HEAD
*************************/	
.header{
		width:100%;
		position:relative;
		}
	.bg {
		background: url(../images/bg.jpg) top center no-repeat;		
		}
	
.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 Verdana, Helvetica, Sans-serif;
					font-style:italic;
					color:#666;
					}

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

/************************
	CONTENT
*************************/		
.box-content{
		padding:10px 10px 20px 10px;
		}
		
.sepline{
	border-right: 2px silver dotted;
		}	
hr{
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px silver dotted;
    border-bottom: 0;
  }

/************************
	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 Verdana, 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;
			    }
									
			.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:10px 0px;
		width:auto;
		height:50px;
		background:#dce6eb;
		border-top:6px solid #d2dfe5;
		}

		.footer_left{
				float:left;
				padding-left: 20px;
				}

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

/* ===================================================== */
/*    ADDITIONAL CSS RICHARD GEORGE 121226               */
/* ===================================================== */

/***************************
	Header
***************************/

#background {
		background: white url('../images/bg.jpg') no-repeat fixed top center;		
}

#page {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
}

#topspacer {
	height: 5px;
}

#banner {
	height: 71px;
	background: white url('../images/gs_banner.png') no-repeat top right ;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom:2px #0109D4 solid;
}

#navigation{
	  background-color: white;
	  height: 34px;
}

.navdecoration {
	margin-left: 10px;
	margin-right: 10px;
 	border-bottom: 2px silver dotted;
 	height: 32px;
}

/***************************
	Body
***************************/

.content {
	background-color: white; 
	min-height: 400px;
}

.maincolumnleft {
	float: left;
	margin: 10px 0 10px 10px;
	width: 508px;
	min-height: 480px;
	border-right: 2px silver dotted;
}

.subcolumnright {
	margin-left: 10px;
	margin-right: 10px;
	float: right;
	width: 220px
}

.boxdivider {
	padding-top: 10px;
	border-top:2px silver dotted;
}

.box {
	border:1px silver solid;
	padding: 10px 10px 0 12px;
}

/***************************
	Footer
***************************/

.footercontent {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 30px;
}

#contactform {
	margin:0px;
	font:Normal 12px Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	color:#000;
}