body, html {
    margin: 0 0 0 0;
    text-align: left;
    font-family: "Arial";
    font-size: 12px;
    line-height: 150%;
    background-image: url('../../images/sitebuilder/background.jpg');
    background-repeat: repeat-x;
    background-color: #d2d1d0;
    color: #313131;
    height: 100%;
}

form{
	margin: 0;
	padding: 0;
	display: block;
}


/* default classes */
#container {
    position: relative;
    width: 1000px;
    margin-left:-500px;
    left:50%;
    height: auto;
    z-index:1;
}

#header {
    position: relative;
    width: 1000px;
    height: 99px;
    z-index:1;
}

#header #countrySelect{
    position: relative;
    top: 40px;
    color: #fff;
}

#navigationbar {
    position: relative;
    width: 1000px;
    height: 48px;
    z-index:1;
    margin-bottom: 20px;
}


#maincontainer{
    position: relative;
    width: 1000px;
    height: auto;
}

.leftcontainer{
    position: relative;
    width: 320px;
    height: auto;
    float: left;
    margin-right: 20px;
}

.rightcontainer{
    position: relative;
    width: 660px;
    height: auto;
    float: left;
}

.split{
    position: relative;
    width: 490px;
    height: auto;
    float: left;
    margin-right: 20px;
}

.contentcontainer{
    position: relative;
    width: auto;
    height: auto;
    background-color: #f4f4f4;
    border: 1px solid #9c9c9c;
    border-right: 2px solid #9c9c9c;
    border-bottom: 2px solid #9c9c9c;
    margin-bottom:20px;
}

.contentcontainer .header{
    position: relative;
    width: auto;
    height:49px;
    background-image:url('../../images/sitebuilder/cc_header.jpg');
}

.innercontentcontainer{
    position: relative;
    width: auto;
    height: auto;
    padding: 15px;
    background-color: #f4f4f4;
    border: 1px solid #fff;
    overflow: hidden;
    clear:both;
}

.leftcontainer .innercontentcontainer{
    padding:8px;
}

.innercontentcontainer .leftcontainer{
    position: relative;
    width: 300px;
    float:left;
}

.innercontentcontainer .rightcontainer{
    position: relative;
    width: 300px;
    float:left;
}

.innercontentcontainer .split{
    position: relative;
    width: 435px;
    float:left;
}

/*** image container ***/
.thumb320{
    position: relative;
    width: 301px;
    padding: 3px;    
    border: 1px solid #666666;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 3px;
}

.thumb128{
    position: relative;
    width: auto;
    padding: 3px;
    border: 1px solid #666666;
    background-color: #fff;
    overflow: hidden;
    margin-right: 15px;
    float:left;
}

.thumb100{
    position: relative;
    width: inherit;
    padding: 3px;
    border: 1px solid #666666;
    background-color: #fff;
    overflow: hidden;
    margin-right: 3px;
    float:left;
}

.thumb220{
    position: relative;
    width: 220px;
    padding: 3px;
    border: 1px solid #666666;
    background-color: #fff;
    overflow: hidden;
    margin-right: 13px;
    float:left;
}

.thumb320 img, .thumb128 img, .thumb100 img{
    border: 1px solid #666666;
}


/*** h1 tags ***/
h1{
    position: relative;
    margin:0;
    padding:0;
    font-size: 17px;
    font-weight:normal;
    font-family:"Arial",sans-serif;
    margin-bottom:6px;
    color: #b20000;
    letter-spacing: 1px;
}

h1.info{
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/info.png) no-repeat 4px 3px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.online{
    width: 140px;
    height: 31px;
    float:right;
    padding: 17px 15px 0px 0px;
    background: url(../../images/sitebuilder/icons/webcam.png) no-repeat 115px 3px;
    display:block;
    margin:0;
    color: #313131;
}

h1.offline{
    width: 120px;
    height: 31px;
    float:right;
    padding: 17px 0px 0px 0px;
    display:block;
    margin:0;
    color: #313131;
}

h1.friend_online{
    padding: 17px 0px 0px 0px;
    margin:0;
    color: #313131;
}


h1.webcam{
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/camera-web.png) no-repeat 4px 3px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.sms{
    padding-top: 17px;
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/sms.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.home{
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/home.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.pictures{
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/pictures.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.guestbook{
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/guestbook.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
    border: none;
}

h1.friend{
    width: 320px;
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/friend.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

h1.movies{
    width: 320px;
    padding: 17px 0px 0px 60px;
    height: 31px;
    background: url(../../images/sitebuilder/icons/movies.png) no-repeat 4px 6px;
    float:left;
    display:block;
    margin:0;
    color: #313131;
}

/*** h2 tags ***/
h2{
    position: relative;
    margin:0;
    padding:0;
    font-size: 17px;
    font-weight:normal;
    font-family:"Arial",sans-serif;
    margin-bottom:6px;
    color: #b20000;
}

h2.phonenumber{
    position: relative;
    float:left;
    top: 4px;
    font-size: 24px;
    margin-left: 58px;
    width: 100%;
}

h2.sms{
    position: relative;
    text-align: center;
    top: 4px;
    font-size: 20px;
    margin:20px 0px 20px 0px;
}

h2.sms2{
    position: relative;
    text-align: center;
    top: 4px;
    font-size: 20px;
    height: 30px;
    margin:3px 0px 3px 0px;
    color: #313131;
}

h2.number{
    position: relative;
    text-align: center;
    top: 4px;
    font-size: 24px;
    color: #313131;
    margin:20px 0px 20px 0px;
}

img.flag{
    position:relative;
    padding-top: 4px;
}

img.autoFloat{
    position:relative;
    float: left;
    margin:5px 20px 0px 0px;
}

.pincode{
    position: relative;
    width: 75px;
    font-size: 24px;
    background-color: #fff8e6;
    border: 1px solid #666;
    float:left;
    margin: 0px 5px 13px 85px;
    text-align: center;
}

.default_button{
    position: relative;
    width: auto;
    top: -1px;
    height: 35px;
    font-size: 17px;
    color: #313131;
}

label{
    position: relative;
    width: 150px;
    height: 20px;
    float: left;
    font-weight:bold;
}

.clear{
    position: relative;
    clear:both;
}


div.hr {
    height: 2px;
    background-image: url('../../images/sitebuilder/hr.jpg');
}
div.hr hr {
    display: none;
}

.autoFloatLeft{
    position: relative;
    float: left;
    margin-right: 20px;
}

.autoFloatLeft label{
    position: relative;
    width: 150px;
    height: 10px;
    float: left;
    font-weight:bold;
    line-height: 100%;
}

.autoFloatRight{
    position: relative;
    float: right;
}

/*** profileCnt ***/
.profileCnt{
    position: relative;
    width: 465px;
    height: 110px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    overflow:hidden;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #ededed;
}

.profileCnt .c1{
    position: relative;
    width: 127px;
    margin-right: 5px;
}

.profileLinks{
	position: absolute;
	top: 92px;
	right: 8px;
	width: 300px;
	height: 20px;
	z-index: 10;
	text-align: right;
}

/*** guestbook container ***/
.guestbook{
    position: relative;
    width: auto;
    padding: 0px 0px 10px 50px;
    background: url(../../images/sitebuilder/icons/guestbook_sub.png) no-repeat 0px 0px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #313131;
}

.footer{
    position: relative;
    width: auto;
    text-align: center;
    height: 30px;
}

/* default link classes */ 
a { color: #7b0101; 	text-decoration:none; }
a:hover { color: #b20000;	text-decoration:none;}