/* Reset */
* { margin: 0 auto; padding: 0 auto; }
html { overflow-y: scroll; }
html,body { height: auto; margin:0 auto; padding:0 auto; font-family: "Arial", helvetica; font-size: 1em; }

/* Layout divs */
#content { width: 933px; height: 100%; margin: 0 auto; padding-top: 20px; }
#infobox { height: 450px; display:block; }
#images { position: relative; clear:both; padding: 0 auto; margin: 0 auto;}
#footer { min-height: 60px; margin-top: 40px; }

#infobox-header { border-bottom: 1px solid rgb(230, 230, 230); padding-bottom: 10px; }
#infobox-container { height: 200px; clear:both; margin-top: 20px; border-bottom: 1px solid rgb(230, 230, 230); }
#infobox-contact { float:left; width: 450px; border-right: 1px solid rgb(230, 230, 230); height: 176px;}
#infobox-friends { float:right; width: 470px; }
#infocontroller { background-color: rgb(0,0,0); margin-bottom: 10px; color: rgb(29, 203, 219);}

/* Basic */
h1,h2,h3,h4,h5,h6 { color: rgb(248, 52, 131); }
h1 { font-size: 1.1em; padding-bottom: 10px; }
h2 { font-size: 1.1em; padding-bottom: 10px;}
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
p { color: rgb(30,30,30); font-size: 0.8em; padding-bottom: 10px; }
a { color: rgb(29, 203, 219); text-decoration: none; }
a:hover { color: rgb(248, 52, 131); text-decoration: underline; }

/* Styling */
#footer p { color: rgb(220, 220, 220); font-size: 0.78em; text-align: center; }
#infobox ul,li {list-style:none; list-style-type:none; }
#infobox li {margin: 2px 0; text-indent: -40px; font-size: 0.8em; }
#infobox-friends li {list-style:none; list-style-type:none; list-style-image: url(../img/site/bullet.png); margin-left: -20px; text-indent: 0px; }
#infocontroller a { font-size: 0.8em; padding:0px; margin: 0px; text-decoration: none;}
#images img { padding: 0px;}
#images .halfopacity {opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);	}
#images .halfopacity:hover {opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

/* Slider */
#slider { margin:0 auto;}
#slider img { border:none; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none; }
#slider, #slider li{ width:933px; height:420px; overflow:hidden; }
#slider li{ background:rgb(255,255,255); }		
#slider li h2 { margin:0 20px;padding-top:20px; }	
#slider li p { margin:20px; }
ol#controls{ font-size: 0.8em;margin:1em 0;padding:0;height:20px; }
ol#controls li{ margin:0 10px 0 0; padding:0;float:left;list-style:none;height:20px;line-height:20px; }
ol#controls li a{ float:left;height:20px;line-height:20px;border:1px solid rgb(200,200,200); background:rgb(240,240,240); color: rgb(100,100,100); padding:0 5px; text-decoration:none; }
ol#controls li.current a{ background:rgb(248, 52, 131); color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{ outline:none; }