/* CSS Document */
/* Main elements styling */
body { background: url(../images/index-slice.jpg) no-repeat #fff; background-repeat:repeat-x; font-family: Arial, Verdana, Helvetica, sans-serif; }
.about { background: url(../images/int-bg.jpg) repeat-x #ffffff;  background-color:#fff; font-family: Arial, Verdana, Helvetica, sans-serif; }

/* Wrapper  1000px width, centered */

#page { width: 980px; margin: 0px auto; text-align:center; }




/* Header */
#header { height: 145px; margin: 0; width: 980px; line-height: 20px; padding:0; }
#logo {float: left; margin:20px 0 0 0; height:121px; width:210px;}
#social {float:right; width:200px; height:70px;}
#head-social { text-align: left; height:34px; width:200px;  margin:8px 0 0 0;}
#head-social a { font-size: 16px; color: #767676; text-decoration: none; float:left; width:200px; height:29px; padding: 5px 0 0 0; margin: 0; background-image: url(../images/social-n.jpg); background-repeat: no-repeat; background-position:right; }
#head-social a:hover {color: #4a013b; background-image: url(../images/social-o.jpg); background-repeat: no-repeat; background-position:right;}
#head-phone { text-align: left; height:20px; width:200px; margin:8px 0 0 0; font-size: 16px; color: #767676;;}


/* page */
#wrapper { width: 980px; margin: 0px auto; text-align:center; }
#widget { width:980px; height:494px; margin:20px 0 0 0; background-image: url(../images/widbg_06.jpg); background-repeat:no-repeat;}

/* Main Content */

#main { width: 980px; float: left; padding:10px 0; margin: 8px 0 20px 0; background-image:url(../images/long_16.jpg); background-repeat:no-repeat; background-position:top ; text-align:left;}
#main-text { width:980px; min-height:76px; margin:0;}
#main-text h1 {font-size:18px;color:#767676; margin:10px 0px 10px 0px;}
#main-text p {font-size:13px; line-height:17px; margin:5px 0px 10px 0px; color:#767676;}
#text-right { float:left; text-align:left; width:475px; height:156px; margin:10px 30px 10px 0;}
#text-left {float:left; text-align:left; width:475px; height:156px; margin:10px 0 ;}

/* about */
#about { width:400px; float:left; margin:20px 0; font-family: Arial, Verdana, Helvetica, sans-serif;}
#about h1 {font-size:18px;color:#767676; margin:10px 0px 10px 0px;}
#about p {font-size:13px; line-height:19px; margin:10px 0px 10px 0px; color:#767676;}
#about-image {width:560px; float:right; margin:20px 0; }


/* shop */
#item {font-size:13px; line-height:17px; color:#767676;}
.item-list { width:980px; padding:10px 0 ; min-height:235px; border-bottom:1px solid #ccc;}
.heart-list { width:980px; padding:10px 0 ; height:295px; border-bottom:1px solid #ccc;}
.family-list { width:980px; padding:10px 0 ; height:315px; border-bottom:1px solid #ccc;}
.item-img { margin:25px 20px 5px 20px; float:left;}
.item-p {margin:10px; color:#767676; padding:0px 20px 0 20px; font-size:15px; height:130px; width:560px; float:left;}
.paypal { float:right;}

/* gallery */
#photo {
	width: 900px; padding: 0px 40px 0 40px; margin:30px 0 20px 0; text-align: center; color: #767676; font-family: Arial, Verdana, Helvetica, sans-serif; }
#photo h1 {font-size:18px;color:#767676; margin:10px 0px 30px 0px; text-decoration:underline;}
#photo h2 {font-size:16px;color:#767676; margin:10px 0px 30px 0px; text-decoration:underline;}
#photo p {font-size:13px; line-height:19px; margin:10px 0px 10px 0px; color:#767676;}

.portrate { margin:10px;}
.spacing { margin:10px 30px;}

/*terms*/
#terms { width:980px; float:left; margin:20px 0; font-family: Arial, Verdana, Helvetica, sans-serif;}
#terms h1 {font-size:18px;color:#767676; margin:10px 0px 10px 0px;}
#terms p {font-size:13px; line-height:19px; margin:10px 0px 10px 0px; color:#767676;}
#terms ol {list-style-type: none; left: 0px; margin: 0px; padding: 0px; line-height: 19px; display:block; font-size:13px; color:#767676;}
#terms li {list-style-type: none; margin:0px 0px 0px 0px;}

/*contact*/
#details { float:left; width:504px; color:#767676; margin:30px 0px 0px 0px; text-align:left; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif;}
#details h1 {font-size:18px;color:#767676; margin:10px 0px 10px 0px;}
#details p {font-size:13px; line-height:19px; margin:10px 0px 10px 0px; color:#767676;}
#contact {
	float: right; color:#767676; margin:20px 0px 0px 0px; text-align:left; font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif;	
}
#contact ul {
	padding:0px; margin:0px;
	}
#contact li {
	list-style-type: none; margin:0px 0px 0px 0px;
	} 
#info {
	text-align:left; float:right; margin:5px 235px 0px 0px; font-size:12px;
	color:#333;}

/* Footer */
#footer {width: 100%; height:135px; margin:10px 0; border-top:1px solid #e7e8dd; font-family: Arial, Verdana, Helvetica, sans-serif;	 }
#footer-cont {width: 980px; height:130px;padding:10px 0 0 0px; font-size:14px; text-align:left; margin:0 auto;}
#footer-cont p {font-size:13px; line-height:19px; margin:10px 0px 10px 0px; color:#767676;}
#webdesign { float:right; margin:10px; }
#webdesign a {color:#ccc;}
#paypal-img { float:right; margin: 10px;}
#footernav { width: 500px; height:40px; padding: 0px; font-size:10px; float:right; margin:40px 40px 0 0; }
#footer ul { list-style-type: none; left: 0px; margin: 0px; padding: 0px; line-height: 18px; display:inline; }
#footer li { display:inline; }
#footer li a { color: #999; line-height: 18px; text-decoration: none; margin:0 10px; }
#footer li a:hover { color:#4a013b; }

                       
.clear { clear: both; }

 

h1, h2, h3, h4, h5, H6 { color: #000; cursor: default;  }

 

h1 { font-size: 30px; font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif; }

h2 { font-size: 18px; margin: 15px 0px; font-family: "Myriad Pro", Arial, Verdana, Helvetica, sans-serif; }

h3 { font-size: 16px; margin: 15px 0px; }

h4 { font-size: 14px; margin: 15px 0px; }

h5 { font-size: 12px; margin: 15px 0px;}

h6 { font-size: 10px; margin: 15px 0px;}

p { font-size: 12px; color: #6F6F6F;  line-height: 23px; margin:0 0 20px 0; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: justify;}


blockquote { padding-left: 40px; border-left: 3px solid #0a3872; color: #0a3872; margin: 20px 0px; font-style: italic;} 

blockquote p { color: #0a3872; font-style: italic;}

a { color: #FF1717; text-decoration: none; }

a:hover { text-decoration: underline;}


/* classes used for align purposes (left and right, img-left and img-right) */
.tick { float: left; margin:0 10px 20px 0; }
.tick2 { float: left; margin:0 10px 20px 0; clear:left; }
.scheme { float:right; margin:0 0 0 20px;}
.colour {color:#000;}
.email {color:#000; font-weight:bold; text-decoration:underline;}
.left { float: left; }
.heart { float:right; margin:0 50px 0 0;}
.tube {float:right; margin:-30px 10px 0px 0 ;}
.scheme {float:right; margin:-15px 10px 0px 20px ;}
.right { float: right;}
.pin { margin:0 5px;}
.img-left { float: left; padding: 5px; border: 1px solid #e4e3e3; margin: 6px 20px 9px 0px;}

.img-right { float: right; padding: 5px;  border: 1px solid #e4e3e3; margin: 6px 0px 9px 20px;}

img {border-width: 0px; margin: 0px; padding: 0px; border-style: none; } 

#lowermenu { height:0px;}

#menu { height:0px;}

#presentation { height:40px;}

.quest { color:#ba0303;}