@import url("inc/base.css"); @import url("inc/fancybox/fancybox.css");

body {background:url(images/bg.jpg) repeat-x; font-size:13px; margin:0; color:#222; text-align:center; font:normal 12px "Lucida Sans Unicode",arial,sans-serif; }
#page {background:url(images/bg2.jpg) no-repeat; margin:0 auto; padding:0 10px; text-align:left; width:960px; position:relative;}
.wrap {margin:0 auto; padding:10px; text-align:left; width:960px;}

body.home {background:url(images/home-bg.jpg) repeat-x;}
body.home #page {background:url(images/home-bg2.jpg) repeat-x;}

a {color:#800; text-decoration:underline;}

/* headings  */
	h1,h2,h3,h4 {font:bold 32px arial,sans-serif; margin:0 0 15px; text-align:left; font-weight:normal;}
	h2,h3 {display:block; font-size:24px; margin:0 0 10px; text-align:right; width:auto;}
	h3 {font-size:22px; text-align:left; color:#f60; border-top:2px solid #eee; border-bottom:1px solid #eee; padding:8px 0;}
	h4 {font-size:15px; font-weight:bold; margin-bottom:5px; text-align:left; color:#f60;}

/* header  */
	#header {clear:both; height:110px; padding-top:20px;}
	#logo {background:url(images/logo2.png) no-repeat; display:block; float:left; height:81px; width:325px; margin-top:10px;}
	#nav {float:right; list-style:none; width:auto; height:60px; margin:0; padding:0;}
	#nav li {float:left; list-style:none; margin:0; padding:0; text-align:center; display:block;}
	#nav li a {font:12px Arial, Helvetica, sans-serif; color:gray; height:70px; text-decoration:none; display:block; line-height:120px; padding:5px 15px 4px;}
	#nav li a:hover, #nav li a.current {background:#f60 url(images/nav-bg.jpg) repeat-x; color:white;}
	#subtitle {height:120px; margin-bottom:15px; color:#fff;}
	#subtitle h1 {margin:15px 0 8px;}

/* containers */
	.main {width:730px; padding-left:10px; border-left:2px solid #eee; float:right;}
	#sidebar {width:200px; float:left;}

/* sub nav */
	#sidebar ul, #sidebar li {list-style:none; padding:0; margin:0; display:block;}
	#sidebar ul li a {font:bold 13px Arial, Helvetica, sans-serif; color:gray; text-decoration:none; padding:10px; display:block; border-bottom:1px solid #f4f4f4;}
	#sidebar ul li a:hover {background:#fcfcfc; color:gray; border-left:5px solid #f60; padding-left:10px;}
	#sidebar ul li.ui-tabs-selected a:hover {background:#fc9 url(inc/cluetip/images/darrowright.gif) center left no-repeat; color:#a10; padding-left:10px;}
	li.ui-tabs-selected {background:#fc9 url(inc/cluetip/images/darrowright.gif) center left no-repeat; color:#a10; border:1px solid #f60; border-right:0; border-left:0;}
	#sidebar ul li.ui-tabs-selected a {border-bottom:0;  border-left:5px solid #f60; color:#a10; padding-left:10px;}
	#sidebar ul, #sidebar p {margin-bottom:20px;}
	.ui-tabs-hide {display:none !important;}

/* footer */
	#footer {color:#fff; font-size:12px; margin-top:20px; background:#f60; text-align:left; border-top:2px ridge #f90;}
	#footer a {color:#fff; border:0; padding:3px; text-decoration:none;}
	#footer a:hover {background:#ff8c40; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
	#footer h4 {color:#fff;}
	#footer .left {width:230px; margin-right:15px;}
	#footer .left ul {margin:0; padding:0; list-style:none !important; background:url(images/footer-bg.png) top right no-repeat;}
	#footer .left ul li {list-style:none !important; margin-bottom:7px;}
	li.copy {font-size:10px;}
	#footer .right {width:640px;}
	#footer .right ul {margin:0; padding:0; list-style:none !important;}
	#footer .right ul li {list-style:none !important; float:left; width:200px; margin-right:8px; font-size:11px; border-bottom:1px dotted #ff8c40;}
	#footer .right ul li a {display:block;}

/* home */
	.home #subtitle {height:260px; position:relative; display:block; margin-top:14px;}
	.home #subtitle .left {float:none; width:395px; font:bold 16px/18px arial,sans-serif;}
	#slider {position:absolute; left:418px; top:9px;}
	#front {margin-top:10px; /*background:url(images/front-bg.png) center right no-repeat;*/}
	#front p {line-height:18px;}
	q {font:bold 24px arial,sans-serif; color:#666; font-variant:small-caps; font-style:oblique; margin:20px 0; display:block;}
	.boxes {float:left; margin-right:10px; width:275px; padding:15px; border:2px solid #e8e8e8; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
	.boxes h4 {font-size:17px;}
	.home #rentals ul li {height:auto; margin-bottom:10px; text-align:left; }
	.rentals {display:block; text-decoration:none; color:#f60; font-weight:bold; background:url(images/icon-hover.gif) center right no-repeat;}
	.reveal {background:url(images/icon-bullet.png) center left no-repeat; color:#800; font-weight:bold; padding-left:20px;}
	.reveal:hover {cursor:pointer;}

/* portfolio */
	.portfolio ul, #clients ul {margin:0; padding:0; list-style:none;}
	.portfolio ul li, #clients ul li {margin:0 15px 25px 0; width:213px; float:left; list-style:none; padding:5px; }
	.portfolio ul li img, #clients ul li img {border:1px solid #eee; padding:10px; display:block;}
	#clients ul li, #rentals ul li {text-align:center; height:250px}

/* contact form */
	#contact p {clear:both;}
	#contact input, #contact textarea, #contact select {background:#f5f5f5; border:1px solid #eee; color:#222; display:block; float:left; font:normal 11px arial,sans-serif; margin:0 10px 10px 0; height:15px; padding:5px; width:340px;}
	#contact textarea, #contact select {height:auto;}
	#contact label {display:block; float:left; font-weight:bold; margin-left:15px; padding:3px 0 0; width:100px;}
	#contact .error {background:#fcc url(images/icon-cross.png) 5px 5px no-repeat; border:1px solid #A22; clear:right; color:#000; display:block; float:left; font:normal 11px arial,sans-serif; height:16px; line-height:16px; margin:0; padding:5px 5px 5px 25px; width:auto; display:none;}
	#contact button {background:#f60 url(images/icon-mail.png) left center no-repeat; border:1px solid #999; color:#fff; font-size:11px; line-height:20px; overflow:visible; padding:5px 5px 5px 30px; text-align:left; margin-left:115px; width:auto;}
	#contact button:hover {background-color:#f90;}
	#confirm {background:url(images/bg_check.png) left center no-repeat; padding:25px 0 25px 120px;}
	#contact p.link {display:none; visibility:hidden;}
	.success, .error, .errorr {padding:15px; margin:0 0 15px; display:block; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	.success {background:#cfc; border:1px solid #0c0;}
	.error, .errorr {background:#fcc; border:1px solid #c00;}

/* tooltips  */
	#tooltip {background:#fc9; border:2px solid #000; padding:10px; position:absolute; z-index:3000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#tooltip h3, #tooltip div {margin:0; font:bold 11px arial,sans-serif; border:0; padding:0; color:#000; }

/* CTA buttons */
	a.cta {display:block; width:155px; height:75px; background:url(images/btn-cta.png); padding:11px 15px 0 80px; color:#fff; text-decoration:none; font:normal normal 12px/1.3em arial,sans-serif; position:absolute; bottom:0; right:0;}
	a.cta em {font:normal 15px verdana,sans-serif; margin-bottom:5px;  text-transform:uppercase; font-weight:bold; display:block;}
	a.cta:hover {background-position:left bottom;}

/* terms */
	dl {}
	dt {font-weight:bold; display:block; width:auto; background:#f60; color:#fff; float:left; padding:4px; margin-right:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	dd {margin-bottom:7px; padding:4px; display:block; font-size:11px;}

#production {margin-bottom:100px;}
/* cluetip */
/*	#cluetip-close img {border:0;}
	#cluetip-title {overflow:hidden;}
	#cluetip-title #cluetip-close {float:right;  position:relative;}
	#cluetip-waitimage {width:43px;  height:11px;  position:absolute;  background-image:url(inc/cluetip/images/wait.gif);}
	.cluetip-arrows {display:none; position:absolute; top:0; left:-11px; height:22px; width:11px; background-repeat:no-repeat; background-position:0 0;}
	#cluetip-extra {display:none;}
	.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {zoom:1;}

	.cluetip-default {background-color:#f60;}
	.cluetip-default #cluetip-outer {position:relative; margin:0; background-color:#fc9;}
	.cluetip-default h3#cluetip-title {margin:0 0 5px; padding:8px 10px 4px; font-size:18px; background-color:#f60; color:#fff; border:0;}
	.cluetip-default #cluetip-title a {color:#000; font-size:0.95em;}
	.cluetip-default #cluetip-inner {padding:10px;}
	.cluetip-default div#cluetip-close {text-align:right; margin:0 5px 5px; color:#900;}

	.clue-right-default .cluetip-arrows {background-image:url(inc/cluetip/images/darrowleft.gif);}
	.clue-left-default .cluetip-arrows {background-image:url(inc/cluetip/images/darrowright.gif);  left:100%;  margin-right:-11px;}
	.clue-top-default .cluetip-arrows {background-image:url(inc/cluetip/images/darrowdown.gif);  top:100%;  left:50%;  margin-left:-11px;  height:11px;  width:22px;}
	.clue-bottom-default .cluetip-arrows {background-image:url(inc/cluetip/images/darrowup.gif); top:-11px; left:50%; margin-left:-11px; height:11px; width:22px;}
*/