* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

img {
  border:0;
}

h1 {
font-size: 18px;
font-weight:bold;
line-height:1.5em;
margin:30px 0 30px 0;
color: #e04e61;
}

h2 {
font-size: 12px;
font-weight:bold;
font-style: normal;
line-height:1.5em;
margin:0 0 20px 0;
color: #666;
}

h3 {
font-size: 12px;
font-weight:normal;
line-height:1.5em;
margin:0 0 20px 0;
color: #666;
}

h5 {
font-size: 11px;
font-weight:normal;
line-height:1.5em;
margin:0 0 20px 0;
color: #666;
}

h4 {
font-size: 11px;
font-weight:bold;
line-height:1.5em;
margin:0 0 20px 0;
color: #666;
}

hr {
border: none 0;
border-top: 1px solid #ddd;/*the border*/
width: 100%;
height: 1px;
margin:0 0 30px 0;
}

body {
  text-align: center;
  background: #f0f0f0 url(../images/stripes.gif) repeat;
  color : #666;
  font-family : Arial, Verdana, Helvetica, sans-serif;
  font-size : 11px;
  text-align : center;
  line-height: 1.5em;
}

#counter {
width:170px;
height:45px;
}

#container-page {
  margin: 0 auto;
  width: 745px;
  background: #fff;
  text-align: left;
  position: relative;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
}

#container-logo {
  background: #111;
}

#container-navi {
  width: 745px;
  height: 35px;
  border-bottom:3px solid #111;
}

#container-content-left {
  padding: 0 30px 50px 30px;
  width: 450px;
  border-right:1px solid #ddd;
  float:left;
  clear:both;
}

#container-content-foto {
  width:685px;
  padding: 0 30px 50px 30px;
  float:left;
  clear:both;
}

#container-content-foto img {
  border: 5px solid #ddd;
  float:left;
  margin: 30px 33px 0 0;
}

#container-content-left a {
  color: #e04e61;
  font-weight: normal;
  text-decoration: none;
}

#container-content-left a:hover {
  color: #000;
  text-decoration: none;
}

#container-content-left img {
  width:440px;
  margin: 0 0px 20px 0;
  border: 5px solid #ddd;
  float:left;
  clear:both;
}

#container-content-right {
  padding: 0 30px 30px 30px;
  width: 172px;
  height:100%;
  float:left;
}

#container-content-right a {
  color: #aaa;
  font-weight: normal;
  text-decoration: none;
}

#container-content-right a:hover {
  color: #e04e61;
  text-decoration: none;
}

#twitter_update_list {
  list-style-type:square;
}

#twitter_update_list li {
  margin-bottom:10px;
}

#container-foot {
  clear:left;
  width: 100%;
  background:#ddd;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
}

#foot {
  padding: 3px 30px 0 30px;
  font-size:9px;
  color:#666;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_left_right_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.pro_linedrop {
height:35px;
width:745px;
background:url(../images/black_0.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:10px;
z-index:500;
}

.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(../images/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(../images/blue_1.gif);
}


.pro_linedrop .select a {
display:block;
height:35px;
float:left;
background: url(../images/black_0.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#ddd;
}


.pro_linedrop .select li.lrt a {color:#e04e61;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(../images/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(../images/black_0a.gif) right top;
}

.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(../images/black_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#e04e61;
}

.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(../images/blue_1.gif);
}

.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(../images/black_1.gif) right top;
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(../images/black_1a.gif) right top;
}

.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(../images/blue_1.gif) right top;
}

.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(../images/blue_1a.gif) right top;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.pro_linedrop .sub {
margin:0;
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block;
position:absolute;
float:left;
width:745px;
top:35px;
left:0;
text-align:center;
background:#111;
border-bottom:1px solid #222;
border-top:1px solid #222;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#666;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#666;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#ff5205; line-height:20px; position:relative; background:#111 left bottom;}