﻿html
{
	background: #2b2a2a;	
}
body
{
	padding: 0;
	margin: 0;
	background: #e0e0e0;
	color: #231f20;
	overflow-y: scroll;
}

*
{
	padding: 0;
	margin: 0;
	font-family: Georgia;
	outline: none;
}

a
{
	text-decoration: none;
	color: #c60751;	
	outline: none;	
}

img
{
	border: none;	
}

p
{
	margin: 15px 0;	
}

/*
-----------CONTROLS-----------
*/

textarea
{
	overflow: auto;	
}

.textbox
{
	width: 260px;
	height: 20px;		
	border: none;
	color: #ffffff;
	font-weight: normal;
	background: #969696 url('Images/contact-textbox-bg.png') repeat-x;	
	font-size: 13px;
	margin-top: 10px;
	padding-left: 5px;		
}

	/* BOTTOM TEXTAREA */
	
	.bottom-textarea
	{
		min-width: 260px;
		min-height: 113px;		
		max-width: 260px;
		max-height: 113px;		
		border: none;
		font-size: 13px;
		padding: 3px 0 0 5px;		
		color: #ffffff;
		background: url('images/bottom-textarea-bg.png') repeat-x;	
		margin-top: 10px;		
	}

	/*
	-----------BUTTON VARIANTS-----------
	*/	
	
	input[type=button]
	{
		border: none;
		margin-top: 10px;	
		font-size: 16px;
		padding: 1px 0;	
	}
	
		/*
		-----------COLORS-----------
		*/
		
		.bg-gray
		{
			background: #969696;	
		}
		
		.bg-light-gray
		{
			background: #a3a3a3;	
		}
		.bg-lightest-gray
		{
			background: #9f9f9f;	
		}
		
		/*
		-----------BUTTON VARIANTS | WIDTH-----------
		*/
		
		.__80
		{
			width: 80px;	
		}
		.__165
		{
			width: 165px;	
		}
		.__206
		{
			width: 206px;	
		}
		
		/*
		-----------BUTTON VARIANTS | HEIGHT-----------
		*/
		
		._34
		{
			height: 34px;	
		}
		._26
		{
			height: 26px;
		}
		
	

