/* <!-- */
/* General styles */
body {
	margin:40px 0 0 0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #FFFFFF url(/uploads/images/body-bg.jpg) repeat-x 0 0 fixed;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	text-align:center;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
}
#fixed {
   margin:0 auto;
   width:1000px;   /* you can use px, em or % */
   text-align:left;
}
h1, h2, h3, h4 {
	color:#b69c1b
}
h1 { font-size:24px;}
h2 { font-size:18px;}
h3 { font-size:15px;}
h4 { font-size:11px;}
p {
	margin: 0;
	font-size:12px;
	padding:0;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
/* 'widths' sub menu */
#layoutdims2 {
	clear:both;
	margin:0;
	margin-bottom:25px;
	background: transparent;
	width:100%;
}
#layoutdims {
	clear:both;
	margin:0;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
}
#layoutdims3 {
	clear:both;
	margin:0;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
	width:100%;
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
}
/* holy grail 3 column settings */
.holygrail {
/*   background-color:#fff;    	Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-250px; 	/* Width of right column */
	position:relative;
	right:100%;
   /* background:#fff;    	 Centre column background colour */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:500px;         	/* Left column width + right column width */
	/*background:#FFD8B7;     Left column background colour */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:250px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	background:url(/uploads/images/left_column_bg.png) repeat-y 0 0;
}
.holygrail .col1 {
	margin:0 275px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	text-align:justify;
	
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-hand side padding on the left column */
	
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:85px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
}

#footer2 {
	clear:both;
	float:left;
	width:100%;
	margin:0;
}

.holygrail .col1 p {margin-bottom:10px}

#header_top {
	width:100%;
	height:40px;
	clear:both;
	overflow:hidden;
	border:1px solid #000
}
#logo { background:url(/uploads/images/header_home.png) no-repeat; width:1000px; height:208px;}
#logo .tel { position:relative; float:right; color:#FFF; font-size:24px; font-weight:bold; margin-right:40px; margin-top:145px }

#sideboxes {
	margin:0 auto;
	width:200px;
	height:auto;
	background-color:#FEFAEE;
	border:1px solid #B69C1B;
	margin-bottom:15px;
}
.side-btn {
	width:200px;
	margin:0 auto;
	text-align:center;
	height:auto;
	margin-bottom:15px;
}
#sideboxes .heading {
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	background:url(/uploads/images/blue_bar_bg.jpg) repeat-x center;
	width:195px;
	height:36px;
}
#sideboxes .heading p {
	padding-top:5px;
}
#sideboxes .bottom_link {
	text-align:center;
	margin-top:12px;
	margin-bottom:5px;
}

#sideboxes .linksgold {color:#b69c1b; text-decoration:none}
#sideboxes .linksgold:hover {text-decoration:underline}

#sideboxes .box_articles {
	background:url(/uploads/images/modules/articleicon.png) no-repeat 35px 5px;
	height:90px;
}

#search_form {float:right; margin:0; margin-right:2px;}

