/* ==== colours === */
/* 
blue: #27318B
red: #CC0000

/* ========== Basic main body layout ============ */

* { font-family: Arial, Tahoma, sans serif; font-size: 1em; }

html {
	background: transparent url('../images/table-bg.jpg');
}

h1 { font-size: 1.2em; font-weight: bold; margin-top: 15px}
h2 { font-size: 1.0em; font-weight: bold; color: #74246D; }
p { font-size: 0.8em; text-align: justify; }
li h3 { font-weight: normal; margin: 0px; padding: 0px; }
a { color: #6F1FA2; }

ul { list-style-type: square; }
ul li { font-size: 90%;}

#paper { width: 800px; margin: 10px auto; border: 1px solid #000; background-color: #fff; -webkit-box-shadow: 3px 3px 5px #000; }
#main { border: 1px solid #000; width: 600px; margin-top: 50px; margin-left: 100px; position: relative; margin-bottom: 50px; }

#header img { float: left; height: 100px; margin: 10px;}
#header h1 { float: left; color: #74246D; font-size: 3em; margin: 0; margin-top: 10px; }
#header ul { list-style-type: none; margin: 0; height: 20px; background-color: #74246D; padding-left: 10px; }
#header ul li { float: left; margin-right: 20px; font-size: 0.8em; font-weight: bold; color: #fff; position: relative; }
#header ul li a { color: #fff; line-height: 20px; text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }

#gallery { width: 570px; min-height: 2160px; padding: 15px;}
#gallery li.left { list-style-type: none; float: left; margin: 15px;}
#gallery li.right { list-style-type: none; float: right; margin: 15px;}
#gallery h1 { font-size: 1.2em; font-weight: bold; color: #74246D; margin-top: 0;}
#gallery p { margin: 5px;}

#header ul li ul { display: none; position: absolute; top: 20px; left: -30px; width: 120px; padding: 0; }
#header ul li ul li { float: none; background-color: red; width: 100%; padding: 2px; padding-left:10px; background-color: #74246D; font-weight: bold; font-size: 0.9em; }
#header ul li ul li a { display: block; height: 100%; width: 100%; }
#header ul li:hover ul { display: block; }

#header .contact { float: right; margin-top: 10px; margin-right: 20px; }
#header .contact p { margin: 0; color: #74246D; }

.col1 { float: left; width: 50%; }
.col1 p { margin: 20px; }
.col1 h1 { margin-left: 15px; color: #74246D; }
.col1 h2 { margin-left: 15px; }

.col2 { float: left; width: 50%; }
.col2 img { margin-top: 15px; margin-left: 65px; }

/* #servicepanel { width: 100%; margin: 10px auto; margin-bottom: 0px; -moz-border-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;  background-color: #E10915;  background: -webkit-gradient(linear, left bottom, left top, from(#74246D), to(#fff), color-stop(0.8,#74246D)); } */
#servicepanel { width: 100%; margin: 10px auto; margin-bottom: 0px; background-color: #74246D;}

/*D1A9CC*/
#servicepanel h1 { color: #74246D; font-size: 1.1em; margin-left: 15px; }
#servicepanel ul { color: #fff; font-size: 0.9em; margin: 0px; padding: 0; margin-left: 15px; list-style-type: square; margin-bottom: 15px; }
#servicepanel ul li { margin-left: 15px; line-height: 1.18em;}
#servicepanel form { margin-left: 15px; color: #fff; }

div.row { margin-top: 10px; margin-bottom: 10px; }
label { font-size: 0.9em; }
label.col1 { width: 60px; }

input { width: 190px; }
textarea { width: 190px; }
input.button { width: 120px; font-size: 0.8em; margin-left: 60px; border: 1px solid #000; background-color: #DCCAE6; color: #74246D; font-weight: bold; }

#gmapWrapper {
	position: relative;
	color: #000;
}

#gmap {
	position: absolute;
	width: 300px;
	height: 200px;
}