@charset "utf-8";

body {
text-align:center;
color:#85817a;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
background-color:#a18b71;
background-image:url(/assets/templates/diya/img/bg.jpg);
background-attachment:fixed;
background-repeat:repeat-x;
background-position:left top;
line-height:14px;
margin:0;
padding:0
}

a {
color:#390
}

a:hover {
color:#216600
}

div.social_block {
text-align:center;
position:relative;
top:36px;
left:0;
display:block;
height:82px;
float:left;
width:230px;
margin-left:10px;
padding-top:5px;
background-image:url(http://www.diyatravel.com/assets/templates/diya/img/africa_share.gif);
background-repeat:no-repeat;
background-position:-10px 0
}

#ajaxmenu {
position:relative;
width:830px;
height:28px;
z-index:65;
background-color:#ccc5bb;
text-transform:capitalize;
font-weight:400;
float:left
}

.diya #container {
width:830px;
text-align:left;
background-color:#FFF;
margin:1px auto 0
}

.diya #header {
background-image:url(/assets/templates/diya/img/hbg.gif);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:left top;
height:103px;
width:830px
}

.diya #mainnav {
background-color:#ccc5bb;
height:28px
}

.diya #sidebar1 {
float:left;
width:175px;
margin:12px 0 0 15px;
padding:0
}

.diya #mainpages {
min-height:500px;
float:left;
width:532px;
position:relative;
background-color:#FFF;
margin:18px 0 0;
padding:0 12px 0 18px
}

#engine {
float:left;
width:800px;
left:8px;
position:relative
}

.diya #sidebar2 {
float:right;
width:254px;
margin:12px 11px 0 0;
padding:0
}

.diya #container #sidebar2 #children {
width:254px;
margin-top:0;
margin-right:0;
margin-left:0;
float:left;
padding:0
}

.diya #container #sidebar2 #children #childtop {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/childtop.png);
background-repeat:no-repeat;
background-position:left top;
height:43px;
font-size:12px;
text-transform:none
}

.diya #container #sidebar2 #children #childtop p {
font-size:12px;
text-transform:uppercase;
margin:0;
padding:15px 0 0 16px
}

.diya #container #sidebar2 #children #childbot p {
font-size:12px;
margin:0;
padding:1px 0 0 16px
}

.diya #container #sidebar2 #children #childmid {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/childmid.png);
background-repeat:repeat-y;
background-position:left top;
padding-left:30px
}

.diya #container #sidebar2 #children #childmid ul {
margin:0;
padding:0 0 7px
}

.diya #container #sidebar2 #children #childmid .last {
height:15px;
border-style:none;
border-width:0
}

.diya #container #sidebar2 #children #childbot {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/childbot.png);
background-repeat:no-repeat;
background-position:left top;
height:41px
}

.diya #diane {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/diane.jpg);
background-repeat:no-repeat;
height:87px;
width:220px;
top:36px;
float:left;
position:relative;
left:20px;
right:0;
bottom:0
}

.diya #diane p {
line-height:16px;
text-align:right;
font-size:14px;
padding-top:14px;
padding-right:10px;
margin:0
}

.diya #newsgo {
width:170px;
height:30px;
float:right;
position:relative;
top:37px;
right:5px;
text-align:right;
margin:0;
padding:0
}

.diya #container #sidebar2 #newsletter #newsgo #subscribe {
float:right;
position:relative;
margin:0;
padding:0
}

.diya #contactgo {
width:170px;
height:30px;
float:right;
position:relative;
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/go.png);
background-position:135px;
background-repeat:no-repeat;
top:37px;
right:5px;
text-align:right;
margin:0;
padding:0
}

.diya #container #sidebar2 #newsletter {
height:179px;
width:254px;
background-image:url(/assets/templates/diya/img/newsletter.png);
float:left;
position:relative;
margin:0 0 5px;
padding:0
}

.diya #newsletter h2 {
font-size:14px;
color:#756c5b;
float:left;
width:200px;
top:21px;
right:0;
left:24px;
bottom:0;
position:relative;
text-transform:uppercase;
font-weight:400;
margin:0;
padding:0
}

.diya #news {
height:87px;
width:228px;
top:37px;
float:left;
position:relative;
left:15px;
right:0;
bottom:0;
text-align:left;
margin:0;
padding:0
}

.diya #news p {
line-height:14px;
text-align:left;
font-size:11px;
margin:0;
padding:7px 5px 0 0
}

