/* CSS Document */

* {padding:0; margin:0;}
body {font-family:Arial, Helvetica, sans-serif; font-size:14px;background:#DBE3ED}

/* = = = wrapper = = = */
#wrapper {margin:10px auto 0 auto; width:760px; height:780px;background:#DBE3ED;}



/* = = = header = = = */
#header { /*margin: 5px 0 0 0px;*/ 
	padding:5px 0;
	height:130px; 
	background-image: url(images/nav/morfeylogo125t.gif);
	background-repeat:no-repeat;
	background-position: 50% 0;
	background-color:#DBE3ED;
	}
#header h3 { font-size:36px; padding:80px 0 0 0; color: #3300CC;}	
#header-adv {}
/* = = = nav = = = */
#nav { margin:0 auto; height:20px; padding:3px 0; font-size:19px; background:#DBE3ED;}
#nav ul{/*background:#00FF00;*/} 
#nav li {list-style-type:none; 
	display:inline; 
	background:#CCFFFF; 
	/*padding:1px; */
	/*border:1px solid #00FF00;*/}
#nav a {color:#3300FF; font-weight:bolder; text-decoration:none; padding:0 13px;}
#nav a:hover {position: relative;left: 1px;top: 1px;}
/* = = = middle = = = */
#middle {margin:10px auto 0 auto; width:760px; height:470px; background:#DBE3ED;}
/* = = = middle = = = */

/* = = = middle-flavors = = = */
#middle-flavors {margin:10px auto 0 auto; width:760px; height:465px; background:#DBE3ED;}
/* = = = middle-flavors = = = */

/* = = = middle-wedding = = = */
#middle-wedding {margin:10px auto 0 auto; width:760px; height:756px; background:#DBE3ED;}
/* = = = middle-wedding = = = */
/* = = = middle-wedding = = = */
#middle-other {margin:10px auto 0 auto; width:760px; height:986px; background:#DBE3ED; /*background:#00FF33;*/}
/* = = = middle-wedding = = = */



/* = = = left = = = */
#left { float:left; 
	margin:0 auto 0 10px;
	/*padding:0px 0 0 0;*/
	width:145px;
	height:280px; 
	background: #DBE3ED; 
	text-align:center;
	/*background-image:url(images/morfeys2.gif);
	background-repeat:no-repeat;
	background-position:20% 10%;*/
	display:inline;
	font-weight:bold;}
#left  {line-height:22px;list-style-type:none;}

#left p { padding:140px 0;}	
/*p.left-flavors  { border: 1px solid #00FFFF;}*/
#left a { text-decoration:none;
	float:left;
	width:118px;/*intresting thing here is that the list acts like a div*/
	text-decoration:none;
	margin:0 0 0 5px;
	color:#fff;
	background: #66C;
	padding:0 0.6em;
	/*border-right:1px solid white;*/}
#left a:hover {position: relative;left: 1px;top: 1px; color:#66c; background:#dbe3ed;}
/*= = = left = = =*/

/*= = = menu = = =*/
#menu a { background:#dbe3ed; color:#66C;}
	
/*#left-logo { height:140px;
	margin:40px 10px 10px 0;}
#left-logo p { text-align:center; line-height:14px;}*/

#center { float: left; width:600px; height:480px; background: #DBE3ED; 
background-image:url(images/index-wedcake11.jpg);
background-repeat:no-repeat;
	background-position:50% 0;
}
#center p { font-size:16px; padding:255px 10px 20px 10px; 
	line-height:18px; color:#333333; font-weight:bold; text-align:justify;}
#center h2 { font-size:24; text-align:center; color:#333333;}

/*= = = flavors&wedding = = =*/
#center-flavors { float: left; width:600px; height:400px; background: #DBE3ED; }
#center-flavors p { font-size:16px; margin:0px 10px 20px 10px; /*background:#00FF00;*/
	line-height:18px; color:#333333; font-weight:bold; line-height:21.2px; text-align:justify;}
#center-flavors h2 { font-size:24; text-align:left; 
	margin:0 10px 5px 10px; padding:2px 0 2px 2px; /*display:inline;*/ color:#fff; background:#66C;}
/*= = = flavors&wedding = = =*/

/*= = = other table = = =*/
.forms {/*background:#919191;*/margin:0px 10px 20px 10px; color:#fff; font-size:16px;}	
table {	width: 99%;position:relative;/*top:-4px;left:-4px;border:1px solid #000;*/background:#fff;}
table caption {margin:0;padding:8px 25px;text-align:right;
	/*border:1px solid #000;*/border-bottom:none;background:#143D70;}
table th, table td{margin:0;padding:8px 20px;text-align:center;/*border-bottom:1px solid #b5b5b5;*/}
table th {color:#999;}	
table .name {text-align:left;}		
table tr { /*background:#e6e6e6;*/background-color:#89A5C6;}
table tr.alt {	/*background:#f1f1f1;*/ background-color:#859EBC;}	
table td a {display:block;font-weight:bold;}	
/*= = = other table = = =*/

/*= = = gallery = = =*/	
#gallery {float:left;margin:0px 10px 20px 40px; /*background:#33FF00;*/}
.pix {float:left; margin:5px;}
.pix1 {float: left; margin:10px 0 0 12.5px;}
.pix2 {float: left; margin:10px 0 0 10px;}
.pix3 {float: left; margin:10px 0 0 20px;}
.pix4 {float: left; margin:10px 0 0 0px;}
.opix1 {float: left; margin:10px 0 0 5px;}
.opix2 {float: left; margin:16px 0 0 10px;} 
.opix3 {float: left; margin:18px 0 0 10px;} 
.opix4 {float: left; margin:8px 0 0 10px;}
.opix5 {float: left; margin:9px 0 0 10px;}
.opix6 {float: left; margin:18px 0 0 10px;}
.opix7 {float: left; margin:16px 0 0 0px;} 
.opix8 {float: left; margin:37px 0 0 10px;}
.opix9 {float: left; margin:40px 0 0 10px;}







/*= = = gallery = = =*/	

/*positiong is verything clear*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/*positiong is verything clear*/


/* = = = right = = = */
#right { float:right; width:170px; background:#DBE3ED;}
#right h3 { background:#600; color:#FFF; text-align:center; padding:2px 0;}
#right p { margin:10px; font-weight:bold; }

/* = = = footer = = = */
#footer { 
width:760px;
background:#DBE3ED;
height:130px;
text-align:center;
margin:5px auto;
background-image:url(images/morfeys2.gif);
background-position:50% 0;
background-repeat:no-repeat;}
p#pleft { float:left; margin: 50px 0 0 140px; background:#DBE3ED; font-weight:bold; display:inline; /*ie 2x fix*/
/*background:#00FF00;*/}
p#copr { float:left; margin:130px 0 0 0; width:250px; height:30px;font-weight:bold;
 /*background:#FFFF66;*/}
p#pright {float:left;  margin:40px 0 0 0;font-weight:bold;  /*background: #00FFFF;*/}
p#pright a { text-decoration:none; color:#000;}
p#pright a:hover {position: relative;left: 1px;top: 1px; color:#66c;}