/* CSS for Buon Viaggio Travel by David Tierney of Designs by Tierney. 11/2009 */


/***********************************
		Undo Default Styling
***********************************/
ol,dl { 
	list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; }
ul,ol,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,pre,html,body,div,blockquote,form,fieldset,input, caption {
	margin:0;
	padding:0;
}
a,a:hover,a:link,a:visited,a img,a:hover img,a:link img,a:visited img { 
	border:none; text-decoration:none; }


/***********************************
		Global Template Rules
***********************************/
.backgroundloader {
	display:none;
	}

.center {
	text-align:center;
	}

.contact {
	color: #FFF;
	font-size: 16px;
	}

.at {
	font-size:75%;
	}

h1 {
	margin-bottom: 30px;
	font-size: 18px;
	text-align:center;
	font-weight: bold;
	}
h2 {
	font-size: 17px;
	margin:5px 0;
	font-weight: bold;
	}
body#index h2 {
	margin-top: 0px;
	}

h3 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight:normal;
	}

p {
	margin-bottom: 6px;
	}

a, a:link {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-decoration: none;
}

/***********************************
		Body & Wrappers & Containers
***********************************/
body {
	font-family: "Times New Roman", Times, serif;
	text-align:left;
	font-size: 15px;
	background-color: #BD765A;
	color: #000;
	line-height: 113%;
	}

#outer-wrapper {
	width: 980px;
	margin: 0 auto;
	background: url(images/drop-side.gif) repeat-y;
	text-align: center;
}


/** Blog/Site: #body-container controls blog & #wrapper controls site. **/
#wrapper {
	width: 960px;
	margin: 0 auto;
	border-top: 6px solid #DFF0FE;
	background-color:#2398CD;
	text-align: left;
}

#container {
	float: left;	/* floating container and both inner containers "self clears containers" */
	width: 960px;
	height: 565px;
}

/***********************************
		Left Side
***********************************/	
body#client-letter-body #leftside {
	width: 637px;	/* otherwise in IE6, left side drops down. */
	}
	
#leftside {
	float: left;	/* floating container and both inner containers "self clears containers" */
	display:inline;  /* fixes IE/Win "double margin on same side of float" bug */
	width: 640px;	/* fixes IE/Mac's affliction of stretching floated elements wider than the specifid width of their container. */
	height: 565px;
	text-align: left;
	}
	
#leftside .section {
	padding-top: 40px;
	margin: 0 84px;
	font-size:16px;
}

#leftside p {
	font-size:16px;
	margin-bottom: 10px;
	line-height:120%;
	}

.blue {
	background-color:#DFF0FE;
	}
	
.signature {
	margin-top: 30px;
	}

/***********************************
		Right Side
***********************************/
#rightside {
	float: right;	/* floating container and both inner containers "self clears containers" */
	display:inline;  /** fixes IE/Win "double margin on same side of float" bug */
	width: 320px;	/* if change width, also change width of .content (NOT .no-wdigets .content, etc. though) */
	text-align: left;
}

#rightside .section {
	padding-top: 20px;
	margin: 0 24px;
}

.margin-top {
	margin-top: 9px;
}

.author {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	margin-left:60px;
	}

.author-title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:60px;
	}
/***********************************
		Footer
***********************************/
#footer-wrap {	/* covers both site styling and blog styling  */
	clear: both;
	border-top: 2px solid #FEC0A9;
	}

#footer {
	margin-top:4px;
	line-height: 32px;
	color: #FFFFFF;
	}
#footer p {
	margin-bottom:0;
	}

#footer p.ltr-footer {
	margin-right:320px;
	text-align:center;
	}

#footer p.index-footer {
	text-align:center;
	}

#footer p.index-footer span.favorites a {
	margin-left: 20px;
	}

#footer p span.center-bar {
	margin:0 60px;
	}

#footer p.text-right {
	float: right;
	padding-right: 52px;
	}