.diya #main {
min-height:500px;
float:left;
width:351px;
position:relative;
margin:18px 0 0;
padding:0 12px 0 10px
}

.diya #infopanel {
background-image:url(/assets/templates/diya/img/infopanel.png);
float:left;
height:179px;
width:173px;
z-index:55;
position:relative;
margin:0 0 5px;
padding:0
}

.diya #infopanelpic {
height:98px;
width:156px;
position:relative;
float:right;
top:-6px;
right:11px;
margin:0;
padding:0
}

.diya #infopanel h2 {
font-size:12px;
color:#756c5b;
text-align:center;
float:left;
width:173px;
top:-14px;
right:0;
left:0;
bottom:0;
position:relative;
text-transform:uppercase;
font-weight:400;
margin:0 0 0 -3px;
padding:0
}

.diya #infogo {
width:170px;
height:30px;
float:left;
position:relative;
top:139px;
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/go.png);
background-position:137px;
background-repeat:no-repeat;
margin:0;
padding:0
}

.diya #infogo p {
float:right;
position:relative;
top:8px;
right:35px;
text-align:right;
width:127px;
margin:0;
padding:0
}

.diya #infopic {
float:left;
margin-left:-50px;
z-index:1;
overflow:hidden;
height:149px;
width:225px;
display:inline;
position:relative;
visibility:visible;
margin-top:12px
}

.diya #bnav {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/bnav.gif);
background-repeat:no-repeat;
background-position:left top;
height:43px;
font-size:10px;
text-align:center;
color:#A18B71
}

.diya #bnav p {
padding-top:18px;
margin:0
}

.diya #bnav a {
color:#756c5b;
text-decoration:none
}

.diya #bnav a:hover {
color:#433E34
}

.diya #footer {
padding-right:10px;
padding-left:20px;
color:#EEE;
float:left;
background-color:#A18B71
}

.diya #footer p {
margin:0;
padding:10px 0
}

.fltrt {
float:right;
margin-left:8px
}

.fltlft {
float:left;
margin-right:8px
}

.clearfloat {
clear:both;
height:0;
font-size:1px;
line-height:0
}

#banner {
width:794px;
text-align:left;
height:346px;
float:left;
background-color:#FFF;
overflow:hidden;
margin:18px 0 0 18px;
padding:0
}

#box6 {
position:absolute;
width:635px;
background-color:#fff
}

#box6 span {
display:block
}

.mask6 {
position:absolute;
width:635px;
height:346px;
overflow:hidden
}

.sample6 .buttons {
clear:both;
text-align:center
}

.thumbs {
width:150px
}

.thumbs div {
display:block;
width:150px;
height:86px;
cursor:pointer;
margin:0 0 2px 4px
}

.thumbs div img {
display:block;
width:100%;
height:100%;
border:none
}

.info {
width:635px;
height:50px;
position:absolute;
background-color:#51473d;
margin-top:296px
}

.info p,.info h2 {
color:#edcda0;
font-family:Verdana,Arial,Helvetica,sans-serif;
padding:3px 8px
}

.info p {
margin-top:5px;
margin-right:0;
margin-left:12px;
padding:0
}

.info h2 {
font-size:16px;
font-weight:700;
margin:7px 0 0 12px;
padding:0
}

.info h2 a {
float:right;
color:#333;
font-size:10px;
text-decoration:none;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin-right:10px;
margin-top:12px;
background-color:#fff;
padding:1px 4px
}

#banner span img {
display:block;
border:none
}

.diya #search {
float:right;
width:220px;
margin-top:30px;
padding:0
}

.diya #logo {
float:left;
width:200px;
position:relative;
display:inline;
margin:8px 0 0 26px;
padding:0
}

#search {
position:relative;
width:490px;
z-index:2
}

.button {
width:auto !important;
height:auto !important;
margin-top:5px !important;
margin-bottom:5px !important;
padding:2px !important
}

.sbutton {
font-size:12px;
background-color:#FFF;
color:#5E5043;
float:left;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-top-color:#7D6B55;
border-right-color:#7D6B55;
border-bottom-color:#7D6B55;
height:24px;
padding-bottom:6px;
width:60px;
margin-left:0;
padding-top:3px
}

