html, body{
	height: 100%;
}

body {
background-position: top center;
}

#c1,#c2,#c3,#c4,#c5,#c6,#c7, body { 
background-color: #3A4541; 
}

h1, h2, body, h3 a {
	color: #3A4541;
}

html { 
	overflow-y: scroll; /* force scrollbars */
}

a {
color:#333;
}

#wrapper { 
 position:relative;
 margin-top:0px;
 /*float:right;         for card-align & scalable background-image*/
 /*margin-right:75px;      for card-align & scalable background-image*/
}

#card_main { 
float:left;
 /*position:absolute; for card-align & scalable background-image*/
width: 438px;
 /*top:0; for card-align & scalable background-image*/
 /*left:0; for card-align & scalable background-image*/
z-index:2;
padding:20px 20px;
padding-top:0px;
background-image: url(images/background_content.png);
min-height: 100%; 
height: auto ! important; 
background-color: transparent;
}


#container {
 margin: 0pt auto;
  width: 438px; 
  }
  
#header {
position:relative;
height: auto;
background-color: transparent;
background-image: none;
min-height: 83px;
overflow:hidden;
}



#content { 
float:left;
width: 438px;
margin-bottom:0px;
background-color: transparent;
}

h3 { 
padding: 4px 23px; 
height:20px;
line-height:20px;
font-weight:bold;
font-size: 13px; 
 text-transform: uppercase; 
 cursor: pointer; 
 margin-bottom:1px;
 background-color: transparent;
background-image: url(images/list_background.jpg);
margin-top:2px;
 }
 
 h3 a:hover {
 text-decoration: none;
 margin-left:2px;
 }
  

#biotxt {
float:left; 
width: 403px; 
margin-left:20px;
margin-top:20px;
padding-bottom:20px;
text-align: justify;
font-size:14px;
}

#portrait_header {
float:left;
background-position: top left;
background-repeat: no-repeat;
height: 88px; 
width:88px;
background-color:transparent;
padding:0;
margin:10px 20px;
margin-right:5px;
background-image:none;
}

#portrait{
display:none;
}

#interests {
float:left;
width: 408px;
margin: 0 15px;
padding-bottom:20px;
padding-top:0px;
}

#newstip {
float:left;
width: 478px;
padding: 0;
margin:0;
height:auto;
background: url(images/status_bg.png) no-repeat bottom left;
margin-bottom:1px;
padding-left:110px;
padding-right:10px;
padding-bottom:15px;
}

#twitter_div {
position:relative;
float:left;
width: 300px;
height:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
overflow: hidden;
color:inherit;
margin-bottom:1px;
}

#twitter_div a {
color:inherit;
}


/* start network list */

#list_networks
{
float:left;
margin-bottom:-15px;
padding-top:0px;
}

#list_networks ul
{
float:left;
padding: 0;
list-style-type: none;
margin-top:4px;
}

#list_networks li { 
float:left;
height:47px;
width:199px;
padding-top:7px;
background-image:none;
margin-left:13px;
}

#list_networks .service_wrapper
{
float:left;
background-repeat:no-repeat;
display: block;
width: 100%;
height:35px;
text-decoration: none;
padding-bottom:12px;
background-position: 3px 3px;
padding-left: 0px;
}

#list_networks .service_wrapper .service_txt
{
padding-top:6px;
width:142px;
float:left;
margin-left:-32px;
line-height:15px;
overflow: hidden;
}

#list_networks .service_wrapper:hover
{
margin-left:1px;
}


#more {
float:left;
padding-left:15px;
width:438px;
padding-bottom:10px;
}


#more li{
float:left;
margin:3px;
float-left:10px;
font-size: 12px;
background:url(../../images/more_left.png) top left no-repeat;
padding-left: 7px;
}

#more span{
background:url(../../images/more_right.png) top right no-repeat;
padding-right: 7px;
float:left; 
height:22px; 
line-height:22px;
}

/* tooltip design */
.ToolTips { display:block; position:absolute; width:290px;overflow: hidden;}
.ToolTips .sticky_close { display:block; cursor:pointer; position:absolute; top:11px; right:13px; background:url(images/close.png); width:10px; height:10px; line-height:10px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body_bottom.png) repeat-y; padding:0px 20px; padding-left:34px; height:100%;}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:20px;  }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:20px; line-height:20px; font-size:0px; clear:both; }
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:13px; font-size:0px; line-height:13px;}

* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../js/mootoolstips/images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:none; width:31px; height:20px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; color: #9F5A1D;}
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#888; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#888; }


/* guest password */
.textfield_roundcorner {
margin: 5px;
width:150px;
height:17px;
background-color: transparent;
border:0;
padding:0 6px;
padding-top:3px;
background:url(../../images/bg_textfield.png) top right no-repeat;
font-size:11px;
}

.submitter_roundcorner {
margin: 5px;
width:83px;
height:20px;
text-align:center;
background-color: transparent;
border:0;
padding-top:0px;
background:url(../../images/bg_button.png) top right no-repeat;
font-size:11px;
cursor:pointer;
}

#passwordSection {
float:left;
width: 448px;
padding: 10px 15px;
padding-top:0;
margin:0;
}

.seperator {
display:none;
}

/* contact list */
.list_contact li { 
background-image: none;
}