/* Global */

* {margin: 0; padding: 0;}
html {background-image: url(images/tan_bgnew.jpg); font-family: "Rockwell", "Trebuchet MS", "Lucida Grande";}
body {color: #371D0B;}

a img {border: none;}
a {color: #000;}
a:hover {color: #222;}
			
h1 {font-size: 18px; color: #371D0B; font-weight: lighter; display: block;}
h2{margin-bottom: 10px;font-size: 24px; color: #371D0B; font-weight: normal; }
h3 {color: #371D0B; margin-bottom: 10px; font-weight: normal;}
h4 {width: 180px;}

label {display: block; margin-left: 10px; font-size: 14px; font-weight: bold; color: #333;}
input[type=text] {width: 500px; padding:5px;margin: 10px;}
input[type=file] {width: 500px; padding:5px;margin: 10px;}

input[type=button] {margin: 10px; clear: both;}
textarea {width: 500px; height: 120px; margin: 10px;}
select {margin: 10px 0 10px 10px;}


p {font-size: 14px; line-height: 22px; font-weight: normal; margin-bottom: 10px;}
.guide {font-size: 12px; font-family: "Georgia" serif; font-style: italic; padding: 5px 10px 5px 10px;}

/* Main Container */
.top {height: 25px; background-image: url(images/top-bar.gif); background-repeat: repeat-x; width: 100%; display: block;}

.container {width: 960px; margin:0 auto; margin-top:}

#stayput {width: 960px; margin:0 auto; margin-top:}
#header {margin: 0 auto; clear: both; text-align: center;}
#header .nav {background: url(images/nav.jpg) repeat-x; clear: both; height: 45px; margin: 0;}
#header ul {text-align: center; padding-top: 14px;}
#header ul li {display:inline; margin-right: 20px; margin-left: 20px;}
#header ul li.first {margin-left: 0;}
#header ul li.last {margin-right: 0;}
#header ul li a, #header ul li a:active, #header ul li a:visited { font-face: arial, sans-serif; padding: 5px 5px 5px 5px;font-size: 15px; color: #eae6c5; text-decoration: none; font-weight: bold; }
#header ul li a:hover {font-face: arial, sans-serif; font-size: 15px; color: #C48247; background-color: none; text-decoration: none; font-weight: bold; }

#header p {float: left; width: 500px; padding-top: 18px;}
.footer {margin-top: 20px; padding: 20px; font-size: 12px; font-family: "Georgia" serif; color: #CA6501; border-top: 1px dashed #989480; overflow: hidden; }
.footer a { color: #CA6501;}

#content {clear: both; width: 100%;}

#content .container, #header .container {padding-top: 0 !important;}

#page {width: 620px; float: left; margin-bottom: 0; margin-top: 20px; margin-bottom:20px; overflow: hidden;}

#work {width: 940px; margin-top: 20px;}

h1.work {float: left; text-align: left; padding-left: 20px; padding-top: 20px;font-size: 36px; width: 110px;}
span.work {float: left; padding-top: 30px; color: #eae6c5;}
ul.workNav {float: right; width: 400px;text-align: right;padding-top: 20px; padding-right: 20px;}
ul.workNav li {display:inline; margin-left: 5px; margin-right: 5px;}
ul.workNav li a, #header ul li a:active, #header ul li:visited {padding: 5px 10px 5px 10px;font-size: 16px; color: #eae6c5; text-decoration: none;}
ul.workNav li a:hover {color: #eae6c5; text-decoration: underline;}
ul.workNav li a.selected {color: #eae6c5; text-decoration: underline;}

ul.services li a {color: #371DOB; font-size: 14px; font-weight: normal; padding-left: 20px; text-decoration: none; line-height: 25px; }
ul.services li a:hover {color: #5e6a26; padding-left: 20px; text-decoration: underline; line-height: 25px; }

#page p.defined {border-bottom: 1px dashed #989480; padding-bottom: 10px; margin-bottom: 20px;}
#page p.sent {color: #5e6a26;}
#page div.recent {clear: both; margin-bottom: 12px; padding-bottom: 50px;}
#page div.recent .item {width: 180px; float: left; margin-right: 25px;}
#page div.recent .item .last {margin-right: none;}
#page div.recent .item img {border: 3px solid #623D29;}
#page div.recent .item h4 {margin: 10px 0 5px 10px;}
#page div.recent .item p {width: 160px; padding-left: 10px;margin-bottom: 10px;}

div.defined {border-bottom: 1px dashed #989480; padding-bottom: 10px; margin-bottom: 20px;}
#page div.viewall {clear: both; padding: 5px; background-image: url(images/green_bg.jpg); margin-top: 15px;}
#page div.viewall a, #page div.viewall a:active, #page div.viewall a:visited {color: #eae6c5; text-decoration: none; margin-left: 4px; padding-left: 30px; height: 25px; background: transparent url(images/star.gif) top left no-repeat;}

#rail {width: 310px; float: right; margin-top: 20px; overflow: hidden; }
#rail p.defined {border-bottom: 1px dashed #989480; padding-bottom: 10px; margin-bottom: 20px;}

#work div.all {clear: both; margin-bottom: 12px; padding-bottom: 50px;}
#work div.all .item {float: left; width: 269px; height: 275px; border-bottom: 1px dashed #989480; padding-bottom: 10px;margin: 0 20px 20px 20px;}
#work div.all .item p {padding-left: 10px;}
#work div.all .item img {border: 5px solid #353326; margin-bottom: 5px;}
#work div.all .item h4 {margin: 0;}
#work div.all h2 {background: none; width: 269px;}
#work div.all h2.works {background: transparent url(images/works.gif) top right no-repeat; width: 269px;}
#work div.all h2.launch {background: transparent url(images/launch.gif) top right no-repeat; width: 269px;}