/*
-----------STRUCTURE-----------
*/
	
	/*
	-----------CONTENT BORDER-----------
	*/
	#firstBorder
	{
		width: 1108px;
		border-left: solid 1px #dddddd;
		border-right: solid 1px #dddddd;
		margin: 0 auto;	
	}

	#secondBorder
	{
		width: 1106px;
		border-left: solid 1px #d9d9d9;		
		border-right: solid 1px #d9d9d9;
		margin: 0 auto;	
	}

	#thirdBorder
	{
		width: 1104px;
		border-left: solid 1px #d1d1d1;
		border-right: solid 1px #d1d1d1;	
		margin: 0 auto;	
	}

	#fourthBorder
	{
		width: 1102px;
		border-left: solid 1px #c7c7c7;
		border-right: solid 1px #c7c7c7;		
		margin: 0 auto;	
	}
	
	/*
	-----------MASTER-----------
	*/
	
	#top
	{
		border-top: solid 1px #6b6a6a;
		border-bottom: solid 1px #6b6a6a;
		background: #4a4949;
		margin-top: 1px;
		height: 14px;	
	}		
		
	#all
	{
		width: 1100px;	
		border-left: solid 1px #bbbbbb;
		border-right: solid 1px #bbbbbb;
		margin: 0 auto;			
		background: #ffffff;		
	}
	
	#middle
	{
		width: 1000px;
		margin: 0 auto;	
		min-height: 650px;
	}
		
		/*
		-----------MIDDLE TOP-----------
		*/
		
		#middle-top
		{
			width: 1000px;
			height: 57px;
			position: relative;			
		}
		
		#menu
		{						
			height: 39px;
			position: absolute;
	        left: 180px;
	        top: -1px;		
		}
		
		
			#menu ul
			{
				list-style: none;
				margin: 0;
				padding: 0;
				height: 39px;
				display: inline;
			}
			#menu ul li
			{
				float: left;
				display: inline;				
			}
			
			#menu ul li a
			{ 
				display: block;
				height: 23px;
				padding: 18px 5px 0 5px;
				text-decoration: none;
				font-family: Georgia;
				color: #231f20;
				font-size: 14px;
				font-weight: normal;
				text-transform: uppercase;
				margin-top: -2px;									
			}

			#menu ul li a.active
			{
				color: #c60751;
				background: url('images/menu-active-bg.png') no-repeat;
				background-position: center top;				
			}

			#menu ul li a span
			{
				text-align: center;
				line-height: 34px;
				display: block;
				margin: 0 6px;
				z-index: 10;
			}		
		
		#logo
		{			
			position: absolute;
			top: 11px;
			left: 22px;			
		}
		
		#log-in
		{
			background: #4a4949;
			color: #ffffff;
			font-size: 18px;
			position: absolute;
			top: 15px;
			right: 22px;
			text-align: center;
			padding: 8px;
		}
		
		#offert
		{
			background: #c60751;
			color: #ffffff;
			font-size: 18px;
			position: absolute;
			top: 15px;
			right: 117px;
			text-align: center;
			padding: 8px;
		}
		
		/*
		-----------MIDDLE HEADER-----------
		*/
		
		#middle-header
		{
			width: 1000px;			
			position: relative;
			min-height: 90px;
		}
		#middle-header img
		{
			position: absolute;
			right: 22px;
			top: 18px;
		}
		
		/*
		-----------MIDDLE LATEST-----------
		*/		
		
		#middle-latest
		{
			width: 956px;			
			background: #fefcfd;
			padding: 19px 22px 41px 22px;
			margin: 0 auto;
			position: relative;
		}
		
		/*
		-----------MIDDLE MINI-----------
		*/
		
		#middle-miniheader
		{
			padding-left: 22px;
		}
			#middle-miniheader h2
			{
				letter-spacing: 0px;
				text-transform: uppercase;	
			}
	
	#bottom
	{
		background: #2b2a2a;		
		min-height: 475px;
		padding-bottom: 25px;		
	}
	
	#bottom-content
	{
		width: 1000px;
		margin: 0 auto;
		padding-top: 30px;		
	}
		#bottom-content .row
		{
			margin-bottom: 18px;
		}
		
		#bottom-content .row span
		{
			display: block;
			font-size: 12px;
			color: #c5c4c4;
		}
		
		#bottom-content .col a
		{
			color: #c5c4c4 !important;
		}
		
		#bottom-content .col
		{
			float: left;
			margin-right: 49px;	
		}
		
		#bottom-content ul
		{
			list-style: none;	
		}
		
		#bottom-content ul li
		{
			display: block;
			padding: 2px 0;					
		}
		#bottom-content ul li a
		{
			font-size: 12px;	
		}
		
		#bottom-content span.like-item
		{
			font-size: 12px;
			padding: 2px 0;
			display: block;
			color: #c5c4c4;	
		}
		
		.bottom-minicap			
		{
			width: 150px;
			padding-top: 10px;
		}
		.bottom-minicap span
		{
			display: inline;
			float: left;			
			font-size: 13px;	
			margin-right: 3px;
			padding-top: 2px;
		}
		.bottom-minicap input[type=text]
		{
			margin: 0;	
		}
		
		.success
		{
			padding-top: 25px;	
			text-align: center;
		}
		.sucess span
		{
			display: inline;			
		}
			
