/* ---------------------------- [ RESET ] -----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

ol,ul { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,q:after { content: ''; }
abbr,acronym { border: 0; }


/* ------------------------ [ GENERAL / FORMATTING ] ------------------------*/

body {
  background: #FFFFFF url(http://cache.gydget.com/images/my_widget/bg_gradient.gif) repeat-x 0 0;
  font-family: "Trebuchet MS", Trebuchet, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  padding: 0;
  margin: 0;
  text-align: left;
  color: #666;
}

p { margin: 5px 0 10px 0 }
h1,h2,h3,h4,h5,h6 { color: #3e5587; font-weight: bold; }
h1 { font-size: 16px }
h2 { font-size: 15px }
h3 { font-size: 14px }
h4 { font-size: 13px }
h5 { font-size: 12px }
h6 { font-size: 12px }

input, select, textarea { 
  font-family: "Trebuchet MS", Trebuchet, Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

a { 
  color: #3b5998;
  text-decoration: none;
  cursor: pointer; 
}

a:link { } 
a:visited { }
a:hover { text-decoration: underline }
a:active { }

.normal { font-weight: normal }
.bold { font-weight: bold }
.italic { font-style: italic }
.underline { text-decoration: underline }
.white { color: #fff }
.black { color: #000 }
.right { float: right }
.left { float: left }
.ten { font-size: 10px }
.eleven { font-size: 11px }
.twelve { font-size: 12px }
.clear { display: block; clear: left; }
.unbroken { white-space: nowrap }
.center { text-align: center }
.hidden * { visibility: hidden }
.floated { 
  overflow: hidden;
/* IE 6 */
  width: 100%;
}
/* Everyone else */
html>body .floated { width: auto }

/* ---------------------------- [ LAYOUT ] -----------------------------*/

#container { 
  width: 906px; 
  margin: 0 auto;
}

#container { margin-top: 20px }

#head {
  position: relative;
  width: 906px;
  height: 75px;
  background-image: url(http://cache.gydget.com/images/my_widget/head_bar.png);
}

#logo {
  width: 163px;
  height: 66px;
  background-image: url(http://cache.gydget.com/images/my_widget/logo.png);
  position: absolute;
  top: -2px;
  left: 0px;
}

#login {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
}

#breadcrumb { margin-left: 3px }
#content { 
  margin-left: 3px;
	clear: both;
}

#footer { 
  background: transparent url(http://cache.gydget.com/images/my_widget/h_dots.gif) repeat-x top left;
  clear: left;
  margin: 100px 0 25px 0;
  padding-top: 4px;
  color: #3b5998;
	float: left;
	width: 100%;
	display: block;
	height: 30px;
}

#corporate { float: right }
#copyright { float: left }

/* ---------------------------- [ NAVIGATION ] -----------------------------*/

#navigation {
  width: 680px;
  height: 25px;
  display: block;
  position: absolute;
  bottom: 16px;
  right: 4px;
  background-image: url(http://cache.gydget.com/images/my_widget/nav_bar.png);
}

#navigation li { 
  display: inline;
}
#navigation a {
  display: block;
  float: right;
  height: 25px;
  cursor: pointer; 
}


/* ---------------------------- [ PAGE STUFF ] -----------------------------*/

#content { 
	background-color: #ffffff;
	border: 1px solid #afafaf;
	width: 778px;
	padding: 10px;
	margin: 15px auto
}

#fanspace { text-align: center }
#fanspace object { margin: 0 auto )