.ibutton {
font-size:12px;
background-color:#FFF;
color:#5E5043;
float:left;
border-top-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-bottom-style:solid;
border-top-color:#7D6B55;
border-bottom-color:#7D6B55;
height:18px;
padding-bottom:3px;
line-height:12px;
padding-top:3px;
border-left-width:1px;
border-left-style:solid;
border-left-color:#7D6B55
}

#dirsearch-txt {
position:absolute;
top:0;
left:0;
width:118px;
height:21px;
color:#4E5760;
font-size:13px;
line-height:23px
}

#dirsearch-inp {
position:absolute;
top:0;
left:123px;
width:201px;
height:18px
}

#dirsearch-btn {
position:absolute;
top:0;
left:329px;
width:70px;
height:21px
}

#dirsearch-txt2 {
position:absolute;
top:3px;
left:405px;
width:170px;
height:21px;
color:#4E5760
}

#dirsearch-txt2 a {
color:#4E5760
}

#join {
position:relative
}

#join-inp {
margin-top:5px;
width:158px;
height:18px
}

#join-btn {
margin-top:5px;
width:120px;
height:21px
}

* {
margin:0;
padding:0
}

#TB_window {
font:12px Arial,Helvetica,sans-serif;
position:fixed;
background:#fff;
z-index:1002;
color:#000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%
}

#TB_secondLine {
font:10px Arial,Helvetica,sans-serif;
color:#666
}

#TB_window a:hover {
color:#000
}

#TB_overlay {
position:fixed;
z-index:1000;
top:0;
left:0;
height:100%;
width:100%
}

.TB_overlayMacFFBGHack {
background-image:url(/assets/templates/diya/img/macFFBgHack.png);
background-repeat:repeat
}

.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75px;
opacity:0.75px
}

#TB_window img#TB_Image {
display:block;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
margin:15px 0 0 15px
}

#TB_caption {
height:25px;
float:left;
padding:7px 30px 10px 25px
}

#TB_closeWindow {
height:25px;
float:right;
padding:11px 25px 10px 0
}

#TB_closeAjaxWindow {
margin-bottom:1px;
text-align:right;
float:right;
padding:7px 10px 5px 0
}

#TB_ajaxWindowTitle {
float:left;
margin-bottom:1px;
padding:7px 0 5px 10px
}

#TB_title {
background-color:#e8e8e8;
height:27px
}

#TB_ajaxContent {
clear:both;
overflow:auto;
text-align:left;
line-height:1.4em;
padding:2px 15px 15px
}

#TB_ajaxContent.TB_modal {
padding:15px
}

#TB_ajaxContent p {
padding:5px 0
}

#TB_load {
position:fixed;
display:none;
height:13px;
width:208px;
z-index:1003;
top:50%;
left:50%;
margin:-6px 0 0 -104px
}

#TB_HideSelect {
z-index:990;
position:fixed;
top:0;
left:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%
}

#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px
}

.collections {
width:528px
}

.collections #top {
background-image:url(/assets/templates/diya/img/collection_top.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
height:34px;
width:528px
}

.collections #mid {
background-attachment:scroll;
background-image:url(/assets/templates/diya/img/collection_mid.gif);
background-repeat:repeat-y;
background-position:left top;
float:left;
width:508px;
padding:5px 10px 6px
}

.collections #special {
float:left;
position:relative;
width:70px;
left:-13px;
top:-13px;
margin-bottom:-80px;
z-index:999
}

.collections #bot {
background-image:url(/assets/templates/diya/img/collection_bot.gif);
background-repeat:no-repeat;
background-position:left top;
height:6px;
width:528px;
float:left;
margin-bottom:10px;
background-attachment:scroll
}

.collections #mid p {
padding-right:10px;
padding-left:10px;
float:left;
text-align:justify;
margin:0
}

.collections #mid #thumb {
float:left;
top:-22px;
position:relative;
left:5px;
width:172px;
margin:0 15px -10px 0;
padding:0
}

.collections #top #go {
float:right;
padding-top:5px;
padding-right:10px
}

.collections #top h2 {
float:left;
position:relative;
top:10px;
left:198px
}

.collections #top a {
text-decoration:none;
color:#9a896b
}

#warning {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:700;
color:#FFF;
background-color:red;
background-position:0 0;
text-align:center;
width:100%;
height:22px;
position:absolute;
visibility:visible;
left:0;
top:0;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#FFF;
z-index:9000;
padding:10px
}

#back {
float:right;
top:5px;
position:relative;
color:#393;
right:8px
}

#back a {
color:#390;
text-decoration:none
}

