/*
Stylesheet for --Add website name here--
Date: April 2009

css to zero courtesy of Eric Meyer with adjustments
No license. Use what you like.
Happy to receive feedback :)
*/



html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	/*vertical-align: baseline;*/
}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}
	
/* after the zeroing out what next ???*/
		
/* COLOUR PALETTE

#C9C9C9 - very pale grey
#BEB1BA - muted purple
#4E51B7 - dark purple


*/
		
/*the main global rules*/
	body{font-family:Arial, sans-serif; margin:0;  background:url(../images/page_bg.gif) repeat left top; padding:0; width:100%; height:100%;}
	div#wrap{width:960px;margin-left:10px;}
a.logop
{
width:400px;
height:114px;
display:block;
margin-left:110px;
margin-top:30px;

}
	
/*grouped selectors*/
h2#subheading, div#wrap, h1{position:relative;}
h1{text-transform:uppercase;}
/*main heading and sub heading*/
div#heading{width:620px;cursor:pointer; height:180px;}
div#heading a{color:#000;text-decoration:none;}
div#heading a:hover{color:#000;}
#wrap h1{/*background-image:url('../images/stellina_head.png');background-repeat:no-repeat;background-position:-50px -40px;*/text-indent:110px;height:180px;font-size:45px;top:40px;}
h2#subheading{text-indent:110px;font-size:0.85em;letter-spacing:0.3em;top:-40px;}

	
/*content area*/
div#contents{width:640px;margin-left:350px;padding-bottom:20px;}
#contents p{line-height:2em;padding:1em 0 0 0;font-size:11px;width:510px;text-align:left;letter-spacing:0.05em;}

#contents ul{margin:1em 0;}
#contents h2, #contents p span, #contents li span{}
#contents h2{color:#000;font-weight:normal;text-align:left;text-transform:uppercase;font-size:0.8em;letter-spacing:0.3em;}
#contents h3{color:#000;font-weight:normal;font-size:0.8em;letter-spacing:0.2em;text-transform:uppercase;padding-top:1em;line-height:1.4em;}
#contents h3.ceiling{padding-top:1em;}
#contents ul li{/*list-style-image:url('../images/star_bullet_trans.png');*/list-style-type:disc;margin-left:1.4em; line-height:2em;font-size:11px;width:500px;list-style-position:outside;}


#contents ol li{list-style-type:disc;line-height:2em;font-size:11px;width:500px;list-style-position:outside;margin-left:1.4em;}
#contents li ul{margin:0;}
#contents li ul li{list-style-position:outside;width:485px;}
#contents a{}
#contents a:hover{}

/*internal page navigation*/
#contents ul#pagenav li{list-style:none;margin-left:0;}
ul#pagenav li a, #press #contents p a{text-decoration:none;color:#000;text-transform:uppercase;letter-spacing:0.3em;width:100%;}
ul#pagenav li a:hover, p#footnote a:hover, #press #contents p a:hover{text-decoration:none;color:#4E51B7;}

/*back to top link*/
/*currently not in use*/
#contents h3 a{float:right;text-decoration:none;background:url('../images/up_arrow.gif') no-repeat 0px 50%;padding-left:14px;color:#666;}
#contents h3 a:hover{text-decoration:underline;color:#333;}

/*isolated bits and bobs in content area*/

img#special_events{margin-top:10px;margin-left:160px;}
#destinations #contents h2{padding-bottom:12px;}
p#footnote{font-style:italic;font-family:"Times New Roman", Georgia, serif;}
p#footnote a{text-decoration:none;color:#000;}
img#flower_bar, img#press_img, img#laura_hooper{padding-top:10px;}
img#flower_bar{display:none;}
#press img#flower_bar{display:block;}


/*photo credits*/
p#photo_credit{text-transform:uppercase;font-size:8px;letter-spacing:1px;text-align:right;padding-top:0px;margin-top:-6px;}
#index p#photo_credit{width:640px;}
/*#amanda p#photo_credit{margin-top:-6px;}*/
#special_events p#photo_credit{margin-left:162px;width:200px;}