/*
-----------MISC-----------
*/

	/*
	-----------STYLES-----------
	*/
	.italic
	{
		font-style: italic;	
	}
	
	.bold
	{
		font-weight: bold;	
	}
	
	/*
	-----------POSITION-----------
	*/

	.left
	{
		float: left;	
	}
	
	.right
	{
		float: right;	
	}
	
	.inline
	{
		display: inline;	
	}
	
	.block
	{
		display: block;	
	}

	/*
	-----------MISC-----------
	*/
	
	.no-margin
	{
		margin: 0;	
	}

	/*
	-----------COLORS-----------
	*/
	
	
	.error
	{
		color: #ff0000;	
	}
	.red
	{
		color: #c60751;
	}	
	.light-gray
	{
		color: #aeaeae;	
	}
	.dark-gray
	{
		color: #3e3e3d;	
	}
	.white
	{
		color: #ffffff;	
	}
	
	/*
	-----------FONT SIZE-----------
	*/
	
	.small
	{
		font-size: 12px;	
	}
	
	.medium
	{
		font-size: 13px;	
	}
	
	/*
	-----------HEADER-----------
	*/
	h1
	{
		font-family: Georgia;
		font-size: 40px;
		font-weight: normal;
		text-transform: uppercase;				
		letter-spacing: -2px;
		padding-left: 22px; 
		width: 730px;		
	}
	
	h2
	{
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal;		
		letter-spacing: -1px;
		display: inline;
	}
	h3
	{
		font-family: Georgia;
		font-size: 18px;
		font-weight: normal;				
		display: block;		
		color: #ffffff;
		border-bottom: 1px solid #656565;
		padding-bottom: 4px;
		margin-bottom: 18px;
	}	

	/*
	-----------DIV-----------
	*/
	.seperator-white
	{
		height: 0px;
		border-bottom: 1px solid #ffffff;
	}
	.seperator-gray
	{
		height: 0px;
		border-bottom: 1px solid #d9d9d9;	
	}
	.seperator-dark
	{
		height: 0px;
		border-bottom: 3px solid #858585;	
	}
	.seperator-medium-gray
	{
		height: 0px;
		border-bottom: 1px solid #a2a1a1;	
	}
	.seperator-light-gray
	{
		height: 0px;
		border-bottom: 1px solid #b6b6b6;	
	}
	.clear
	{
		clear: both;	
	}
	
	/*
	-----------LATEST BLOGPOST-----------
	*/
	
	.latest-column
	{
		width: 462px;	
	}
	
	.latest-container-xl
	{
		width: 465px;		
		float: left;
	}
	.latest-image
	{
		float: left;	
	}
	.latest-image img
	{
		border: 3px solid #c4c4c4;
		max-width: 195px;	
	}
	.latest-text
	{
		width: 250px;
		float: right;	
	}
	.latest-text h2
	{
		font-size: 32px;
		color: #3e3e3e;
		display: block;
		margin: -6px 0 5px 0;		
	}	
	
	.latest-text h2 span
	{
		margin: 0;
	}
	
	.latest-text h2 span.lastw-xl
	{
		font-size: 32px;
		color: #3e3e3e;
		display: inline-block;
		padding-right: 28px;
		background: url('images/link-go.png') no-repeat;
		background-position: right center;	
		margin: 0;
	}	
	
	.latest-text h2 span.lastw-m
	{
		font-size: 24px;
		color: #3e3e3e;
		display: inline-block;
		padding-right: 28px;
		background: url('images/link-go.png') no-repeat;
		background-position: right center;	
	}	

	.latest-text h2 span.lastw-s
	{
		font-size: 20px;
		color: #3e3e3e;
		display: inline-block;
		padding-right: 20px;
		background: url('images/link-go-s.png') no-repeat;
		background-position: right center;	
	}	
	
	.latest-text h2 a
	{
		color: #3e3e3e;	
	}
	
	.latest-text h2 span.s
	{
		height: 14px;
		width: 13px;
		background: url('images/link-go-s.png') no-repeat;
		background-position: center 0px;
		display: inline-block;
		margin-left: 8px;			
	}
	.latest-text h2 span.xl
	{
		height: 24px;
		width: 21px;
		background: url('images/link-go.png') no-repeat;
		background-position: center 1px;
		display: inline-block;
		margin-left: 8px;
	}
	.latest-text h2 span.medium
	{
		height: 24px;
		width: 21px;
		background: url('images/link-go.png') no-repeat;
		background-position: center 3px;
		display: inline-block;
		margin-left: 8px;		
	}
	
	.latest-text h2.small
	{
		font-size: 20px;
		margin: -3px 0 5px 0;		
	}
	.latest-text h2.medium
	{
		font-size: 28px;
		margin: -4px 0 5px 0;	
	}
	.latest-text span
	{
		font-size: 12px;
		margin-top: 5px;
	}
	.latest-text span.tag
	{
		text-transform: uppercase;
		display: inline;	
		color: #abaaaa;
	}
	.latest-text span.tag a
	{
		color: #abaaaa;	
	}
	
	.paging
	{
		margin-top: 6px;
		padding: 0 22px;
		font-size: 12px; 	
	}

	.paging span.current a
	{
		color: #c60751;
	}

	.paging span a
	{
		color: #231F20;	
	}
	
	/*
	-----------PAGE SECTION-----------
	*/

	#page-all
	{
		width: 956px;
		margin: 0 auto;			
	}
		
		#page-all ul
		{
			list-style: none;
			padding: 0;		
			margin: 0;
		}
		
			#page-all ul li
			{
				display: block;
				margin-top: 1px;	
				height: 20px;
			}
			
			#page-all ul li a
			{
				font-size: 15px;
				display: inline;
				color: #c60751;
				background: url('Images/link-go-s.png') no-repeat;
				background-position: right center;
				padding-right: 20px;				
			}	
	
		#page-all h1
		{
			font-size: 53px;
			font-weight: bold;
			color: #3e3e3e;	
			padding: 0;
			text-transform: none;
			width: auto;
			margin-bottom: 15px;
		}
		#page-all span
		{
			font-size: 15px;
			color: #3e3d3e;	
		}
		#page-all span.intro
		{
			margin-bottom: 20px;	
		}
		
		#page-all .video
		{
			max-width: 449px;
			max-height: 297px;
			overflow: hidden;
			margin-bottom: 25px;	
		}
	/*
	-----------TAG CLOUD-----------
	*/

	.tag1{font-size: 0.6em !important}
	.tag2{font-size: 0.7em !important}
	.tag3{font-size: 0.8em !important}
	.tag4{font-size: 1.0em !important}
	.tag5{font-size: 1.2em !important}
	.tag6{font-size: 1.5em !important}
	.tag7{font-size: 1.8em !important}
	
	/*
	-----------LOGIN DIALOG-----------
	*/
	
	#log-in-wrapper
	{
		background: url('Images/log-in-bg.png') no-repeat;		
		display: none;
		width: 283px;
		height: 167px;
		position: absolute;
		padding: 30px;
	}
	
	#offert-wrapper
	{
		background: url('Images/offert-bg.gif') no-repeat;		
		display: none;
		width: 482px;
		height: 308px;
		position: absolute;
		padding: 30px;
	}
	
	#offert-wrapper table tr td
	{
	    padding-bottom: 5px;
	}
	
	#log-in-wrapper .row
	{
		padding-top: 5px;
		float: left;
		width: 283px;
		margin-bottom: 8px;	
	}
	
	#log-in-wrapper .row span
	{
		display: block;
		padding-top: 2px;
		float: left;
		font-size: 16px;
	}
	
	#offert-wrapper span
	{
		font-size: 16px;
	}
	
	.text
	{
		width: 175px;
		height: 21px;
		border: 5px solid #acacac;
		background: #ffffff;		
		margin: 0;
		float: right;
		color: #231f20;	
		font-size: 14px;		
	}
	
	.text2
	{
		width: 155px;
		height: 18px;
		border: 5px solid #acacac;
		background-color: #ffffff;
		margin: 0;
		padding: 4px 5px 4px 5px;
		color: #231f20;	
		font-size: 14px;
	}
	
	.text3
	{
		width: 462px;
		height: 100px;
		min-width: 462px;
		min-height: 100px;
		max-width: 462px;
		max-height: 100px;
		border: 5px solid #acacac;
		background-color: #ffffff;
		margin: 0;
		padding: 4px 5px 4px 5px;
		color: #231f20;	
		font-size: 14px;
	}
	
	dl.dropdown1 
	{
	    margin: 0;
	    padding: 0;
	}
	.dropdown1 dd, .dropdown1 dt, .dropdown1 ul 
	{
	    margin: 0px;
	    padding: 0px;
	}
    .dropdown1 dd 
    {
        position: relative;
    }
	.dropdown1 a, .dropdown1 a:visited 
	{
	    color: #000;
	    text-decoration: none;
	    outline: none;
	    cursor: pointer;
	    font-size: 14px;
	}
	.dropdown1 a:hover 
	{
	    color: #000;
	}
	.dropdown1 dt a:hover 
	{
	    color: #000;
	    border: 5px solid #acacac;
	}
	.dropdown1 dt a 
	{
	    background: #fff url('images/dropdown-arrow.gif') no-repeat scroll right center;
	    display: block;
	    padding-right: 20px;
	    border: 5px solid #acacac;
	    padding: 4px;
	    width: 140px;
	}
	.dropdown1 dd ul 
	{
	    display: none;
	    background: #fff none repeat scroll 0 0;
	    border: 1px solid #acacac;
	    color: #000;
	    left: 0px;
	    padding: 5px 0px;
	    position: absolute;
	    top: 2px;
	    width: auto;
	    min-width: 156px;
	    list-style: none;
	    z-index: 1001;
	}
	.dropdown1 dd ul li a 
	{
	    padding: 5px;
	    display: block;
	}
    .dropdown1 dd ul li a:hover 
    {
        background-color: #ddd;
    }
    
    dl.dropdown2 
	{
	    margin: 0;
	    padding: 0;
	}
	.dropdown2 dd, .dropdown1 dt, .dropdown1 ul 
	{
	    margin: 0px;
	    padding: 0px;
	}
    .dropdown2 dd 
    {
        position: relative;
    }
	.dropdown2 a, .dropdown1 a:visited 
	{
	    color: #000;
	    text-decoration: none;
	    outline: none;
	    cursor: pointer;
	    font-size: 14px;
	}
	.dropdown2 a:hover 
	{
	    color: #000;
	}
	.dropdown2 dt a:hover 
	{
	    color: #000;
	    border: 5px solid #acacac;
	}
	.dropdown2 dt a 
	{
	    background: #fff url('images/dropdown-arrow.gif') no-repeat scroll right center;
	    display: block;
	    padding-right: 20px;
	    border: 5px solid #acacac;
	    padding: 4px;
	    width: 140px;
	}
	.dropdown2 dd ul 
	{
	    display: none;
	    background: #fff none repeat scroll 0 0;
	    border: 1px solid #acacac;
	    color: #000;
	    left: 0px;
	    padding: 5px 0px;
	    position: absolute;
	    top: 2px;
	    width: auto;
	    min-width: 156px;
	    list-style: none;
	    z-index: 1001;
	}
	.dropdown2 dd ul li a 
	{
	    padding: 5px;
	    display: block;
	}
    .dropdown2 dd ul li a:hover 
    {
        background-color: #ddd;
    }
	
	.button
	{
		float: right;
		width: 125px;
		height: 32px;
		background: #c60751;
		font-size: 18px;
		border: none;
		color: #ffffff;
		margin: 5px 0 0 0;
	}
	
