/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

html
body {
	margin:0;
	padding:0;
	background:url(../images/bg_page.gif) 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333;
	}
	
.clear {
	clear:both;
	width:0;
	height:0;
	line-height:0;
	}

h1, h2, h3, h4 {
	padding:7px 0;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
	}

h1 {font-size:14px; color:#000;}
h2 {font-size:13px; color:#888;}
h3 {font-size:12px; color:#000;}
h4 {font-size:11px; color:#888;}
	
a, a:visited {
	color:#666;
	text-decoration:underline;
	}
a:hover {
	color:#000;
	text-decoration:underline;
	}

table {
	padding:0;
	margin:0;
	}
	table th {
		text-align:left;
		padding:0;
		margin:0;
		}
		table tr {
			padding:0;
			margin:0;
			}
.wrapper {
	background:url(../images/bg_wrapper.gif) repeat-x;
	padding:7px 0;
	min-height:837px;
	height:837px;
	height:auto !important;
	height:837px;
	}
	.container {
		width:825px;
		margin:auto;
		padding-bottom:9px;
		background:url(../images/bg_containerbottom.gif) no-repeat bottom;
		}

		.header { 
			position:relative;
			height:134px;
			background:url(../images/bg_header.gif) repeat-x;
			}
			.logo_his {
				position:absolute;
				top:14px;
				left:19px;
				width:347px;
				height:106px;
				}
			.logo_wa {
				position:absolute;
				top:11px;
				right:16px;
				width:90px;
				height:106px;
				}
		
		.banner {
			position:relative;
			background:#ddd;
			padding:7px 7px 4px 7px;
			}
			.banner_content {
				position:relative;
				padding-top:10px;
				font-size:12px;
				line-height:18px;
				}
				img.banner_left {
					position:absolute;
					top:10px;
					left:0;
					width:161px;
					height:156px;
					}
				img.banner_right {
					position:absolute;
					top:35px;
					right:35px;
					width:144px;
					height:90px;
					}
			.banner_description {
				width:443px;
				margin:auto;
				min-height:156px;
				height:auto !important;
				height:156px;
				}
		.nav {
			height:36px;
			background:#fff;
			}
			.nav ul {
				list-style:none;
				float:right;
				margin:0;
				padding:0;
				}
				.nav ul li {
					display:inline;
					}
					.nav ul li a, .nav ul li a:visited {
						float:left;
						height:36px;
						}
					.nav ul li a:hover {
						filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;
						}
					.nav ul li a.cur {
						filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
						background:url(../images/nav_cur.gif) bottom center no-repeat;
						}
						.nav ul li img {
							padding:14px 0;
							border:none;
							}
		
		.main_fp {
			background:url(../images/bg_main_fp.gif) center repeat-y #f1f1f1;
			}
		.main_contact {
			background:#f1f1f1;
			}
		.main {
			background:url(../images/bg_main.gif) 271px 0 repeat-y #f1f1f1;
			}
			.sidebar {
				width:250px;
				padding:10px;
				margin-right:5px;
				float:left;
				}
				.contact_widget {
					line-height:24px;
					}
					img.contact_title {
						margin-bottom:10px;
						}
					.contact_widget_label {
						float:left;
						width:70px;
						}
					.contact_widget_desc {
						float:left;
						width:180px;
						}
					
					
			.content {
				width:530px;
				float:right;
				padding:7px 10px;
				}
				
				.content table {
					padding:0;
					margin:0;
					border:1px solid #ccc;
					}
					.content table th {
						text-align:left;
						padding:0;
						margin:0;
						background:#ccc;
						}
						.content table tr {
							padding:0;
							margin:0;
							}
						.content table td {
							background:#ddd;
							}

				
			.content_contact {
				width:805px;
				float:right;
				padding:7px 10px;
				}
			.content_fp {
				width:255px;
				padding:7px 10px;
				float:left;
				display:inline;
				}
				.content_fp_title {	
					margin:7px 0;
					font-weight:bold;
					}
					.content_fp_intro {
						margin:10px 0;
						}
					.content_fp_main {
						margin-top:20px;
						}
			.content_block {
				margin:15px 0;
				}
				img.title_homepage {
					margin:2px 0 5px;
					}
				.services_widget {
					width:250px;
					padding:10px;
					float:right;
					display:inline;
					}
					img.services_title {
						margin-bottom:18px;
						float:left;
						}
					.services_widget ul {
						list-style:url(../images/li_arrow.gif);
						margin:0 0 0 13px;
						padding:0;
						}
						.services_widget a, .services_widget a:visited { color:#333333;	}
						.services_widget a:hover { color:#000000; }
						a.services_link, a:visited.services_link {
							float:right;
							}
						a:hover.services_link {
							float:right;
							}

		.footer {
			width:825px;
			margin:auto;
			}
			.titan_logo {
				margin:13px;
				float:right;
				}


/* Contact us =============================================================================== */
	.contact_details {
		width:255px;
		float:left;
		}

	.contact_form {
		width:245px;
		padding-left:20px;
		float:right;
		line-height:22px;
		}
		.contact_form label {
			width:100px;
			float:left;
			clear:left;
			}
		.contact_form input.txt, .contact_form textarea.txt {
			width:235px;
			float:left;
			clear:left;
			}
		.contact_form input.btn {
			clear:both;
			float:left;
			}
		.google_map {
			width:250px;
			margin:10px 20px 0 10px;
			float:left;
			text-align:center;
			display:inline;
			}	
			.google_map iframe {
				padding:2px;
				border:4px solid #ccc;
				}
				
				
/* Gallery =============================================================================== */

	.gallery_block {
		margin:20px 0;
		}
		.gallery_thumb {
			float:left;
			width:115px;
			}
			.gallery_thumb a img,.gallery_thumb a:visited img {
				padding:1px;
				border:1px solid #ccc;
				}
			.gallery_thumb a:hover img {
				padding:1px;
				border:1px solid #000;
				}
		.gallery_name {
			font-size:14px;
			}
			.gallery_name a, .gallery_name a:visited { color:#000;} 
			.gallery_name a:hover { color:#666;} 
		.gallery_description {
			float:left;
			width:400px;
			}
		.gallery_link {
			margin-left:115px;
			}
			
			
		.photo_thumb {
			float:left;
			height:100px;
			width:100px;
			margin:10px;
			text-align:center;
			}
			.photo_thumb a img, .photo_thumb a:visited img {
				border:2px solid #000;
				}
			.photo_thumb a:hover img {
				border:2px solid #666;
				}
				
		.gallery_destructive {
			width:110px;
			float:right;
			}
			.gallery_destructive .photo_thumb_destructive {
				float:left;
				clear:left;
				text-align:center;
				}
				.gallery_destructive .photo_thumb_destructive a img, .gallery_destructive .photo_thumb_destructive a:visited img {
					border:2px solid #000;
					}
				.gallery_destructive .photo_thumb_destructive a:hover img {
					border:2px solid #666;
					}