@import "doset.css";
@import "forms.css";
@import "portfoliu.css";


/* CSS Document */

html 					{ overflow-y:scroll; }

html, body				{ background-image:url(../img/body_bcg.jpg); background-position:left top; background-repeat:repeat-x; background-color:#181818; font-family:Arial, sans-serif; font-size:14px; color:#777777; }


	a 					{ color:#17a2da; text-decoration:none; }
	a:hover				{ text-decoration:none; }

	h1 					{ font-size:20px; font-weight:normal; }
	hr					{ background:url('../img/hr_bcg.png'); background-position:left top; background-repeat:repeat-x; height:1px; border:0px; }
	.line				{ background:url('../img/hr_bcg.png'); background-position:left top; background-repeat:repeat-x; height:1px; border:0px; }

	.button_more 				{ background:url('../img/buttons_bcg.png'); background-position:left top; background-repeat:repeat-x;
								  color:#17a2da; height:24px; padding-top:5px; margin-right:5px; text-align:center;  margin-top:15px; }
	.button_more img			{ margin-left:5px; padding-top:2px; }
	.button_more a				{ color:#17a2da; padding:0px 13px; font-size:14px; }
	.button_more a:hover		{ text-decoration:none; }


/* Layout ---------------------------------------------------------------------------- */

#bodywrapper 				{ }

#wholecontent 				{ margin:0 auto; width:960px; }


/* HEADER START ---------------------------------------------------------------------- */

#header 					{ background:url(../img/header_bcg.jpg); background-position: left 20px; background-repeat:no-repeat; height:111px;  padding-top:30px;  }

	/* MENU START -------------------------------------------------------------------- */
	
	#menu 					{ margin-right:23px; margin-top:11px; }
	#menu ul li				{ background:url('../img/menu_separator.png'); background-position:left top; background-repeat:repeat-y;
							  display:block; float:left; height:68px; padding-left:1px; padding-right:1px; }
	#menu ul li	a			{ padding:18px 35px 32px 25px; display:block; }
	#menu ul li	a:hover,
	#menu ul li	.active		{ background:url('../img/menu_hover.png'); background-position:left 3px; background-repeat:no-repeat; }
		
	
/* CONTENT --------------------------------------------------------------------------- */

	.black_content 					{ margin-top:3px; margin-bottom:45px; }
	
		.black_content_left			{ background:url('../img/black_bcg_left.png'); background-position:left top; background-repeat:no-repeat;
								      padding:30px 40px 0px 20px; width:320px; height:400px; }
		.black_content_left div dl  { border:none; }
		.black_content_left div dt	{ margin-left:0px; color:#565656; }
		.black_content_left div dd	{ border:none; margin-left:75px; text-align:left; color:#c0c0c0; }
		.black_content_left	ul		{ width:150px; }
		.black_content_left	ul li	{ background:url('../img/arrow.png'); background-position:left 7px; background-repeat:no-repeat; line-height:1.5; padding-left:11px; /*color:#525252;*/  }
								  
		.black_content_right		{ background:url('../img/black_bcg_right.png'); background-position:left top; background-repeat:no-repeat;
									  padding-left:25px; padding-top:44px; height:391px; width:530px; padding-right:25px; }
			.gallery_holder 		{}						  
			.gallery 				{ border:1px solid #454545; }
			.gallery_buttons 		{ }
			.gallery_buttons a		{ color:#565656; font-size:14px; padding:4px 6px; border:1px solid #2d2d2d; display:block; float:left; margin-right:4px; }
			.gallery_buttons a:hover, .gallery_buttons .active { background-color:#3d3d3d; color:#111111;  }
			.img_title 				{ color:#c0c0c0; font-size:20px; font-weight:bold; text-align:center; margin-top:10px; }

	.content 						{ padding-bottom:30px; } 
	.content h1						{ color:#c0c0c0; }
	.content p						{ line-height:1.2em; color:#c0c0c0; }
		.content_left				{ padding:0px 40px 0px 35px; width:305px; text-align:center; }
		.content_left div dl  		{ border:none; }
		.content_left div dt		{ margin-left:30px; color:#565656;  }
		.content_left div dd		{ border:none; margin-left:98px; text-align:left; color:#c0c0c0; }
		.content_right				{ padding:0px 25px ; width:520px; }
		
/* FOOTER --------------------------------------------------------------------------- */

	#footer 						{ background:url('../img/separator_horizontal.png'); background-position:left top; background-repeat:repeat-x;
									  padding-top:15px; padding-left:22px; color:#565656; }
		.footer_left 				{ color:#383838;}
		.footer_left a				{ font-weight:bold; color:#565656; padding-left:7px; padding-right:7px; }
		.footer_right 				{}
		.footer_right img			{ margin-top:-13px; }
		.footer_right p				{ margin-right:-70px;  }
		.copy 						{ font-size:12px; }


/* Contact Fomr */
	.contact_form 										{ margin-top:30px; }
	.contact_form .dl_form dd input[type="text"],
	.dl_form dd input[type="password"],
	.dl_form dd select 									{ background:#252525; border:1px solid #383838; color:#c0c0c0; }
	.contact_form .dl_form textarea						{ background:#252525; border:1px solid #383838; color:#c0c0c0; }
	
	.contact_form .dl_form input[type="submit"] 		{ background:url('../img/buttons_bcg.png'); background-position:left top; background-repeat:repeat-x;
														  color:#17a2da; height:24px; padding-top:1px; margin-right:5px; text-align:center; border:none; font-weight:normal; text-transform:none; padding-right:20px;  }
	.contact_form .dl_form input[type="submit"]:hover 	{ background:url('../img/buttons_bcg.png'); background-position:left top; background-repeat:repeat-x;
														  color:#17a2da; }
	.contact_form .submit_arrow 						{ margin-left:-20px; margin-top:8px; position:absolute; }