#btnSendOffert
{
    background: #4a4949;
	color: #ffffff;
	font-size: 18px;
	position: absolute;
	bottom: 15px;
	right: 30px;
	text-align: center;
	padding: 8px;
}

#offertcap
{
	position: absolute;
	bottom: 15px;
	right: 120px;
}

#offert-message
{
    display: none;
    text-align: center;
    padding-top: 100px;    
}

.contactbox-top
{
    width: 333px;
    height: 5px;
    overflow: hidden;
    background-image: url('Images/contactbox-top.png');
    background-repeat: no-repeat;
}

.contactbox-content
{
    width: 313px;
    min-height: 10px;
    height: auto !important;
    height: 10px;
    padding: 4px 10px 4px 10px;
    overflow: hidden;
    background-image: url('Images/contactbox-content.png');
    background-repeat: repeat-y;
    font-size: 10px;
}

.contactbox-bottom
{
    width: 333px;
    height: 5px;
    overflow: hidden;
    background-image: url('Images/contactbox-bottom.png');
    background-repeat: no-repeat;
}

.contactbox-content .header
{
    font-size: 19px;
}

.contactbox-content .ctrl-txt
{
    width: 303px;
    padding: 4px;
    border: solid 1px #000;
    border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E;
    margin-bottom: 5px;
}

.refbox
{
    position: relative;
    width: 311px;    
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin-top: 36px;
    padding: 10px;
    border: solid 1px #ccc;
    font-size: 12px;
    line-height: 16px;
}

.refbox-top
{
    position: absolute;
    background-color: #fff;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    top: -37px;
    left: -1px;
    border: solid 1px #ccc;
    border-bottom: none;    
}
