<!----------------------------------------- Riped by Alija [CST] www.codescriptz.org ----------------------------->

/*  

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, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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-size: 100%; 

}


h1.bode{
font-family: "Trebuchet MS", Verdana, Arial;
	font-weight:bold;
	font-size:14px;
	color:#000000;
}
.clearfix:after {

	content : ".";

	display : block;

	clear : both;

	visibility : hidden;

	line-height : 0;

	height : 0;

	}

.clearfix {

	display : inline-block;

	}

html[xmlns] .clearfix {

	display : block;

	}

* html .clearfix {

	height : 1%;

	}

body	{

	background:#fff;

	font:normal 11px/20px "Lucida Sans", "Lucida Sans Unicode", Helvetica, sans-serif; 

	color:#999999;

	margin:0;

}


a{

	color:#525252;

	text-decoration:none;

	}

a:hover {

	color:#7a7a7a;

	text-decoration:none;

	}


p	{

	padding:0px;

	margin:0 0 15px 0;

}


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

  				Floats & Alignments

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

 
.fr {

	width:auto;

	float:right;

	}


.fl {

	width:auto;

	float:left;

	}

 
.tl {

	text-align:left;

	}

.tr {

	text-align:right;

	}


.tc {

	text-align:center;

	}


ul, ol { list-style-position:outside; margin-left:10px;}

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

  				Page Structure

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

 
.total	{

	width:100%;

	} 

 
.topbg	{

	background:#313131;

	}


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

  				Logo

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


.logo	{

	margin:15px 0;

	padding:0;

	letter-spacing:-1px;

	}

	
.slogan{

	text-align:right;

	margin:30px 10px 0 0;

	}


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

  				 Headings

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


h1,h2,h3,h4,h5,h6 { font-family:"Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}


h1	{

	font-size:2.4em;

	margin-bottom:10px;

	}

	
h2	{

	font-size:2.1em;

	margin:12px 0;

	}

	
h3	{

	font-size:1.6em;

	margin-bottom:5px;

	}


h4	{

	font-size:1.4em;

	margin-bottom:5px;	

	}


h5	{

	font-size:1.2em;

	margin-bottom:5px;

	}


h6	{

	font-size:1em;

	}


.menubg	{

	height:36px;

	width:100%;

	margin:0;

	padding:6px 0 0 0;

	}


.sliderbg	{

	width:100%;

	background: url(../images/gallery_bg.gif) repeat-x;

	height:344px;

	padding-bottom:10px;

	
	}

div.news strong {display:block;}


.midbox	{

    margin:30px 0;

	height:100%;

	padding:0px 25px 0 0;

}


.img_l {margin:0 20px 10px 0;}

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


ul.team {list-style-position:outside;margin:0; }

ul.team li {background:#f5f5f5; border-bottom:1px solid #ddd; padding:5px; padding-left:10px; margin:2px;}


		.smallbox {

			height:100%;

			margin:0;

			padding:10px 0;

			}


			.smallbox ul {

				margin:20px 0 10px 20px;

				padding:0;

				}


			.smallbox li	{

				background:url(../images/bullet.gif) left 50% no-repeat;

				margin:0;

				padding:2px 2px 0 25px;

				color:#000;

				list-style-type:none;

				float:left;

				width:45%;

				}


.imgborder	{

	padding:3px;

	border:1px solid #dadada;

	}


	blockquote{

		padding:5px 10px;

		margin:10px 0 10px 20px;

		background:none;

		border-left:3px solid #787878;

		}


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

  				Twitter Box

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

 
.twitterbox	{

		background:url(../images/twitter_box.gif) no-repeat;

		width:265px;

		height:110px;

		}


		.twitterbox p	{

			padding:15px;

			}

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

  				Sub Header

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

.subheader_bg	{

	width:100%;

    margin:0px;

    padding: 0px;

	background:url(../images/subheader_bg.jpg) repeat-x;

	height:75px;

	padding-top:19px;

		color:#fff;	

		}


	.subheader_bg h2 {

		font:bold 2.2em "Lucida Sans Unicode", "Times New Roman", Times, serif;

		margin:0;

		padding:0 0 5px 0;

		}


	.subheader_bg p	{


		font-size:10px;

		line-height:16px;

		text-transform:uppercase;

		}

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

  				SubMenu&About Us

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

ul.subnav{

	margin:0 0 20px 0;

	padding:0;

	border-left:1px solid #CCCCCC;

}


	ul.subnav li {

	margin-left:0px;

	list-style-type:none;

	}


	ul.subnav li a {

	height:20px;

	margin:0px 0;

	border-bottom:1px solid #eee;

	text-decoration:none;

	}


	ul.subnav li li a {

	margin:0;

	text-decoration:none;

	}


	ul.subnav li li a:link, ul.subnav li li a:visited {

	color:#6b6b6b;

	display:block;	text-decoration:none;

	padding:6px 10px;

	}


	ul.subnav li a:link, ul.subnav li a:visited {

	color:#5f5f5f;

	display:block;

	padding:6px 10px;	text-decoration:none;

	}


	ul.subnav li.current a {

	color:#27a2b5;

	font-weight:bold;	text-decoration:none;

	}


	ul.subnav li a:hover {

	color:#27a2b5;

	padding:6px 10px;	text-decoration:none;

	}


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

  				Services

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


.servicebox	{

	width:280px;

	padding:0 15px 0 0px;

	float:left;

	margin:0px;

	}

	
	.servicebox img{

	margin-top:10px;

	margin-bottom:10px;

	}

	
	.servicebox li {

		list-style-position:inside;

		}


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

  				Portfolio

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


.portfolioitem {

	width:415px;

	float:left;

	padding:15px;

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

	height:auto;

	margin:15px 0px 10px 5px;

	}


.details {

	margin:auto;

	margin:15px 20px;

	}


	.portfolioitem h3{

		font-size:2em;

		margin:0;

		text-align:center;

		padding:0px 0 10px 0;

		color:#000;

		}


	.img_box {

		margin:auto;

		padding:0px;

		}


	.port_img {

		margin:0 12px;

		padding:3px;

		border:1px solid #dadada;		

		}


a.view	{

	font-size:12px;

	font-weight:bold;

	color:#999999;

	margin-top:10px;

	margin-right:15px;

	padding:0;

	text-decoration:none;

	}


a:hover.view 	{

	color:#0080a3;

	margin:0;

	padding:0;

	text-decoration:underline;

	}


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

  				 hosting

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

.host_img{

margin-left:30px;

}


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

					Recent Posts

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


ul.posts{

	margin:0px;

	padding:0;

	}


	ul.posts li {

		margin:0px 0 10px 0;

		padding-bottom:10px;

		list-style-type:none;

		border-bottom:1px solid #dcdcdc;	

		}


		ul.posts li a {

			color:#666666;	

			margin:0px;

			padding:10px 0px;		

			text-decoration:none;

			}


			ul.posts li a:hover {

				color:#999999;

				padding:10px 0px;	

				text-decoration:none;	

				}


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

					Bredcrumbs

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


#breadcrumbs {

	margin: 0;

	display: block;

	padding: 15px 5px 5px 5px;

	border-bottom: 0px solid #e8e8e8;

	}

	
	span.breadcrumbs {

		display: block;

		font-size: 90%;

		line-height: 120%;

		}

	
		span.breadcrumbs img {

			display: none;

			}

	
			span.breadcrumbs a {

				float: none;

				font-weight: normal;

				padding: 0 4px; 

				color:#666666;

				}

	
				span.breadcrumbs a:hover {

					color: #000;

					text-decoration: none;

					}


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

					Blog

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


.blog_post	{

	margin:0 0 20px 0;

	overflow:hidden;

	height:100%;

	border-bottom:1px solid #cacaca;

	padding-bottom:20px;

	}

	
.comments	{

	background:url(../images/comments.gif) no-repeat;

	width:44px;

	height:46px;

	float:left;

	margin:0px 0 0 0px;

	padding:10px 0;

	color:#000000;

	font-size:2em;

	text-align:center;

	}


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

				Blog Comments

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


.the_commentor {

	float:left;

	width:105px;

	position:relative;

	text-align:left;

	}


	.the_commentor img {

		margin-bottom:3px;

		}


.comment-metadata a {

	color:#cbcbcb;

	font-size:10px;

	text-decoration:none;

	}


.the_comment {

	float:right;

	width:449px;

	color:#5d5949;

	padding:10px;

	margin-bottom:10px;

	min-height:100px;

	background-color:#f7f7f7;

	border:0px solid #f0f0f0;

	}


.comment_arrow	{

	background:url(../images/comment_arrow.gif) top right no-repeat;

	width:26px;

	height:24px;

	position:absolute;

	top:20px;

	right:-21px;

	}


ol.commentlist li.alt .the_comment {

	position:relative;

	top:1px;

	overflow:auto;

	background-color:#f7f7f7;

	
	}


ol.commentlist {

	margin:10px 0;

	}


	ol.commentlist li {

		clear:both;

		list-style:none;

		}


.comment-author {

	font-size:10px;

	margin-bottom:0;

	}


	.comment-author a {

		color:#0192ae;

		text-decoration:none;

		}


.commentlist .the_comment a {

	color:#005c9e;

	}


.commentlist .the_comment a:hover,.comment-author a:hover {

	color:#7a7a7a;

	text-decoration:none;

	}


#commentform p{

		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

		}


		#commentform{

				margin: 5px 10px 0 0;

				}


		#commentform input{

				margin: 5px 0 5px 0;

				}		

				#commentform textarea{

						width: 500px;

						padding: 2px;

						}

		
				#commentform #submit{

						margin: 0 0 5px auto;

						float: left;

						}

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

  				Footer

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


.footer_bg	{

	width:100%;

	background:#090909 url(../images/footer_bg1.gif) repeat-x;

    overflow:hidden;

	height:100%;

	padding:25px 0 25px 0;

	color:#525252;


	}

		
.footer li {

		margin:0;

		display:block;

		padding:4px 5px 4px 0px;

		text-decoration:none;

		}


.footer li a {

		margin:0;

		color:#c3c3c3;

		padding:4px 5px 4px 0px;

		text-decoration:none;


		}


.footer li a:hover {

			margin:0;

			color:#7a7a7a;

			text-decoration:none;

			padding:4px 5px 4px 0px;

			}			

			
.text{

text-align:center;

paddingg-top:20px;


}


	strong	{ 

		color:#6c6c6c;

		}


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

				Contact Form

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


.contactform form, 

#contactform form ul { 

	margin:0px 0 0 0px; 

	padding:0px; 

	color:#333333; 

	}


	.contactform ul li {

		background:#f9fcfd; 

		margin: 0 0 5px 0; 

		padding:5px 5px 10px 5px;  

		border:1px solid #dbeaf1; 

		list-style-type:none;

		} 


		.contactform ul li:hover {

			border:1px solid #b9d3de; 

			} 


.contactform label {

	display:block; 

	width:200px; 

	padding-left:15px; 

	}


.inputbox { 

	padding:5px 0 5px 15px; 

	}


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

  				Price Table CSS

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


table {

border:none;

border-collapse:collapse;

margin:10px 0;

}


td,th {

border-collapse:collapse;

border-bottom:1px solid #cacaca;

padding:10px 15px;

text-align:center;

}


table th {border-left:1px solid #4e4e4e; color:#ccc;}

table td {border-left:1px solid #cacaca;}

table td:first-child, table th:first-child

{

text-align:left;

border-left:none;

}


.first {border-left:none; text-align:left;}


th {

background:url(../iimages/table-head-mid.gif) repeat-x 0 0;

padding-left:20px;

text-align:left;

font-size:12px;
color:#FFFFFF

}


th.lefthead {

background:url(../images/table-head-left.gif) no-repeat 0 0;

padding-left:20px;

height:53px;

text-align:left;

}


th.righthead {

background:url(../images/table-head-right.gif) no-repeat right top;

text-align:left;

}


table a {

text-decoration:none;

}


tbody tr:hover {

background:#eaf2f7;

}


thead th {

color:#ccc;

height:80px;

padding:10px 15px;

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

text-align:center;

}

ul, ol {list-style-position:inside;}

<!----------------------------------------- Riped by Alija [CST] www.codescriptz.org ----------------------------->