/*-------------------------------------------------------------------------------------------------
* Filename: styles.css
* Website: http://www.themeflash.com
* Author: system32
* Description: Handles the site layout.
--------------------------------------------------------------------------------------------------*/

/* Global Reset
--------------------------------------------------------------------------------------------------*/
body	{  
		margin:0;
		padding:0;
		}

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

.clear	{ clear:both;}

img {border:0;}



/* Headings
--------------------------------------------------------------------------------------------------*/

h1	{
 	font: bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; 				
	letter-spacing:-1px;
	padding:0;
	margin: 0;
	vertical-align:middle;
	}

h1 img { border-width:0px; vertical-align:middle;}

h2	{
	font: bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	letter-spacing:-1px;
	padding:0;
	margin:0;
	}

h3	{
	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0;
	margin: 0;
	}

h4	{
	font: bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0px 0 ;
	}

h5	{
	font: normal 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0;
	}

h6	{
	padding:0px;
	font: normal 10px/12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin:0;
	}

p	{
	margin:5px 0 10px 0;
	}


/* topbar
--------------------------------------------------------------------------------------------------*/
.topbar	{
		height:80px;
		width:100%;
		}

	.logo	{
			padding:10px 0 0 0px;
			}
		
		
/* topmenu
--------------------------------------------------------------------------------------------------*/
.topmenu	{
			margin-top:40px;
			float:right;
			}


/* index sliderpart
--------------------------------------------------------------------------------------------------*/

.sliderbg	{
			overflow:hidden;
			height:310px;
			} 	
	.slider_text	{
					margin:0;
					padding:0;	
					}

		 .slider_text h1	 {
							 margin:60px 0 0 10px;
							 }
	 
			.slider_text p	{
							margin:20px 0 0px 10px;
							}
				.slider_text a	{
						color:#fff;
					}
					.slider_text a:hover	{
							color:#ddd;
						}
	 	 
				.button	{
						margin:20px 0 20px 10px;
						}
				

/* subheader
--------------------------------------------------------------------------------------------------*/

.subheader	{
			width:100%;
			height:100px;
			}

	.subheader h2	{
					padding-top:40px;
					margin:0;
					padding-left:40px;
					}

		.subheader p	{
						}	
	
			.subheader h5	{ 
							padding-top:35px;
							margin:0 30px 0 0; 
							}


/* topbox
--------------------------------------------------------------------------------------------------*/
.topbox	{
		overflow:hidden;
		height:100%;
		margin:0;
		padding:20px 0 0 0;
		}
	
.topimg {
		margin:5px 0;
		}
		
	.topbox h3	a { 
				 }
					
			.topbox h3 span	 {
							}
			
						.topbox p	{ 
									text-align:left;
									}
									

								
/* midcontent
--------------------------------------------------------------------------------------------------*/
.midcontent {
			height:100%;
			overflow:hidden;
			margin:0;
			padding:0px 0;
			}

	.content	{
				margin:10px 0 0px 0px;
				padding:20px;
				overflow:hidden;
				height:100%;
				}

		.sidebar	{
					margin:0 0px 0 0;
					overflow:hidden;
					min-height:500px;
					height:100%;
					}
					
			
/* newslist
--------------------------------------------------------------------------------------------------*/
ul.newslist	{
			margin:10px 0px 10px 0;
			padding:0;
			list-style:square;
			}

	ul.newslist li	{
					padding:5px 0px;
					}

		ul.newslist li p	{
							margin:0 0 10px 0;	
							padding:0;
							}

			ul.newslist li a:link, 
			ul.newslist li a:visited, 
			ul.newslist li a:active	{
									padding:0px 0px;
									}

				ul.newslist li a:hover	{
										padding:0px 0px;
										}

					ul.newslist li span {
										display:block;
										margin-bottom:0px;
										}
										

/* submenu
--------------------------------------------------------------------------------------------------*/

ul.subnav{
	margin:0 0 20px 0;
	padding:0;
}

	ul.subnav li {
	margin-left:0px;
	list-style-type:none;
	}

								
		ul.subnav li a img	{
				vertical-align:middle;
				margin-right:5px;
				border-width:0px;
				}

	ul.subnav li a {
	height:20px;
	margin:0px 0;
	overflow:hidden;
	}

	ul.subnav li li a {
	margin:0;
	text-decoration:none;
	}

	ul.subnav li li a:link, ul.subnav li li a:visited {
	display:block;	
	padding:5px 0px;
	}

	ul.subnav li a:link, ul.subnav li a:visited {
	display:block;
	padding:5px 0px;	
	}

	ul.subnav li a:hover {
	padding:5px 0px;	
	}
	
	fieldset { border-width:0px; margin:0px; padding:0px;}

/* services servicebox
--------------------------------------------------------------------------------------------------*/

