body {
	font:12px/20px 'Helvetica Neue', 'Lucida Grande', Verdana, Arial;
	background:#F1F1E9 url(../images/bg_small.png) repeat-x;
	margin:0;
	color:#2e2e2e;
	border-top:5px solid #000;
}
.container {
	width:850px;
	margin:0 auto;
}
#info {float:right;color:#eee;background:#000;font-size:9px;display:inline;padding:0 15px;text-align:center;margin-top:-5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-weight:bold;}
#info u {margin-right:10px;}
#top {color:#ddd;height:110px;padding:0 3px;}
#top #top-left-area {
	float:left;
	width:310px;
	padding-top:15px;
}
#top #top-left-area a:active {position:relative;top:1px;left:1px;}
#top #top-right-area {
	float:right;
}
#bottom {}
.clear {clear:both;}

h1,h3 {font-family:Georgia,Times;line-height:1.2em;margin-bottom:10px;color:#1e1e1e;font-weight:normal;}
h1 {font-size:42px;font-weight:normal;margin-top:0;letter-spacing:-1px;text-shadow:#fff 1px 1px 1px;}
h2 {font-size:20px;margin-top:20px;line-height:1.2em;color:#1e1e1e;}
h3 {font-weight:bold;font-family:Arial,Helvetica;}
h4 {color:#333;font-size:12px;}
h3 span,h4 span {font-weight:normal;font-style:italic;}

#upper {border-bottom:1px solid #DEDED6;}
#left {float:left;width:555px;padding-right:25px;}
#right {float:right;width:269px;border-left:1px solid #DEDED6;}

#left .inner {padding-right:25px;}
#right .inner {padding:5px 15px;margin:0;}
.inner p {font-size:11px;line-height:1.5em;color:#5b5b5b;}

ul.nav {border:0;margin:0;padding:0;list-style:none;margin-top:13px;}
ul.nav li {float:left; margin:0;margin-left:25px;}
ul.nav a {display:block;color:#fff;text-decoration:none;padding:8px 14px;font-size:16px;font-weight:bold;text-shadow: #000 1px 2px 2px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-family:helvetica,arial;background:#333;}
ul.nav a:hover {background:#000;}
ul.nav a:active {position:relative;top:1px;left:1px;}
ul.nav li.current a {background:#0093C9;color:#fff;text-shadow: #005879 1px 2px 2px;}

#footer {
	border-top:1px solid #DEDED6;
	margin-top:10px;
	margin-bottom:25px;
	text-align:center;
	padding:20px;
	color:#888;
	font-size:11px;
	font-family:georgia,times;
}
#footer img {
	vertical-align:middle;
	margin-left:10px;
}

a {color: #008AC1;}
a:hover {color:#000;}

a.button { float: left; padding: 0 0 0 8px; background:#000 url("../images/button.png") no-repeat 0 0; color: #FFF !important; font-size: 10px !important; line-height: 17px; text-decoration:none;}
a.button span { float: left; padding: 0 16px 0 0; background: transparent url("../images/button.png") no-repeat 100% 0; }
a.button:hover { color: #1fbae9 !important; }
a.button:hover span { background-position: 100% -34px; }

ul.bullets {list-style:none;padding:0;margin-top:0;margin-bottom:10px;}
ul.bullets li a {background:url(../images/arrow.png) 0 0 no-repeat;padding-left:15px;font-style:italic;text-decoration:none;font-weight:bold;font-size:11px;}

.box {background:#DBDBD4;padding:10px 15px;}
.box.bordered {border-top:1px solid #DEDED6;}

.box a {text-decoration:none;color:#444;text-decoration:underline;}
.box h2 {margin:10px 0;color:#5b5b5b;text-shadow:#fff 1px 1px 1px;font-size:20px;}
.box h3 {margin:0;color:#70705F;text-shadow:#fff 1px 1px 1px;}
p.large {margin-top:5px;font-size:24px;font-style:italic;line-height:1.2em;}
.tight {margin:0;}

.quote {
        background:url(../images/quotation.gif) no-repeat top left;
        padding-left:50px;
	margin-top:15px;
	margin-bottom:45px;
	line-height:1.5em;
	font-size:11px;
	font-style:italic;
}
.quote span {
        display:block;
        margin:5px 0;
        font-size:11px;
	font-style:normal;
	color:#777;
	text-align:right;
}
.quote span b {color:#333;}

.work {float:left;width:250px;margin-bottom:15px;margin-right:48px;height:205px;}
.work .image {background:url(../images/frame.gif) no-repeat;padding:10px;padding-bottom:13px;}
.work .inner {padding:5px 10px;line-height:1.4em;font-size:10px;}
.work h3 {margin-top:0;margin-bottom:3px;}

a.url {font-size:11px;font-style:italic;color:#008AC1;text-decoration:none;border-bottom:1px solid #008AC1;}
a.url:hover {color:#222;}

.screenshot {float:left;margin-right:10px;}

.feature {padding-top:20px;padding-bottom:20px;border-bottom:1px solid #DEDED6;}
.feature .desc {float:left;width:310px;}
.feature h2 {margin:0;}
.feature h3 {margin:0;margin-bottom:3px;}
.feature .previews {float:right;width:515px;}
.feature ul.thumbs {list-style:none;padding:0;margin:0;margin-top:5px;}
.feature ul.thumbs li {float:left;margin:0 5px;}
.feature ul.thumbs img {background:#fff;padding:4px;border:1px solid #DDDED6;}
.feature ul.thumbs img:hover {background:#DDDED6;border-color:#DEDED6;} 
.feature ul.thumbs li.ui-tabs-selected img {background:#999;border-color:#999;}
.feature ul.thumbs img:active {position:relative;top:1px;left:1px;}
.feature p {margin-top:0;}

.project {margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #DEDED6;}
.project .desc {float:left;width:300px;}
.project h2 {margin:0;}
.project .preview {float:right;width:510px;}
.project p {margin-top:0;}

.preview {background:url(../images/frame_project.gif) no-repeat;padding:10px;padding-bottom:15px;height:200px;padding-right:0;}
.preview .caption {position:relative;bottom:32px;width:474px;background:url(../images/trans.png);color:#fff;padding:6px 10px;font-weight:bold;text-shadow:#000 1px 1px 1px;}

.ui-tabs-hide {display: none;}

.product {float:left;width:265px;margin-top:0;margin-right:25px;height:265px;background:#DBDBD4 url(../images/gear.png) no-repeat bottom right;;margin-bottom:20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.product .head {padding:0 15px;padding-top:10px;}
.product h3 {font-size:24px;font-weight:normal;margin:0;}
.product h4 {font-size:16px;margin:0;font-weight:normal;font-style:italic;}
.product .inner {padding:0 15px;}
.product p {margin-top:10px;font-size:11px;line-height:1.4em;color:#5b5b5b;}
.product p a {text-decoration:none;}


.service {padding:15px;}
.service h3 {font-size:22px;font-weight:normal;margin:0;}
.service h4 {font-size:16px;margin:0;font-weight:normal;font-style:italic;border-bottom:1px solid #DEDED6;}

.tour td.img {width:200px;text-align:right;}
.tour td.img img {border:1px solid #DEDED6;padding:5px;background:#fff;}
.tour td.img img:hover {background:#DEDED6;}
.tour td {vertical-align:top;padding:15px;border-bottom:1px solid #DEDED6;}

.noright {margin-right:0;}

.badges {}
.badges img {margin:5px;border:1px solid #DEDED6;background:#fff;padding:5px;}

input.field,textarea.field,select {background:#FEFEF5;padding:10px;width:90%;color:#3d3a30;border:1px solid #ccc;border-bottom:1px solid #DEDED6;border-right:1px solid #DEDED6;font-family:helvetica,arial;font-size:14px;}
input.name {background:#FEFEF5 url(../images/name-icon.gif) no-repeat 10px 10px;padding-left:35px;}
input.email {background:#FEFEF5 url(../images/email-icon.gif) no-repeat 10px 10px;padding-left:35px;}
textarea.message {background:#FEFEF5 url(../images/body-icon.gif) no-repeat 10px 10px;padding-left:35px;resize:none;}

input.button {padding:5px 25px;font-weight:bold;font-size:14px;background:url(../images/buttonbg.gif) repeat-x;border:1px outset #ccc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
input.button:hover {background:#e3e3e3;cursor:hand;cursor:pointer;}
input.button:active {position:relative;top:1px;left:1px;}

.errors_for {background:#282828;}

.errorExplanation {}
.errorExplanation ul {list-style:none;margin:10px 0;padding:0;}
.errorExplanation li {color:#fff;font-weight:bold;padding:5px 35px;background:url(../images/error.png) no-repeat 10px 50%;}


table.icons {margin:0 auto;}

/**/
#imgbox-loading {
	position: absolute;
	top: 0;
	left: 0;
	background: url('../images/imgbox/imgbox-spinner.gif') center center no-repeat;
	cursor: pointer;
	display: none;
	z-index: 90;
}

#imgbox-loading div {
	background: #FFF;
	width: 100%;
	height : 100%;
}

#imgbox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 80;
}

.imgbox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFF;
	display: none;
	z-index: 90;
}

.imgbox-img {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.imgbox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/imgbox/imgbox-close.png') top left no-repeat;
	cursor: pointer;
	outline: none;
}

.imgbox-caption {
	font-size:11px;
	display:none;
	padding: 10px;
	color: #ccc;
	line-height:1.4em;
	background:#282828;
	margin-top:5px;
}
.imgbox-caption h3 {
	font-size:12px;
	margin-top:0;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
}
.imgbox-caption h3 span {
	color:#999;
}
.imgbox-bg-wrap {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
}

.imgbox-bg {
	position: absolute;
	width: 20px;
	height: 20px;
}

.imgbox-bg-n {
	left: 0;
	top: -20px;
	width: 100%;
	background: url(../images/imgbox/imgbox-bg-n.png) repeat-x;
}

.imgbox-bg-ne {
	right: -20px;
	top: -20px;
	background: url(../images/imgbox/imgbox-bg-ne.png) no-repeat;
}

.imgbox-bg-e {
	right: -20px;
	top: 0;
	height: 100%;
	background: url(../images/imgbox/imgbox-bg-e.png) repeat-y;
}

.imgbox-bg-se {
	right: -20px;
	bottom: -20px;
	background: url(../images/imgbox/imgbox-bg-se.png) no-repeat;
}

.imgbox-bg-s {
	left: 0;
	bottom: -20px;
	width: 100%;
	background: url(../images/imgbox/imgbox-bg-s.png) repeat-x;
}

.imgbox-bg-sw {
	left: -20px;
	bottom: -20px;
	background: url(../images/imgbox/imgbox-bg-sw.png) no-repeat;
}

.imgbox-bg-w {
	left: -20px;
	top: 0;
	height: 100%;
	background: url(../images/imgbox/imgbox-bg-w.png) repeat-y;
}

.imgbox-bg-nw {
	left: -20px;
	top: -20px;
	background: url(../images/imgbox/imgbox-bg-nw.png) no-repeat;
}

