/*
	Website Name	: www.kreativesoft.com
	Created by		: Kreative Leo
	Date			: 19 Nov. 2009
*/

	*{
		font-family: tahoma, verdana;
		font-size: 12px;
	}
	
	body{
		background: #0c0c0c URL('../images/bg.jpg') no-repeat;
		background-position: top;
		margin: 0px;
	}
	
	h1{
		font-family: arial;
		font-size: 18px;
		font-weight: normal;
		color: #014379;
	}
	
	h1.orangehead{
		background: URL('../images/orangehead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 239px;
		height: 25px;
		margin-bottom: 15px;
		color: #ffffff;
		font-weight: normal;
	}
	
	input.inputtxt{
		border: solid 1px #6f9cc1;
		font-family: verdana;
		width: 200px;
	}
	
	textarea.desctxt{
		border: solid 1px #6f9cc1;
		font-family: verdana;
		width: 200px;
		height: 80px;
	}
	
	.button{
		background: URL('../images/buttonbg.jpg') repeat-x;
		height: 21px;
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 2px;
		color: #ffffff;
		border: 0px;
		cursor: hand;
	}
	
	a{
		color: #000000;
		text-decoration: underline;
	}
	a:hover{
		color: #ff5500;
		text-decoration: none;
	}
	
	a.more{
		color: #ffffff;
		text-decoration: none;
	}
	a:hover.more{
		color: #ffcc00;
		text-decoration: none;
	}
	
	#spacer{
		width: 100%;
		height: 5px;
		float: left;
	}

/*  Top Navigation CSS */

	#topnavbg{
		width: 100%;
		background: #1a1a1a;
		height: 53px;
	}
	
	#topnavigation{
		list-style: none;
		margin: 0px auto;
		padding-top: 17px;
		/*padding-left: 30px;*/
		padding-left: 150px;
		height: 36px;
		width: 928px;		
		border: solid 0px #ff5500;
	}
	#topnavigation li{
		float: left;
		display:block;
		margin: 0px 2px;	
	}
	#topnavigation li a{
		background: URL('../images/topbutbg.jpg') no-repeat;
		font-size:10px;
		padding-top: 10px;
		text-align: center;			
		width: 124px;
		height: 32px;
		float: left;
		color: #ffffff;
		text-decoration: none;
	}
	#topnavigation li a:hover{
		background: URL('../images/topbutbg_over.jpg') no-repeat;
		font-size:10px;
		padding-top: 10px;
		text-align: center;			
		width: 124px;
		height: 32px;
		float: left;
		color: #ffffff;
		text-decoration: none;
	}

/*  End of Top Navigation CSS */

	#wrapper{
		width: 958px;
		margin: 0px auto;
	}

/*  Header CSS */

	#indexheader{
		background: URL('../images/kreativesoft-header.jpg') no-repeat;
		/*background: URL('../images/kreativesoft-holidays-banner.jpg') no-repeat;*/
		height: 240px;
		width: 408px;
		padding-left: 550px;
		padding-top: 30px;
		float: left;
	}
	
	#header-aboutus{
		background: URL('../images/kreativesoft-aboutus.jpg') no-repeat;
		height: 172px;
		width: 958px;
	}
	
	#header-seo{
		background: URL('../images/kreativesoft-seo.jpg') no-repeat;
		height: 172px;
		width: 958px;
	}
	
	#header-webapplications{
		background: URL('../images/kreativesoft-webapplications.jpg') no-repeat;
		height: 172px;
		width: 958px;
	}
	
	#header-webdesigning{
		background: URL('../images/kreativesoft-webdesigning.jpg') no-repeat;
		height: 172px;
		width: 958px;
	}
	
	#header-webdevelopment{
		background: URL('../images/kreativesoft-webdevelopment.jpg') no-repeat;
		height: 172px;
		width: 958px;
	}kreativesoft-webdevelopment.jpg

/*  End of Main Header CSS */

/*  Top Boxes */

	#topboxes{
		background: URL('../images/mainbg.jpg') repeat-y;	
		width: 958px;
		float: left;
		height: 298px;
	}
	
	#boxescolors{
		background: URL('../images/colors.jpg') repeat-y;
		height: 275px;
		width: 958px;
		float: left;
		color: #ffffff;
		padding-top: 20px;
	}
	
	/*#orangehead{
		background: URL('../images/orangehead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 239px;
		height: 25px;
		margin-bottom: 15px;
	}*/
	
	h1.orangehead{
		background: URL('../images/orangehead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 239px;
		height: 25px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		color: #ffffff;
		font-weight: normal;
	}
	#orange{
		margin-left: 25px;
		width: 240px;
		height: 220px;
		float: left;	
	}
	
	/*#blackhead{
		background: URL('../images/blackhead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 306px;
		height: 25px;
		margin-bottom: 15px;
	}*/
	
	h2.blackhead{
		background: URL('../images/blackhead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 306px;
		height: 25px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		color: #ffffff;
		font-weight: normal;
	}
	#black{
		margin-left: 50px;
		width: 300px;
		height: 230px;
		float: left;	
	}
	
	/*#bluehead{
		background: URL('../images/bluehead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 255px;
		height: 25px;
		margin-bottom: 15px;
	}*/
	
	h3.bluehead{
		background: URL('../images/bluehead.jpg') no-repeat;
		float: left;
		text-align: center;
		font-size: 18px;
		padding-top: 4px;
		font-family: arial;
		width: 255px;
		height: 25px;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		color: #ffffff;
		font-weight: normal;
	}
	#blue{
		margin-left: 60px;
		width: 260px;
		height: 230px;
		float: left;	
	}

/*  End of Top Boxes */

/*  Main Content */

	#maincontent{
		background: URL('../images/mainbg.jpg') repeat-y;	
		width: 958px;
		float: left;
	}
	
	#contentarea{
		background: #ffffff URL('../images/contentbg.jpg') repeat-x;	
		width: 923px;
		margin-left: 8px;
		padding: 10px;
		float: left;
	}
	
	#contentarea1{
		background: #ffffff;
		width: 923px;
		margin-left: 8px;
		padding: 10px;
		float: left;
	}
	
	#left{
		float: left;
		padding-right: 20px;
		width: 640px;
		border-right: solid 1px #e6e6e6;
	}
	
	#right{
		float: left;
		padding-left: 20px;
		width: 240px;
	}
	
	#alert{
		font-size: 17px;
		color: #dd0000;
	}

/*  End of Main Content */

/*  Footer */

	#footer{
		background: URL('../images/footerbg.jpg') no-repeat;
		text-align: center;
		height: 143px;
		width: 958px;
		padding-top: 20px;
		float: left;
	}
	#footer a{
		color: #000000;
	}
	#footer a:hover{
		text-decoration: none;
	}
	
	#copyrights{
		background: URL('../images/copyrights.jpg') no-repeat;
		text-align: center;
		height: 90px;
		width: 958px;
		padding-top: 70px;
		float: left;
		color: #ffffff;
	}

/*  End of Footer */