#enginetop {
background-image:url(/assets/templates/diya/img/engine_top.png);
float:left;
height:50px;
width:820px;
top:-20px;
position:relative;
z-index:6666;
left:6px
}

#enginemid {
background-image:url(/assets/templates/diya/img/engine_mid.jpg);
position:relative;
width:820px;
left:6px;
background-repeat:repeat-y;
float:left;
top:-20px
}

#enginebot {
background-image:url(/assets/templates/diya/img/engine_bot.jpg);
float:left;
width:820px;
position:relative;
left:6px;
top:-20px;
height:50px
}

#enginetop h1 {
font-size:16px;
color:#9a896b;
line-height:18px;
font-weight:400;
top:15px;
position:relative;
left:20px;
margin:0 0 12px;
padding:3px 0 0
}

.collections #icons {
clear:both;
float:left;
width:500px;
position:relative;
padding:2px
}

.collections #icons img {
display:inline;
padding-top:0;
padding-right:3px;
padding-bottom:3px;
float:left;
height:25px;
width:25px
}

.diya #container #header #summary {
float:left;
position:relative;
top:21px;
left:90px;
width:215px;
height:60px;
font-size:14px;
line-height:16px
}

.sbutton:hover {
font-size:12px;
background-color:#FFF;
color:#090;
float:left;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-top-color:#7D6B55;
border-right-color:#7D6B55;
border-bottom-color:#7D6B55;
height:24px;
padding-bottom:6px;
width:60px
}

.lfoot {
float:left;
margin-top:5px;
margin-bottom:10px;
padding-top:5px;
padding-right:7px;
width:50px;
position:relative
}

.rfoot {
float:right;
margin-top:5px;
margin-bottom:10px;
padding-top:5px;
padding-left:7px;
width:50px;
position:relative
}

.centre {
text-align:center;
float:left;
position:relative;
margin-top:5px;
margin-bottom:15px;
color:#D8D8D8;
padding-bottom:15px;
width:685px
}

.centre a {
color:#EFEFEF
}

fieldset h3 {
margin-top:5px;
margin-bottom:5px
}

fieldset {
border:1px none #FFF
}

.paginationstyle {
width:530px;
text-align:center;
float:left;
padding-left:1px
}

.paginationstyle select {
border:1px solid #F0EDE4;
margin:0 15px
}

.paginationstyle a {
text-decoration:none;
color:#8d7c5f;
padding-top:7px;
float:left;
width:130px;
margin-right:2px;
margin-bottom:3px;
position:relative;
text-align:center;
padding-bottom:2px;
font-size:12px;
line-height:12px;
height:17px;
background-image:url(/assets/templates/diya/img/pageinate_off.gif)
}

.paginationstyle a:hover,.paginationstyle a.selected {
color:#000;
background-color:#FFF
}

.paginationstyle a.imglinks {
border:0;
padding:0
}

.paginationstyle a.imglinks img {
vertical-align:bottom;
border:0
}

.paginationstyle a.imglinks a:hover {
background:none
}

.paginationstyle .flatview a:hover,.paginationstyle .flatview a.selected {
color:#776b57;
background-image:url(/assets/templates/diya/img/pageinate_on.gif)
}

.pager {
margin-top:10px;
float:left
}

#diyateam h3 {
width:234px;
float:left;
letter-spacing:1px;
text-align:center;
height:21px;
padding-top:7px;
color:#756c5b;
font-size:12px;
font-weight:400;
margin:0
}

#grant_bio img,#astrid_bio img {
float:left
}

#grant_bio p {
float:right;
width:140px;
letter-spacing:normal;
text-align:left;
margin:0;
padding:5px 0 0
}

#diyateam #grant_bio,#astrid_bio {
float:left;
width:225px;
position:relative;
padding:3px 0 5px 5px
}

#diyateam #di_bio {
float:left;
width:220px;
position:relative;
padding:3px 5px
}

#astrid_bio p {
float:right;
width:140px;
letter-spacing:normal;
text-align:left;
margin:0;
padding:1px 0 0
}

#di_bio p {
float:left;
width:130px;
letter-spacing:normal;
text-align:left;
margin:0;
padding:10px 0 0 10px
}

.diya #container #sidebar2 #diyateam {
background-image:url(/assets/templates/diya/img/diya_travel_team.png);
background-repeat:no-repeat;
height:370px;
width:234px;
float:right;
position:relative;
background-attachment:scroll;
background-position:left top;
margin:0 0 5px;
padding:0 10px
}