.topboxes {width:990px; margin:0 auto; height:130px}
.topphoto {width:990px; margin:0 auto; border:1px solid #000; height:70px}
.topheading {float:left; margin:40px 0 0 270px;}
.topheadingtext {color:#b69c1b; font-size:24px; padding:0; margin:0}
.motto {float:right; margin:30px 40px 0 0;}
.backtotop { text-align:right; margin-top:5px; margin-bottom:5px}
.backtotop a { font-size:9px}

.mag-logos {
	margin:30px 0;
	text-align:center;
}
#boxes-rows {
	 width: 985px; 
	 font-family:Arial;
	 font-size:12px;
	 background-image:url(/uploads/images/takipet-bg.jpg);
	 float:left;
	 padding:5px 0 10px 0;
	 margin:10px 0 0 7px;
}
.cqc-logo {
	 width:114px;
	 margin-top:40px;
	 float:left;
	 margin-left:5px;
	 padding-left:10px;
}
.bottom-contact { width:670px; margin:15px 0 15px 20px; float:left; }
.bottom-contact p { color:#333; font-size:13px; text-align:center }
.color-red-bold { font-weight:bold; color:#f00 }

#NewsletterContainer { float:left; width: 300px; font-family:Arial; font-size:12px; margin-top:20px; margin-left:7px; text-align:left; display:inline;}
#NewsletterContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; padding-left:10px; margin-top:0;}
.news1 {margin-left:10px; background-image:url(/uploads/images/hemenal-takipet-mektup.jpg); background-repeat:no-repeat;; padding-left:70px; margin-top:10px; float:left; font-size:11px; color:#676767; height:77px}
.newsform {float:left; width:94%; margin-left:80px; margin-top:-25px; padding-bottom:14px}
.newsinput {border:1px #c3c3c3 solid; width:145px; height:20px;font-size:12px; color:#898989; float:left;}

#ContactDetailsContainer { float:left; width: 340px; font-family:Arial; font-size:12px; margin-top:20px; margin-left:20px; text-align:left; padding-left:10px; display:inline;}
#ContactDetailsContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; margin-top:0;}
#ContactDetailsContainer .first-two {background-image:url(/uploads/images/icon-takipet.png); height:77px; background-repeat:no-repeat; float:left; margin-top:10px}
#ContactDetailsContainer .first-two p.p1 {font-size:20px; padding-top:3px; padding-left:40px; color:#333; font-weight:bold;}
#ContactDetailsContainer .first-two p.p2 {padding-top:26px; padding-left:40px; color:#333}
#ContactDetailsContainer .second-two {width:120px; background-image:url(/uploads/images/icon-takipet2.png); height:77px; background-repeat:no-repeat; float:left; margin-left:40px; margin-top:10px}
#ContactDetailsContainer .second-two p.p1 {padding-top:8px; padding-left:40px;}
#ContactDetailsContainer .second-two p.p2 {padding-top:30px; padding-left:40px;}
#ContactDetailsContainer a { color:#333333; font-size:14px; text-decoration:none; font-weight:bold}
#ContactDetailsContainer a:hover { text-decoration:underline}

#WebContainer { width: 270px; font-family:Arial; font-size:12px; margin-top:20px; float:right; margin-right:7px; display:inline;}
#WebContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; padding-left:10px; text-align:left; margin-top:0;}
#WebContainer ul { margin-bottom:0; margin-top:15px; margin-left:10px; padding:0;}
#WebContainer ul li {float: left; display: inline; list-style: none; padding: 0 5px}
#WebContainer ul li a { color:#7d5608}
#WebContainer ul li p { margin-top:10px; font-size:9px; text-align:center}
#WebContainer ul li img { border:0}

#LangContainer {width:500px; font:12px Arial; margin:0 0 10px 7px; float:left; padding-left:7px; display:inline}
#LangContainer h1 {font-size:18px; font-weight:bold;color:#7d5608; text-align:left; margin-top:10px}
#LangContainer ul {padding:0; margin:20px 0 10px 0;}
#LangContainer ul li { list-style:none; display:inline; padding-right:19px;}
#LangContainer ul li img { border:1px solid #999}
#LangContainer a { color:#7d5608}
#LangContainer .text {float:left; font-size:12px; color:#676767; text-align:left; margin-top:30px}

#virtual_tour {float:right; margin-right:20px; width:400px; display:inline; margin-top:0;}
#virtual_tour h1 {float:right; margin-right:25px; font-size:18px; font-weight:bold;color:#7d5608; margin-top:10px}
#virtual_tour .anim_tour {float:left; margin-top:0}
#virtual_tour .text {float:right; margin-right:30px; margin-top:55px; width:150px; font-size:12px; color:#676767; display:inline}

.footerOuterWrap { margin: 0 auto;}
.footerInnerWrap {width: 1000px; margin: 0 auto; background-image:url(/uploads/images/content_bg.png); background-position:center; background-repeat:repeat-y; }
.footerNavContainer { background-color:#2E73A3; width: 966px; height: 26px; padding: 20px 17px 0 5px;font-family: arial; font-size: 11px; color: #fff; margin-bottom: 0px; overflow: hidden; margin-left:6px;}
ul.footerNav {float: left; margin: 0; padding: 0;}
.footerNav li {float: left; display: inline; list-style: none; padding: 0 4px;}
.footerNavPipe li {float: left; display: inline; list-style: none; padding: 0 4px;}
.footerNav li a {color: #fff; font-size:11px;}
.footerNavContainer p {float: right; margin: 0; padding: 0;}
.footer_bottom {clear:both; margin:0 auto; background:url(/uploads/images/footer_bg2.png) no-repeat; width:1000px; height:6px}
.footer_contact {margin:0 auto;}
.footer_contact p {font-family: arial; font-size: 11px; text-align: center; margin: 0 0 2px 0; padding: 0;}
.footer_contact .locationTitle {font-weight: bold; font-size: 13px; margin-top:20px}
#footer_bottom {margin:0 auto; width: 990px; padding-top:10px; padding-bottom:10px;}
#footer_bottom p {color:#58595b; text-align:center; line-height:16px}
#footer_bottom p a{color:#58595b; font-size:11px}
#footer_bottom p a:hover{color:#85d3d3; text-decoration:none;}

#phototable{ font-family:verdana; font-size:11px; table-layout:fixed; margin:0}
#phototable td {text-align:center}
#phototable .courtesy { padding:18px; font-family:verdana; font-size:11px; text-align:center}
#phototable .beforeafter{ padding:10px; text-align:center; font-size:12px; font-weight:bold; color:#F00;}
#phototable hr { margin-top:0px; margin-bottom:10px; height:1px; color:#ccc}
#phototable .description { padding:10px; text-align:center;}
#phototable .details-link { padding:5px; text-align:center; text-decoration:underline; color:#06F}
#phototable .details-link:hover { color:#F00;}
#phototable .bydrayoubi { height:20px; text-align:center; font-family:verdana; font-weight:bold; font-size:9px; color:#FFF; padding-top:5px; margin-top:-20px; filter:alpha(opacity=60)}
#phototable .textbydraoyubi{ background-color:#999; width:60%; color:#FFF; font-size:10px; font-family:Verdana; padding:5px}
#phototable .warning { font-family:verdana;; text-align:center; padding:0 10px 10px 10px; font-size:9px;}
.heading { background-color:#b69c1b; color:#FFF; height:30px; vertical-align:middle; font-weight:bold; padding-left:5px;}

.randomtext {color:#000; text-decoration:none}
.randomtext:hover {text-decoration:underline;}

#SSS { margin-bottom:20px; margin-left:0; padding-left:0;}
#SSS li {line-height:26px; border-bottom:1px #cccccc dashed; list-style-type: none; list-style-position:outside; margin-left:0px; padding-left:0px; }
#SSS li a { text-decoration:none; color:#000; padding:2px 5px 5px 1px}
#SSS li a:hover { text-decoration:none; color:#000; background-color:#fbed21}

.photo-right { padding-left:10px; padding-bottom:10px}
.photo-left { padding-right:10px; padding-bottom:10px}
/* --> */