/****************************
Kevin Navia
CSS Framework
****************************/
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, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border: 0; }
caption, th, td 		{ text-align: left; font-weight: normal; }
blockquote:before, 
blockquote:after,
q:before, 
q:after 				{ content: ""; }
blockquote, 
q 					{ quotes: "" ""; }
/* END CSS RESET */

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px; line-height: 1.3em;
color: #333; background-color: #ebebdf;
}

h1, h2, h3, h4 	{ font-weight: normal; font-family: Georgia, "Times New Roman", serif; font-size: 2em; margin-bottom: 15px; }
p 				{ margin-bottom: 15px; }
a, 
a:visited, 
a:active 		{ color: #c00; }
a img 			{ border: none; }


/* FRAMEWORK **************/
#header,
#content			{ clear: both; position: relative; margin: 0 auto; width: 760px; overflow: hidden; _zoom: 1; }
#content			{ overflow: visible; zoom: 1; }
#header #afflogo 	{ float: left; }
#header #logo 		{ float: right; margin-top: 20px; }

/* PHOTO */
#container 			{ margin: 0 auto 15px; padding-top: 200px; width: 760px; background: url(../images/bg-beach.jpg) 100% 0 repeat-x; border-top: 10px solid #777; overflow: hidden; _zoom: 1; }
#box				{ xposition: absolute; top: -15px; right: -15px; padding: 5px; width: 45%; font-weight: bold; font-size: 22px; font-style: italic; color: #555; text-align: right; line-height: normal; background: #ddd; opacity: 0.8; filter: alpha(opacity=80); }
#photos				{ float: left; /*position: absolute; top: 210px; left: -25px;*/ }
#photos img			{ margin: 0 10px 0 0; width: 223px; height: 150px; border: 5px solid #777; }

/* CONTENT ITEMS */
#searchbox			{ float: left;  width: 480px; }
#sidebar 			{ float: right; margin-top: 95px; width: 250px; }
#sidebar ul			{ float: left; width: 100%; }
#sidebar li			{ margin: 0 0 0.5em 1em; font-size: 15px; font-weight: bold; line-height: 1em; }
#tury 				{ right: 30px; top: -20px; position: relative; float: right; }
#slogan				{ clear: left; }

#footer {
position: relative;
margin: 0 auto; width: 760px;
padding: 5px 0;
border-top: 10px solid #777;
overflow: normal;
}
#footer .note 		{ font-size: 10px; }

.clr				{ clear: both; }