* { margin:0; padding:0 }
body { font-size:12px; font-family:Tahoma, Arial, sans-serif; color:#69644A; height:100.1%; background:#F4F2E6 }
#body { background:#F4F2E6 url(../images/background.jpg) repeat-x }
html { height:100.1% }
body, td { line-height:130% }
a { color:#752121 }
a:hover { color:#3F1614 }
img { padding:0; margin:0; border:none }
li { list-style:none; background:url(../images/menu-list.gif) no-repeat 0 5px; padding-left:10px }

/*___________________MAIN LAYOUT________________*/
#wrapper { width:940px; margin:0 auto }
#logo { width:350px; height:126px; float:left; margin:0 }
#header { height:204px; width:940px; background:url(../images/header.jpg) no-repeat; margin:0 auto }
#topRight {width:590px; float:right }
#topLinks { float:right; margin:15px 10px 0 0; font-size:1em }
#topLinks a { color:#fff; text-decoration:none; margin:0 4px  }
#topLinks a:hover { text-decoration:underline }
#topLinks li { list-style:none; display:inline; background:url(../images/list.gif) no-repeat 0 5px; padding-left:5px }

a.grunLinks:link{color:#9b8810; text-decoration:none}
a.grunLinks:visited{color:#9b8810; text-decoration:none}
a.grunLinks:hover{color:#9b8810; text-decoration:underline}

#nav { font-size:1.2em; font-weight:bold; background:url(../images/nav-button.gif) repeat-x left bottom; margin:75px 15px 0 0; float:right; height:33px }
#nav ul { margin:0; list-style:none; padding:0 }
#nav a, #nav strong, #nav span { float:left; display:block; color:#fff; padding:0 10px 0 7px; background: url(../images/nav-button.gif) no-repeat 100% 0px; text-decoration:none }
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav li { float:left; background:url(../images/nav-button.gif) no-repeat 0px 0px; margin:0 0 0 1px; padding:0 0 0 3px; line-height:33px }
#nav a:hover { color:#fff; text-decoration:underline }

#contentWrapper { width:910px; margin:0 auto }
#mainRight { width:670px; float:right; margin:0 }
#templateRight { width:545px; float:right; margin:0; text-align:center }
#leftColumn { width:176px; float:left; border:1px solid #d7d4c1; background:#fff; padding:13px; margin:0 0 0 10px }
#leftTemplate { width:300px; float:left; border:1px solid #d7d4c1; background:#fff; padding:13px; margin:0 0 0 10px }
#footer { width:940px; height:150px; margin:0 auto 15px auto; background:url(../images/footer.jpg) top no-repeat }
#footer .text { width:860px; padding:40px 0 10px 0; text-align:center; font-size:0.9em; margin:auto }

.hotel-template { height:197px; width:150px; float:left; margin:0 7px !important; margin:0 6px; border:1px solid #d4d2be; background:#fff; font-size:90% }
.joomla-hotel-template { height:210px; width:150px; float:left; margin:0 7px !important; margin:0 6px; border:1px solid #d4d2be; background:#fff; font-size:90% }
.hotel-template a, .joomla-hotel-template a { color:#69644A; text-decoration:none }
.hotel-template a:hover, .joomla-hotel-template a:hover { color:#3F1614 }
.hotel-template img, .joomla-hotel-template img  { margin:0; padding:0; border:0; clear:both; vertical-align:bottom }
.last-added { height:210px; width:150px; margin:0 auto; border:1px solid #d4d2be; background:#fff; font-size:.9em }
.template-price { background:url(../images/template-bg.gif) repeat-x; border:1px solid #d4d2be; width:34px; float:left; margin:1px; padding:2px; text-align:center; display:inline  }
.template-item { background:url(../images/template-bg.gif) repeat-x; border:1px solid #d4d2be; width:101px; float:right; margin:1px 1px 1px 0; padding:2px; text-align:center; display:inline }

.template-desc { width:auto; margin:0 1px 1px 1px; padding:2px; text-align:center }
.required-software { width:90%; border:1px solid #d7d4c1; background:#fff; padding:13px; margin:0 }

/*________________GENERAL STYLES_________________*/
.left { float:left; position:relative }
.right { float:right; position:relative }
.clear, div .clear { clear:both; padding:0; margin:0 }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer	{ height:15px; clear:both }
hr { height:1px; color:#E2973A }
.imgRight { float:right; margin:0 0 10px 10px; position:relative; border:3px double #C8C5B0  }
.imgLeft { float:left; margin:0 10px 10px 0; position:relative; border:3px double #C8C5B0 }
.border { border:1px solid #ccc }
.button { width:68px; height:20px; border:none; padding:0; margin:5px 0 0 0; color:#fff; font-size:0.9em; background:url(../images/button.png) no-repeat }
a.readon { color:#fff; background:url(../images/read.gif) no-repeat; display:block; width:100px; height:40px; padding:2px 0 4px 0; font-weight:bold; text-decoration:none; text-align:center; float:right }
a.readon:hover { color:#fff; background:url(../images/read-h.gif) no-repeat }

h1 { font-size:1.4em; line-height:140% }
h2 { font-size:1.3em }
h3 { font-size:1.2em }
h4 { font-size:1.1em }