.servicebox	{
		width:620px;
		margin:0px 0 0px 0px;
		float:left;
		padding:20px 20px 0px 0px;
		overflow:hidden;
		height:100%;
		}

		.servicetext h3 span	 {
				display:block;
				}
		
		.serviceicon	{
					vertical-align:top;
					float:left;
					width:70px;
					}

		

/* portfolio boxes
--------------------------------------------------------------------------------------------------*/
.portbox	{ 
		float:left; 
		padding:0px 8px;
		margin-bottom:30px;
		width:280px;
		} 
		
	.portbox img	{ 
				margin-bottom:10px;
				width:270px;
				}	
		
		.portbox p 	{
						margin:5px 0 0 0; 
						padding:0; 
						} 
		
			.portbox h3	{ 
						display:block; 
						margin:0 0 0px 0; 
						padding:0px; 

						} 

				.portbox img, .portbox p span, .portbox h3	{ 
											display:block; 
											}

					.img_border	{
								margin-bottom:10px; 
								padding:1px;
								}

						.img_border:hover	{
											}
	

/* read more
--------------------------------------------------------------------------------------------------*/
a.read	{
		float:right;
		padding:5px 0;
		}

		a.read:hover	{
				}



/* testimonial block
--------------------------------------------------------------------------------------------------*/
blockquote	{
			padding:0 15px 0;
			margin:0px;
			}

	.entry blockquote	{
						margin:0 0 20px 0; 
						padding:20px;
						}
						
		blockquote, q	{
						quotes: none;
						}

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

			blockquote	{
						margin: 15px 0px 15px 5px;
						padding-right: 5px;
						}

			blockquote p	{
 							}


/* footer details
--------------------------------------------------------------------------------------------------*/
.footerbg	{
			width:100%;
			overflow:hidden;
			height:100%;
			}

	.copyright	{
				margin:0;
				padding:30px 0;
				}
	

	

/* Post Entry
--------------------------------------------------------------------------------------------------*/
.entry	{
		padding:20px 0;
		clear:both;
		}

		
		.entry .post-info	{
							margin:8px 0;
							}
		
			.entry ul, .entry ol	{
									margin:0;
									padding:10px 0 20px 0;
									}		


div.excerpt	{
			overflow:hidden;
			height:100%;
			}		


		.singlepost h3	{
					margin-bottom:20px;
					}
						
			.singlepost h2 a	{
							background:none;
							}

	

				.postimg	{
						float:left;
						margin-right:20px;
						}
						

/* Success Messages
--------------------------------------------------------------------------------------------------*/
.notes 		{	background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{	background: #ccfcd1;border: 1px solid #60a400;}
.error		{	background: #f9e3e3;	border: 1px solid #e79e9e;}
.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;
			}		
		
		
/* Special
--------------------------------------------------------------------------------------------------*/
.green_button, .orange_button{
      width: 100px;
      height: 33px;
      color:white;
      font-size:13px;
}
.green_button {
      background: grey url('../images/button_green.gif') no-repeat top;
}
.orange_button {
      background: grey url('../images/button_orange.gif') no-repeat top;
}

/* Create Case */

.userinput {
	width: 600px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

.productinput {
	width: 700px;
}

.inputtext {
	width:150px;
	vertical-align:top;
}

.inputval {
	width:350px;
	vertical-align:top;
}

.inputexplain {
	width:200px;
	vertical-align:top;
}

.input_req {
	color:#fff;
	background:#268CC0;
	font-weight:bold;
}

.input_req TD {
	border-top: 1px solid #eee;
}

.input_nor {
/*	background: #EFEFFE;*/
}

.input_nor TD {
	border-top: 1px solid #eee;
}

/* Statusbox */
#statuswrap {
	background:#fff;
	border:solid 2px #000;
	width:270px;
	position:relative;
	padding:2px;
}
#statusbox{
	padding-top:10px;
}
#statusbox ul{
}
#statusbox li{
	text-align:left;
	margin-left:3px;
}
.statustitle{
	font-size:13px;
	font-weight:bold;
	border-bottom:solid 1px #000;
}

.status1{
	font-weight:bold;
}
.status0{
	font-weight:normal;
}
.statusdate{
	color:#aaa;
	font-weight:normal;
}

/* CONFIRMATION */
.confok {
	color: #090;
}

.confail {
	color: #f00;
}

.confirmmsg {
	/*background: #FFEEEE;*/
	padding:5px;
	border: 1px dashed #eee;
	text-align:center;
}

.waitmsg {
	font-weight:bold;
	text-align:center;
}

.small {
	font-size:9px;
}

.front_page_right_box {
	position:relative;
}
.new_price_list_box {
	width:95px;
	height:100px;
	position:absolute;
	right:0px;
	top:0px;
	background: url('../images/new_pricelist.png') no-repeat top right;
}

a.blue {
	color:#1F648E;
}