* { padding: 0; margin: 0; outline: 0; }

body { 
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #2d3840;
	text-align: left;
	background:#fff;
}

input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
textarea { overflow: hidden; } 

a { color: #9a242d; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.cl { font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 0; }

.ar { text-align: right; display: block; }
.al { text-align: left; display: block; }
.ac { text-align: center; display: block;}

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.no-text { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { width: 860px; margin: 0 auto; }

#header { background: url(images/header-bg.gif) repeat-x 0 0; height: 166px; }

.header-bg { background: url(images/header-logo.gif) no-repeat 0 0; position: relative; margin-right: -70px; height: 165px; z-index:2;}

#navigation {height: 27px; padding-top: 120px; float: left; display: inline; }
#navigation ul { list-style-type: none; height: 27px; }
#navigation ul li { float: left; display: inline; height: 27px; margin-right: 10px; }
#navigation ul li a { float: left; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/navigation.gif) no-repeat  0 0; height: 27px; width: 55px; }
#navigation ul li.portfolio a { background-position: -63px 0; width: 73px; }
#navigation ul li.portfolio a:hover,
#navigation ul li.portfolio a.active { background-position: -63px bottom; }
#navigation ul li.clients a { background-position: -145px 0; width: 58px; }
#navigation ul li.clients a:hover,
#navigation ul li.clients a.active { background-position: -145px bottom;}
#navigation ul li.lounge a { background-position: -210px 0; width: 65px; }
#navigation ul li.lounge a:hover,
#navigation ul li.lounge a.active { background-position: -210px bottom; }
#navigation ul li.about a { background-position: -285px 0; width: 50px; }
#navigation ul li.about a:hover,
#navigation ul li.about a.active { background-position: -285px bottom; }
#navigation ul li.contact a { background-position: -345px 0; width: 67px; }
#navigation ul li.contact a:hover,
#navigation ul li.contact a.active { background-position: -345px bottom; }
#navigation ul li a:hover,
#navigation ul li a.active { background-position: 0 bottom; }

h1#logo { width: 370px; float: right; display: inline; padding: 25px 78px 0 0; }
h1#logo a { display: block; background: url(images/transparent.gif) repeat 0 0; height: 115px; }

#head { background: url(images/head-bg.gif) repeat-x 0 0; height: 431px; }

.thumbnails { padding-top: 21px; position:relative; left:-16px;}
.thumbnails ul { list-style-type: none; position:relative; }
.thumbnails .jcarousel-clip { position:relative; width:810px; height:90px; overflow:hidden; left:25px;}
.thumbnails ul li { float: left; display: inline; background: url(images/thumb-bg.png) no-repeat 0 0; padding: 7px 6px ; margin-right: 2px; }
.thumbnails ul li a { float: left; position: relative; z-index: 2; }
.thumbnails p { padding:0 5px;}
.thumbnails p a { font-size: 16px; color: #fff; }

.big-slider { position: relative; z-index: 1; padding-top: 11px; width: 825px; }
.big-slider ul { list-style-type: none; width:825px; height:286px; position:relative; overflow:hidden;}
.big-slider ul li { float: left; display: inline; width:813px; height:262px; }

.big-slider .jcarousel-clip { width:813px; height:286px; position:relative; overflow:hidden; height:262px; top:12px; left:12px;}

.big-slider .jcarousel-next,
.big-slider .jcarousel-prev { width:44px; height:49px; position:absolute; cursor:pointer; top:130px; z-index:20;}
.big-slider .jcarousel-prev { background:url(images/arrow-left.png); left:-18px; }
.big-slider .jcarousel-next { background:url(images/arrow-right.png); right:-18px; }

.big-slider-bg { background: url(images/big-slide-bg.png) no-repeat 0 0; height: 286px; width: 825px; }

.project-info { float: left; display: inline; width: 270px; padding: 15px 17px;}
.project-info h2 { font-size: 19px; color: #9a242d; }
.project-info h3 { font-size: 16px; color: #9a242d; font-weight: normal; padding-bottom: 15px; }
.project-info p { font-size: 12px; line-height: 20px; color: #3e4143; font-weight: normal; padding-bottom: 25px; }

.project-img { float: right; display: inline; width: 501px; padding-top: 0; }

.slide-navigation p.left-arrow { position: absolute; left: -17px; top: 143px; z-index: 10; }
.slide-navigation p.left-arrow a { display: block; background: url(images/arrow-left.png) no-repeat 0 0; width: 44px; height: 49px; font-size: 0; line-height: 0; text-indent: -4000px; }
.slide-navigation p.right-arrow { position: absolute; right: -17px; top: 143px; z-index: 10;  }
.slide-navigation p.right-arrow a { display: block; background: url(images/arrow-right.png) no-repeat 0 0; width: 45px; height: 49px; font-size: 0; line-height: 0; text-indent: -4000px; }

#main-content { background: #cbcbca url(images/main-bg.gif) repeat-x 0 0; }
#main-bottom { background: url(images/main-bottom.gif) repeat-x 0 bottom; }

#content { float: right; display: inline; width: 525px;  }
#content p { padding: 0 15px 30px; }

.top-header-bg { background: url(images/top-header-cnt.gif) repeat-y 0 0; height: 100%; margin-bottom: 25px; width: 411px; }
.top-header-top { background: url(images/top-header-top.gif) no-repeat 0 0; }
.top-header-bottom { background: url(images/top-header-bottom.gif) no-repeat 0 bottom; padding: 28px 12px 15px 12px; }
.top-header-bottom h2 { font-size: 18px; line-height: 24px; color: #fff; }

.bottom-header { background: url(images/bottom-header-cnt.gif) repeat-y 0 0; height: 100%; width: 310px; float: right; display: inline;}
.bottom-header-top { background: url(images/bottom-header-top.gif) no-repeat 0 0; }
.bottom-header-bottom { background: url(images/bottom-header-bottom.gif) no-repeat 0 bottom; padding: 10px 15px 15px; }
.bottom-header-bottom h3 { font-size: 15px; line-height: 20px; color: #fff; }

#footer { background: url(images/footer-bg.gif) repeat-x  0 0; }
.footer-bg { background: url(images/footer-logo.gif) no-repeat 0 0; height: 92px; padding-top: 65px; position: relative; }
#footer p { font-size: 12px; line-height: 18px; color: #ad9427; }
#footer p span { color: #8e202a; padding: 0 5px; }
#footer p a { color: #ad9427; }
#footer .left { width: 370px; text-align: right; }
#footer .right { width: 370px; text-align: left; }
.footer-logo { position: absolute; left: 390px; top: 40px; }
.footer-logo a { display: block; background: url(images/transparent.gif) repeat 0 0; width: 80px; height: 90px; }

#pop-up { position: absolute; left: 50%; top: 115px; z-index: 100; }
#pop-up-position { position: relative; margin-left: -50%; }
.pop-up-bg { background: url(images/pop-up-bg.png) repeat 0 0; height: 500px; width: 400px; }
.pop-up-arrows p { position: relative; margin: 0 -31px 0 -26px; padding-top: 50%; }
.pop-up-arrows p a { font-size: 0; line-height: 0; text-indent: -4000px; width: 44px; height: 48px; background-position: 0 0; background-repeat: no-repeat; }
.popup-left-arrow { float: left; display: inline; background: url(images/pop-up-left.png); }
.popup-right-arrow { float: right; display: inline; background: url(images/pop-up-right.png); }
.close-btn { position: relative; top: -16px; right: -19px; float: right; display: inline;}
.close-btn a { display: block; background: url(images/pop-up-close.png) no-repeat 0 0; width: 39px; height: 40px; }

#top-right { position:absolute; top:0; right:0; width:50%; height:165px; background:url(images/top-right.gif); z-index:1;}