.collections #mid #thumb img {
float:left;
position:relative;
margin:0;
padding:0
}

#addthis {
text-align:center;
width:100%
}

#sm p {
width:230px;
position:relative;
float:left;
top:25px;
height:118px;
padding:5px 3px 3px 10px
}

#addthis2 {
text-align:center;
float:left;
width:233px;
position:relative;
top:44px;
left:10px
}

#mainpages ul,#main ul {
list-style-type:none;
margin-top:5px;
margin-left:5px;
padding:0
}

.TXNewsletters_form {
width:450px;
margin-top:2px;
margin-bottom:2px
}

.menu {
width:830px;
position:relative;
font-size:12px;
z-index:100;
text-transform:uppercase
}

.menu ul li a,.menu ul li a:visited {
display:block;
text-decoration:none;
width:136px;
height:28px;
text-align:center;
color:#fff;
background:#ccc5bb;
line-height:28px;
font-size:11px;
overflow:hidden;
border-left-width:1px;
border-left-style:solid;
border-left-color:#ccc5bb
}

.menu ul {
list-style-type:none;
margin:0;
padding:0
}

.menu ul li {
float:left;
margin-right:1px;
position:relative
}

.menu ul li:hover a {
color:#51473D;
background-color:#fff
}

.menu ul li:hover ul {
display:block;
position:absolute;
top:28px;
left:0;
width:136px;
background-color:#FCFBF8
}

.menu ul li:hover ul li a.hide {
color:#51473D;
background-color:#FCFBF8
}

.menu ul li:hover ul li:hover ul li:hover a.hide_two {
color:#51473D;
background-color:#F6F3EE;
width:160px
}

.menu ul li:hover ul li a {
display:block;
color:#51473D
}

.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:137px;
top:0
}

.menu ul li:hover ul li:hover ul.left {
left:-137px
}

.last {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#ccc5bb;
height:27px
}

.menu ul li:hover ul li:hover ul li a.hide_two {
color:#51473D;
background-color:#FCFBF8;
width:160px
}

.diya #container #mainpages h1,.diya #container #main h1 {
font-size:16px;
color:#9a896b;
line-height:18px;
font-weight:400;
margin:0 0 12px;
padding:3px 0 0
}

.diya #container #mainpages h2,.diya #container #main h2,.diya #enginetop h2 {
font-size:14px
}

.diya #container #mainpages p,.diya #container #main p {
line-height:16px;
text-align:justify
}

.diya #container #sidebar2 #contact,.diya #container #sidebar2 #sm {
height:179px;
width:254px;
background-image:url(/assets/templates/diya/img/contact.png);
float:left;
position:relative;
margin:0 0 5px;
padding:0
}

.diya #contact h2,.diya #sm h2 {
font-size:14px;
color:#756c5b;
float:left;
width:150px;
top:21px;
right:0;
left:24px;
bottom:0;
position:relative;
text-transform:uppercase;
font-weight:400;
margin:0;
padding:0
}

.diya #contactgo p,.diya #newsgo p {
float:right;
position:relative;
top:8px;
right:45px;
font-size:12px;
margin:0;
padding:0
}

.diya #sidebar2 a,.diya #infopanel a {
color:#8e8472;
text-decoration:none
}

.diya #sidebar2 a:hover,.diya #infopanel a:hover {
color:#433E34;
text-decoration:none
}

.diya #container #sidebar2 #newsletter #news #Surname,.diya #container #sidebar2 #newsletter #news #Name,.diya #container #sidebar2 #newsletter #news #Email {
float:right;
height:18px;
width:125px;
margin:0 0 2px;
padding:0
}

#handles6_1,#handles6_2 {
float:right;
width:150px
}

#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus {
color:#666
}

* html #TB_overlay,* html #TB_HideSelect {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')
}

* html #TB_window,* html #TB_load {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) 0 (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) 0 'px')
}

#cfMessage,#cfRegarding,#cfName,#cfEmail {
width:200px;
margin-top:5px
}

#di_bio img,#grading img {
float:right
}

#addthis a,#addthis img {
text-align:center
}

.menu ul li ul,.menu ul li:hover ul li ul {
display:none
}

.menu ul li:hover ul li:hover a.hide,.menu ul li:hover ul li a:hover {
color:#51473D;
background-color:#F6F3EE
}