/*praise page*/
hr{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #BEB1BA;margin-top:1.4em;width:510px;margin-left:0;}
cite{font-style:italic;color:#333;font-size:11px;}
blockquote{margin-bottom:1em;}

/*big up script images*/
p#xo {background:url('../images/xoxo_amanda.png') no-repeat 0 50%; text-indent:-9999px;height:63px;}
p#little_star{font-style:italic;background-image:url('../images/equals_little_star.png');background-repeat:no-repeat;background-position:0px 8px;font-family:"Times New Roman", Georgia, serif;text-indent:-9999px;height:28px;}
p#italian{background:url('../images/in_italian.png') no-repeat 0 1%;text-indent:-9999px;height:38px;}

/*about me picture*/
div#about_pic{float:left;padding-top:1em;padding-right:1em;width:137px;overflow:hidden;padding-left:1px;}
img#amanda_pic{padding-top:10px;width:510px;}


/*the drop shadow on the photo*/
#contents div#shadow{height:427px;width:640px;background-color:#BEB1BA;position:absolute;top:205px;left:330px;z-index:-1;}

/*contact page stuff*/
#contact a{text-decoration:none;color:#000000;}
#contact a:hover{text-decoration:none;color:#4E51B7;}
form{text-transform:uppercase;}
form label{padding-right:20px;width:40px;display:inline-block;position:relative;bottom:-3px;}
form input, form textarea{border:1px solid #4E51B7;padding:2px;width:325px;font-family:Arial, sans-serif;}
form input{width:265px;}
form input#send{cursor:pointer;margin-top:5px;width:331px;text-transform:uppercase;color:#000;background-color:#E1D7E3;letter-spacing:0.3em;font-weight:normal;}
p#thanks{background-color:#F6BEFC;padding-bottom:10px;background-image:url('../images/tick.png');background-repeat:no-repeat;background-position:1px 50%;padding-left:25px;width:485px;margin-top:14px;}	

/*main navbar*/
	ul#navbar{width:310px;position:absolute;top:172px;left:110px;font-family:Arial,sans-serif;font-variant:small-caps;letter-spacing:0.3em;line-height:1.8em;font-size:12px;}
	ul#navbar li{}
	
	div#clear {clear:left;}
	ul#navbar li a{text-decoration:none;color:#000000;}
	ul#navbar li a:hover{text-decoration:none;color:#4E51B7;}
	span.tab {font-size:14px; line-height:28px;}
	
/*highlight the link of the selected page*/
#index #home a, #about #about_us a, #services #our_services a, #special_events #events a, #destinations #destination a, #gallery #gall a, #praise #praise_me a, #contact #contact_us a, #emerald #our_services a, #ruby #our_services a, #diamond #our_services a, #planning #our_services a, #extras #our_services a, #event_services #about_us a, #network #about_us a, #why_stellina #about_us a, #amanda #about_me a{color:#4E51B7;font-weight:normal;}
	
/*the little sub nav called about nav, plus services_nav*/
	#aboutnav, ul#services_nav{text-indent:1em;font-size:12px;line-height:18px;}

	
/*footer image link - */
#footer{position:absolute;top:550px;left:110px;}
#footer a#jill:hover, #footer a#ad:hover{color:#4E51B7;}
#footer a#jill, #footer p, #footer a#ad{font-size:8px;text-transform:uppercase;letter-spacing:2px;text-decoration:none;color:#000;}
#footer a#ad{position:relative;top:10px;padding-bottom:20px;}
#footer #designers{padding-top:60px;width:200px;}
#footer #designers a{white-space:normal;}


/*all the Safari stuff together*/
@media screen and (-webkit-min-device-pixel-ratio:0){
/*	global rules*/
	div#wrap{overflow:visible;}/*safari rule*/

/*	navbar*/
	
	
	ul#navbar li { vertical-align:}
	


/*	content area*/
	div#contents{margin-left:351px;padding-bottom:30px;}
	div#contents p{}
	
/*form elements*/
form label{padding-right:18px;}
form input#send{width:330px;}
form textarea {width:324px;max-width:324px;min-width:324px;height:250px;min-height:250px;max-height:250px;resize:none;}

/*footer*/
	#footer {padding-bottom:30px;}
	
}