/* Ampheon.com Styles
   Updated: Thu 01.04.09
   Author:  Kiki Kaloudi
   ----------------------------------------------------*/
body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: #67917A;
	background-image:url(images/body_back.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #170409;
}
/* GENERIC ----------------------------------------------------*/
#container {
	width: 994px;  /* The actual content is 960px, 974px is with the shadow */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#shadow_container{
	width:994px;
	background-image:url(images/container.png);
	background-position:0 0;
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

#rightCol{width:210px; float:right; background-color:#fff; margin-right:15px; background-position:bottom; background-repeat:no-repeat; }
div#box{background-color:#CCBF82; width:200px;margin:35px 30px 10px 30px;}
#box p{font-size:80%;line-height:125%;text-align:justify;margin:10px 15px 0px 15px;}
div#box2{background-color:#CCBF82; width:200px;margin:35px 30px 10px 0px;}
#box2 p{font-size:80%;line-height:125%;text-align:justify;margin:10px 15px 0px 15px;}
div#box3{background-color:#CCBF82; width:200px;margin:35px 30px 10px 30px;}
#box3 p{font-size:80%;line-height:125%;text-align:justify;margin:10px 15px 0px 15px;}
/* HEADER ----------------------------------------------------*/
#header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#logo{text-indent:-1500px; width:290px; height:80px; background-image:url(images/totg_logo.jpg); background-position:0px 10px; background-repeat:no-repeat; float:left;}
/* NAVIGATION ----------------------------------------------------*/
#nav_area{float:right; width:670px; height:89px; margin:0; padding:0}
#menu_top{text-align:right;margin-top:20px;}
#menu_top li{display: inline; list-style-type: none; font-size:75%;
background-image:url(images/menutop_bullet.gif); background-position:0px 4px; background-repeat:no-repeat; padding-left:10px;margin-right:7px;}
#menu_top li a{color:#fff; text-decoration:none;}
#nav{float:right; width:652px; height:31px; background-image:url(images/nav_back.gif); background-position:0 0; background-repeat:no-repeat; margin-top:3px;}
#nav ul{margin:7px 0 0 15px; padding:0}
#nav li{display: inline; list-style-type: none; font-size:85%; margin-right:11px;}
#nav li a{color:#fff; text-decoration:none;}
#nav li a:hover{color:#CCBF82;}
/* MAIN AREA ----------------------------------------------------*/
 img.topimg {margin-left:7px;}
#mainContent {width:980px; margin:0 12px 0 12px;}

#mainContent h1{margin:35px 0 20px 35px; padding:3px 0 0 12px; font-weight:lighter; background-image:url(images/h1_back.jpg);
background-position:0 0; background-repeat:no-repeat; height:31px; font-size:125%; color:#000;}
#mainContent h2{font-size:95%; color:#fff; margin:20px 36px 5px 35px; background-color:#67917A;padding:3px 0 3px 6px;font-weight:lighter;}
#mainContent h3{background-color:#67917A; padding:4px; margin:10px 0 5px 35px; font-size:100%; font-weight:lighter; color:#fff;}

#mainContent p{margin:5px 40px 10px 35px; font-size:80%; line-height:135%; text-align:justify;}
#mainContent a{color:#67917A; font-weight:bold}
#mainContent a:hover{color:#CCBF82;}
.floatRight {float:right; margin:5px 35px 15px 20px; border:1px solid #67917A;}
.floatLeft {float:left; margin:5px 20px 15px 35px; border:1px solid #67917A;}

div.bottom_img {background-image:url(images/wedding_img2l.jpg); background-position:bottom right; background-repeat:no-repeat;}

table#form{font-size:80%; margin:10px 0 0 35px; border-color:#000;}
table#form td{padding:5px 5px 5px 0}
#mainContent ul.listLinks {margin:0 0 0 430px; padding:0}
#mainContent ul.listLinks li{font-size:80%; padding:4px 4px 4px 12px; list-style-type:none; background-image:url(images/bullet_ico.gif); background-position:0 10px; background-repeat:no-repeat}
#mainContent ul.listLinks li a{color:#67917A;}
#mainContent ul.listLinks li a:hover{color:#CCBF82;}
#mainContent table.link td p{font-size:95%; margin:0px 5px 5px 5px;}
#curvesBottom{background-image:url(images/curves_bottom.jpg); background-repeat:no-repeat;}
/* FOOTER ----------------------------------------------------*/
#footer { font-size:70%; margin-top:10px;}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer  ul{margin:0px 0 0 0; padding:0}
#f_nav1, #f_nav2, #ampheon{float:left;}
#f_nav1 li, #f_nav2 li{display: inline; list-style-type: none; margin:0; padding:0 5px 0 0;}
#address{font-size:100%; color:#D2C690; text-align:center; margin-top:10px;}
#f_nav1 li{color:#000; border-right:1px solid #000; padding-left:5px;}
#f_nav1 li a {color:#CCBF82; text-decoration:none;}
#f_nav1 ul{margin-left:25px;}
#f_nav2 ul{margin-left:20px;}
#f_nav2 li{color:#000; border-right:1px solid #CCBF82; padding-left:5px;}
#f_nav2 li a {color:#000; text-decoration:none;}
#ampheon{margin-left:15px; }
#ampheon a{color:#000;}