/*
	Specs:
	-----------
	Width:			700
	Height:			Relative
	H Align:		Center
	V Align:		Top
	Fixed Bottom:	Yes
	Header:			Yes
	Footer:			Yes
	Margins:		10
	
*/

/* ---------- Body ---------- */

html, body  {height:100%;margin:0;}
html {background:url(img/b_body.png) repeat-y top center;}
body {font-family:Trebuchet MS;}

.nocss {display:none;}

#main
{
	background:url(img/b_header.png) no-repeat top center;
	width:100%;
	min-height:100%;
	position:relative;
}
* html #main {height:100%;}
	#header_content, #main_content, #footer_content
	{
		width:700px;
		margin:auto;
	}
	
	#header_content
	{
		font-size:0.8em;
		font-family:Verdana;
		color:rgb(190,20,20);
		height:70px;
		padding-top:55px;
		position:relative;
	}
		#header_lang
		{
			padding:5px 10px 5px 10px;
			
			border:solid 1px rgb(190,20,20);
			position:absolute;
			right:0;
			top:0;
		}
			#header_lang a
			{
				padding-left:20px;
				font-size:0.75em;
			}
			
			#header_lang a.rs		{ background: url(img/flag_rs.png) no-repeat center left; }
			#header_lang a.gb		{ background: url(img/flag_gb.png) no-repeat center left; }
		
		#header_left
		{
			float:left;
			padding-left:150px;
			text-transform:uppercase;
		}
		
		#header_right
		{
			float:left;
			padding-left:200px;
			text-transform:uppercase;
		}
			#header_content ul
			{
				margin:0;
				padding:0;
				list-style-type: none;
			}
				#header_content li
				{
					float:left;
					padding:0px 0px 0px 20px;
				}
				
				#header_content a
				{
					color:rgb(100,100,100);
					text-decoration:none;
				}
				
				#header_content a:hover {color:rgb(190,20,20);}

	#main_content
	{
		padding:10px 5px 100px 0px; 
		font-size:0.8em;
	}
		#main_content h1
		{
			font-size:3.4em;
			font-family:Times New Roman;
			color:rgb(190,20,20);
			font-weight:normal;
			margin:0;
		}

	#clearing
	{
		display:block;
		overflow:hidden;
	}

	#footer
	{
		background:url(img/b_footer.gif) no-repeat top center;
		height:90px;
		position:absolute;
		bottom:0;
		width:100%;
	}
		#footer_content
		{
			font-family:Verdana;
			font-size:0.7em;
			color:White;	
			margin-top:10px;
		}
			#footer_content a, #footer_content a:hover {color:White;}
	#message
	{
		width:440px !important;
		max-width:448px;
	}

/* ---------- Forms ---------- */

input.text, textarea.text
{
	margin-top:5px;
	font:normal normal normal 1em Tahoma;
	vertical-align:middle;
	height:18px;
	background:url(img/b_input.gif) repeat-x top left;
	padding:4px;
	border:1px solid rgb(200,200,200);
}

textarea.text { height:auto; }

label
{
	font:normal normal bold 0.85em/0.85em Verdana;
	color:rgb(100,100,100);	
}

.form_div 
{
	overflow:hidden;
	position:relative;
	padding:0px 8px 0px 8px;
}
	.form_div div
	{
		float:left;
		padding-top:10px;
		padding-bottom:10px;
	}

input.button
{
	width:96px;
	height:35px;
	border:none;
	font:normal normal normal 0.8em/0.8em Verdana;
	background: transparent url(img/btn.png) no-repeat top left;	
	cursor:pointer;
	color:rgb(80,80,80);
}

input.button:hover {background-position:left bottom;}

/* ---------- Bars ---------- */

div.bar, div.bar.err, div.bar.info
{
	width:458px;
	margin:10px 0px 0px -4px;
	padding:0;
	height:36px;	
}

div.bar span
{
	font:normal normal normal 0.85em/0.85em Verdana;
	line-height:34px;
	margin-left:35px;
}

div.bar.err {background: url(img/err.png) no-repeat 0px 0px;color:rgb(180,50,0);}
div.bar.info {background: url(img/info.png) no-repeat 0px 0px;color:rgb(0,50,180);}

/* ---------- Tables ---------- */ 

table
{
	padding:3px 20px 3px 20px;
	margin-top:8px;
	font-size:0.9em;
}

td
{
	border-top:solid 1px rgb(210,210,210);
	padding:2px 3px 2px 3px;
	background:transparent url(img/b_col.png) repeat-x top left;
	font-weight:bold;
}
	td.hdr 
	{
		background-image:none;
		background-color:rgb(230,230,230);
		font-weight:bold;
	}
	
	td.sum
	{
		background:rgb(235,235,235);
		font-weight:bold;
		color:rgb(190,20,20);
	}
	
	td.hdr, td.y, td.n, td.p {text-align:center;}
	
	td.y
	{
		color:rgb(20,140,20);
	}
	td.n, td.p, span.r
	{
		color:rgb(190,20,20);
	}
	
	td.desc
	{
		border:none;
		font-weight:normal;
		background:transparent;
		color:rgb(90,90,90);
		padding-left:60px;
		padding-bottom:15px;
		background-repeat:no-repeat;
		background-position:10px center;
	}
	
	#pages					{background-image:url(img/pricing/pages.png);}
	#pcoding				{background-image:url(img/pricing/coding.png);}
	#pconcept				{background-image:url(img/pricing/concept.png);}
	#pconcept_assistance	{background-image:url(img/pricing/concept_assistance.png);}
	#pseo					{background-image:url(img/pricing/seo.png);}
	#plogo					{background-image:url(img/pricing/logo.png);}
	#pcontact				{background-image:url(img/pricing/contact.png);}
	#ptestimonials			{background-image:url(img/pricing/testimonials.png);}
	#pdatabase				{background-image:url(img/pricing/database.png);}
	#pnews					{background-image:url(img/pricing/news.png);}
	#pgallery				{background-image:url(img/pricing/gallery.png);}
	#psearch				{background-image:url(img/pricing/search.png);}
	#pforum					{background-image:url(img/pricing/forum.png);}

/* ---------- Misc stuff ---------- */ 

::selection { background: rgb(255,150,150); color: rgb(140,30,30); }
::-moz-selection { background: rgb(255,150,150); color: rgb(140,30,30); }