/* CSS Document */
html{overflow-y:scroll}
body{background:#D5AB33 url('/images/css/background.gif') repeat-x top left;color:#333;font-family:Verdana, sans serif;font-size:11px;margin:0;padding:0;line-height:2em}
a{text-decoration:none;color:#333}
a:hover{text-decoration:underline;background:#D5AB33}
p{margin:3px 0}
h4{font-weight:700;margin:5px 0}

/* CONTAINER */
#container{background:url('/images/homepage.jpg') no-repeat top left;width:850px;height:600px;margin-left:auto;margin-right:auto;width:706px}

/* NAVIGATION */
#navigation{margin-top:150px;float:right;text-align:bottom}
#navigation ul{list-style-image:url('/images/css/arrow.jpg');list-style-type:disc;list-style-position:outside;text-transform:uppercase}
#navigation ul li a{display:block}

/* HOME CONTENT */
.home{display:block;clear:both;padding-top:383px;height:139px;font-size:10px;line-height:1.3em}
.home a:hover{background:none}
.home p{margin:10px 0;padding:20px 14px 0 14px}
.home ul{list-style-image:url('/images/css/arrow.jpg');list-style-type:disc;list-style-position:outside;padding:20px 13px 0 25px}
.home li{line-height:15px}
.home li a{display:block}
.home #services{display:inline;float:left;margin-left:8px;background:transparent url(/images/css/home-services.jpg) no-repeat scroll 0 0;width:139px;height:139px}
.home #portfolio{display:inline;float:left;background:transparent url(/images/css/home-portfolio.jpg) no-repeat scroll 0 0;width:139px;height:139px}
.home #about{display:inline;float:left;background:transparent url(/images/css/home-about-tdu.jpg) no-repeat scroll 0 0;width:139px;height:139px}
.home #contact{display:inline;float:left;background:transparent url(/images/css/home-contact.jpg) no-repeat scroll 0 0;width:139px;height:139px}
.home #contact p.indent{padding-left:54px}
.home #contact .jen{font-weight:700}
.home #contact .title{font-style:italic}
.home #shopping{display:inline;float:left;background:transparent url(/images/css/home-shopping.jpg) no-repeat scroll 0 0;width:139px;height:139px}
.home #shopping .travelerstouch{padding-top:88px;margin-left:3px}

/* GIVE BACK */
#giveback{display:block;clear:both;padding-top:10px;font-size:10px;line-height:1.3em}
#giveback p{margin-bottom:10px}
#giveback img{border: 1px solid #666666;margin-right:5px}
#giveback img .last{margin-right:0}

/* CONTENT */
.general{display:block;clear:both;padding:135px 20px 20px 20px}
.general .text{background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;float:right;margin-top:10px;padding:0 15px;width:450px;height:355px;-moz-border-radius:1em}
.general .text ul{list-style-image:url('/images/css/arrow.jpg');list-style-type:disc;list-style-position:outside}
.general .text .portfolio{margin-top:20px;text-align:center}

/* PORTFOLIO */
.general .flash{background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;float:left;margin-top:10px;padding:15px 15px 0;width:635px;height:450px;-moz-border-radius:1em;text-align:center;vertical-align:middle}
.general .flash .flashBorder{border:solid 1px #ccc;height:412px;width:496px;padding:0;margin:0 auto}

/* FORM ELEMENTS */
input{-moz-border-radius:10px;-webkit-border-radius:10px}
.input[type=submit],label,select,.pointer{cursor:pointer}

/* NAVIGATION */
#leftNavigation{float:left;display:block;width:165px;background:rgba(255, 255, 255, 0.75) none repeat scroll 0 0;margin:10px 20px 0 0;-moz-border-radius: 1em}
ul.menu{list-style-type:none;margin:0;padding:10px 0;width:15em}
ul.menu ul{list-style-type:none;margin:0;padding:0;width:15em}
ul.menu a{display:block;text-decoration:none}
ul.menu li{margin-top:1px;line-height:1em}
ul.menu li a{background:#333;color:#fff;padding:0.5em;line-height:auto}
ul.menu li a:hover{background:#000}
ul.menu li ul li a{background:transparent;color:#000;padding-left:20px;line-height:auto}
ul.menu li ul li a:hover{background:#aaa;border-left:5px #D5AB33 solid;padding-left:15px}
.code{border:1px solid #ccc;list-style-type:decimal-leading-zero;padding:5px;margin:0}
.code code{display:block;padding:3px;margin-bottom:0}
.code li{background:#ddd;border:1px solid #ccc;margin:0 0 2px 2.2em}
.indent1{padding-left:1em}
.indent2{padding-left:2em}
.indent3{padding-left:3em}
.indent4{padding-left:4em}
.indent5{padding-left:5em}

/* FOOTER */
#footer{clear:both;text-align:center;padding-top:25px}
#footer.giveback{padding-top:0px}
#footer p{color:#ffffff;font-size:95%}