/* CSS Document */

body{
background:url(http://www.trulyremote.com/images/mainbg.jpg) top repeat;
margin:0;
font:normal 15px Georgia, "Times New Roman", Times, serif;
color:#000000;
}

.wrapper{
background:url(http://www.trulyremote.com/images/layout.jpg) top center repeat-y;
width:100%;
float:left;
clear:left;
}

.header{
background:url(http://www.trulyremote.com/images/headerbg.jpg) top center no-repeat;
float:left;
clear:left;
width:100%;
}

.footer{
background:url(http://www.trulyremote.com/images/footerbg.jpg) center bottom no-repeat;
float:left;
clear:left;
width:100%;
padding-bottom:30px;
}


.main{
width:994px;
margin:0 auto;
}


.layout{
width:994px;
float:left;
clear:left;
}


.headertop{
width:100%;
height:53px;
float:left;
clear:left;

}


.logoarea{
width:100%;
height:122px;
float:left;
clear:left;
}
.compass{
width:160px;
position:absolute;
padding-left:280px;
z-index:1000;
margin-top:-50px;
}


.topmenu{
width:546px;
height:116px;
float:right;
}

.topmenu a.home{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
width:68px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.home:hover{
background-position:0 -116px;
}

.topmenu a.europe{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-68px 0;
width:69px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.europe:hover{
background-position:-68px -116px;
}

.topmenu a.america{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-137px 0;
width:85px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.america:hover{
background-position:-137px -116px;

}

.topmenu a.asia{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-222px 0;
width:71px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.asia:hover{
background-position:-222px -116px;

}

.topmenu a.africa{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-295px 0;
width:70px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.africa:hover{
background-position:-295px -116px;

}

.topmenu a.australia{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-366px 0;
width:82px;
height:116px;
display:block;
float:left;
clear:right;
margin-left:3px;
}
.topmenu a.australia:hover{
background-position:-366px -116px;

}

.topmenu a.antarctica{
background:url(http://www.trulyremote.com/images/menu.jpg) top left no-repeat;
background-position:-448px 0;
width:93px;
height:116px;
display:block;
float:left;
clear:right;
}
.topmenu a.antarctica:hover{
background-position:-448px -116px;

}

.contentarea{
width:914px;
float:left;
clear:left;
padding:0 40px;
}


.contentarea2{
width:914px;
float:left;
clear:left;
padding:0 40px;
background:url(http://www.trulyremote.com/images/border.gif) top left repeat-y;
background-position:740px 0;
}
.leftpanel{
width:384px;
float:left;
clear:right;
padding-top:20px;
}

.leftpanel div.row1{
width:384px;
float:left;
clear:left;
letter-spacing:1px;
line-height:18px;
}

.leftpanel div.row1 h1{
width:384px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:center;
text-transform:uppercase;
}

.leftpanel div.row1 h2{
	font-size:16px;

}

.leftpanel div.row1 h3{
width:384px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:center;
text-transform:uppercase;

}

img.ad{

float:left;
clear:right;
margin-right:10px;
margin-bottom:10px;
color:#CCAA44;
display:block;
}


.rightpanel{
width:502px;
float:right;
padding-top:20px;
}


.rightpanel div.row1{
width:502px;
float:left;
clear:left;
padding-bottom:10px;
}


.rightpanel div.row1 h1{
width:502px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:center;
text-transform:uppercase;
}
.rightpanel div.googlead{
text-align:center;
width:100%;
float:left;
clear:left;
padding-bottom:10px;
}

.rightpanel div.row1 span.left{
width:47%;
float:left;
clear:right;
padding-bottom:10px;
display:block;
}
.rightpanel div.row1 span.right{
width:47%;
float:right;
clear:right;
padding-bottom:10px;
display:block;
}

.rightpanel div.row1 span.text{
width:120px;
float:left;
clear:left;
display:block;
padding-left:15px;
background:url(http://www.trulyremote.com/images/border.gif) top left repeat-y;

}

.rightpanel div.row1 span.pic{
width:86px;
height:78px;
float:right;
clear:right;
display:block;
border:solid 1px #b98138;
}

.gallery{
width:502px;
float:left;
clear:left;
padding-bottom:10px;
}


.frame{
width:502px;
height:383px;
float:left;
clear:left;
background:url(http://www.trulyremote.com/images/frame_2.gif) no-repeat;
}


.frame div.img{
width:458px;
height:340px;
margin:22px 0 0 22px;
background-repeat:no-repeat;
}

.frame div.img span{
width:428px;
float:left;
clear:left;
margin-top:302px;
height:28px;
padding:10px 15px 0 15px;
color:#FFFFFF;
font:bold 14px Georgia, "Times New Roman", Times, serif;
}


.thumbnail{
width:491px;
float:left;
clear:left;
background:#513409;
padding:10px 0 0 10px;
margin-left:1px;
}

.thumbnail_row{
width:491px;
float:left;
clear:left;
padding-bottom:9px;
}

.thumbnail a{
border:solid 2px #FFFFFF;
display:block;
width:68px;
height:50px;
margin:0 9px 0px 0;
float:left;
clear:right;
}


.thumbnail a:hover{
border:solid 2px #000000;
display:block;
width:68px;
height:50px;
float:left;
}





.rightpanel2{
width:220px;
float:right;
padding-top:20px;
}


.rightpanel2 div.row1{
width:200px;
float:left;
clear:left;
padding-bottom:10px;
padding-left:20px;
}



.rightpanel2 div.row1 h1{
width:200px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:center;
text-transform:uppercase;
}
.rightpanel2 div.row1 a{
width:185px;
float:left;
clear:left;
padding-bottom:10px;
padding-left:1px;
text-decoration:none;
font:normal 12px Georgia, "Times New Roman", Times, serif;
color:#000000;
display:block;
}
.rightpanel2 div.row1 a:hover{
color:#6d4704;
text-decoration:underline;

}



.leftpanel2{
width:680px;
float:left;
clear:right;
padding-top:20px;
}

.leftpanel2 div.row1{
width:680px;
float:left;
clear:left;
letter-spacing:1px;
line-height:18px;
}

.leftpanel2 div.row1 h1{
width:680px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:center;
text-transform:uppercase;
}




.leftpanel2 h1{
width:680px;
font:bold 18px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:left;
text-transform:uppercase;
}

.leftpanel2 h2{
width:680px;
font:bold 16px Georgia, "Times New Roman", Times, serif;
color:#6d4704;
padding:5px 0;
float:left;
clear:left;
margin:0;
display:block;
text-align:left;
text-transform:uppercase;
}



.footerbox{
width:994px;
float:left;
clear:left;
padding-top:50px;
color:#FFFFFF;
}


.footerbox span.left{
width:270px;
float:left;
clear:right;
padding-left:40px;
}

.footerbox span.right{
width:500px;
float:right;
clear:right;
text-align:right;
padding-right:40px;
}

.footerbox a{
font:normal 15px Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
text-decoration:none;
}
.footerbox a:hover{
font:normal 15px Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
text-decoration:underline;
}


.catrow{
width:680px;
float:left;
clear:left;
background:url(http://www.trulyremote.com/images/border2.gif) bottom repeat-x;
padding-bottom:10px;
padding-top:10px;
display:block;
}
.catrow span.img{
width:120px;
height:120px;
float:left;
clear:right;
display:block;
border:solid 2px #762b00;
}

.catrow span.text{
width:540px;
float:right;
clear:right;
display:block;
}

.catrow span.textrow{
width:540px;
float:left;
clear:left;
display:block;
}
.catrow span.text a.readmore{
float:right;
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:#762b00;
text-decoration:none;
}


.catrow span.text a.readmore:hover{
float:right;
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:#000000;
text-decoration:none;
}



.woodbox{
background:#3e0000;
width:197px;
float:left;
clear:left;
margin-left:20px;
margin-bottom:20px;
}
.woodbox_top{
background:url(http://www.trulyremote.com/images/woodbox_top.jpg) top no-repeat;
width:197px;
float:left;
clear:left;
}
.woodbox_bot{
background:url(http://www.trulyremote.com/images/woodbox_box.jpg) bottom no-repeat;
width:197px;
float:left;
clear:left;
padding:0 0px 4px 0;
}

.woodbox_mid{
background:url(http://www.trulyremote.com/images/woodbg.jpg) top repeat-y;
width:194px;
float:left;
clear:left;
}


.woodbox_mid h1{
font:normal 18px Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
margin:0;
padding:10px;
display:block;
float:left;
clear:left;
width:174px;
}
.woodbox_mid h2{
font:normal 12px Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
margin:0;
padding:10px;
display:block;
float:left;
clear:left;
line-height:20px;
width:174px;
}

.woodbox_mid span.row1{
width:194px;
float:left;
clear:left;
display:block;
text-align:center;
}
.woodbox_mid strong{
color:#ffa85d;
font-size:14px;

}