html {
	background:url(../images/bg-html.jpg); min-height:101%; margin-bottom:1px;
}
* { margin: 0; padding: 0; }
body {
	margin:0;
	color:#000;
	font:11px Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.gif) repeat-x;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:underline;}
img {border-style:none;}
input, 
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0 70px 0 25px;
	padding:0;
	border-style:none;
}
/* page */
#page {
	margin:0 auto;
	padding-right:25px;
	width:875px;
	background:url(../images/bg-main.gif) no-repeat;
	position:relative;
}
.container2:after,
.container:after,
#page:after {
	display:block;
	clear:both;
	content:"";
}
/* container */
.container {
	width:764px;
	padding:50px 42px 65px 69px;
	background:url(../images/bg-bottom-main.gif) no-repeat 0 100%;
	position: relative;
	z-index: 100;
}
.container2 {
	width:768px;
	padding:8px 0px 8px 0;
	min-height:669px;
	background-color:#cebc78;
	position:relative;
}
* html .container2 {
	height:669px;
}
/* star */
.star {
	position:absolute;
	right:-5px;
	top:-50px;
	width:192px;
	height:739px;
	z-index: 10;
}
.star span {
	height:100%;
	display:block;
	background:url(../images/bg-star.png) no-repeat;
}
.logo {
	position:absolute;
	left:53px;
	top:0;
	width:194px;
	height:293px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:102;
}
.logo span {
	display:block;
	padding-top:53px;
	height:240px;
	background:url(../images/logo.png) no-repeat;
}
.logo span a {
	display:block;
	height:100%;
	position:relative;
	cursor:pointer;
}
/* header */
#header {
	position:absolute;
	right:0;
	top:8px;
	width:605px;
	height:124px;
}
#header strong {
	display:block;
	padding-right:35px;
	text-align:right;
	font-size:16px;
	letter-spacing:-1px;
	line-height:18px;
	color:#3b2313;
}
#header h3 {
	margin:5px 14px 10px 0;
	width:591px;
	height:49px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-dream-design.gif) no-repeat 100% 0;
}
/* navigation */
#navigation {
	position:absolute;
	right:67px;
	top:141px;
	margin:0;
	padding:0 0 0 27px;
	list-style:none;
	width:578px;
	height:33px;
	background:url(../images/bg-navigation.gif) no-repeat 100% 0;
	z-index:101;
}
#navigation li {
	float:left;
	display:inline;
	margin-right:3px
}
#navigation li a {
	display:block;
	height:29px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-nav-btns.gif) no-repeat;
}
#navigation li#services a {
	width:90px;
	background-position:0 0;
}
#navigation li#services a.active,
#navigation li#services.hover a,
#navigation li#services:hover a {
	background-position:0 -29px;
}
#navigation li#portfolio a {
	width:104px;
	background-position:-93px 0;
}
#navigation li#portfolio a.active,
#navigation li#portfolio:hover a,
#navigation li#portfolio.hover a {
	background-position:-93px -29px;
}
#navigation li#resources a {
	width:102px;
	background-position:-200px 0;
}
#navigation li#resources a.active,
#navigation li#resources:hover a,
#navigation li#resources.hover a {
	background-position:-200px -29px;
}
#navigation li#company a {
	width:92px;
	background-position:-306px 0;
}
#navigation li#company a.active,
#navigation li#company:hover a,
#navigation li#company.hover a {
	background-position:-306px -29px;
}
#navigation li#quote a {
	width:67px;
	background-position:-402px 0;
}
#navigation li#quote a.active,
#navigation li#quote:hover a,
#navigation li#quote.hover a {
	background-position:-402px -29px;
}
#navigation li#contact a {
	width:90px;
	background-position:-474px 0;
}
#navigation li#contact a.active,
#navigation li#contact:hover a,
#navigation li#contact.hover a {
	background-position:-474px -29px;
}
#navigation li.hover,
#navigation li:hover {
	position:relative;
}
#navigation li.hover .drop,
#navigation li:hover .drop {
	display:block;
}
#navigation .drop {
	display:none;
	position:absolute;
	left:-13px;
	top:23px;
	width:226px;
}
#navigation .top-drop {
	width:100%;
	margin-left:1px;
	height:17px;
	overflow:hidden;
	background:url(../images/bg-top-drop.png) no-repeat;
}
#navigation .bottom-drop {
	width:100%;
	height:25px;
	overflow:hidden;
	background:url(../images/bg-bottom-drop.png) no-repeat;
}
#navigation .main-drop {
	padding:0 13px 0 14px;
	width:199px;
	background:url(../images/bg-main-drop.png) repeat-y;
}
#navigation .main-drop:after {
	display:block;
	clear:both;
	content:"";
}
#navigation ul {
	float:left;
	margin:-8px 0 0;
	padding:0;
	list-style:none;
	width:199px;
}
#navigation li li {
	width:100%;
	margin:0 0 1px;
}
#navigation li.last a {
	background:none !important;
}
#navigation li li a {
	overflow:visible;
	text-indent:0;
	width:189px !important;
	height:auto;
	color:#5f4536;
	background:url(../images/sep-drop-nav.gif) no-repeat 7px 100% !important;
	padding:7px 5px 5px 5px;
	font:13px/15px "Times New Roman", Times, serif;
}
#navigation li li a:hover {
	text-decoration:none;
	color:#fff;
	background:#969c68 !important;
}
#navigation li:hover .drop .drop,
#navigation li.hover .drop .drop,
#navigation li.hover .drop .drop .drop,
#navigation li:hover .drop .drop .drop {
	display:none;
}
#navigation li.hover li.hover .drop,
#navigation li:hover li:hover .drop,
#navigation li:hover li:hover li:hover .drop,
#navigation li.hover li.hover li.hover .drop {
	display:block;
}
#navigation .drop .drop {
	left:190px;
	top:-7px;
}
/* content */
#content {
	padding:120px 0 0;
	width:100%;
	overflow:hidden;
}
/* large paper-box */
.lgpaper-box {
	width:768px;
	overflow:hidden;
}
.lginner-paper, .lginner-paper2, .lginner-paper3 {
	width:764px;
	overflow:hidden;
	background:url(../images/bg-top-lgpaper.gif) no-repeat; background-position:top left;
}
.lginner-paper-bottom {
	height:304px;
	background:url(../images/bg-bottom-lgpaper.png) no-repeat 0 100%;
}

.lgpaper-box-bg{
	background:url(../images/bg-main-lgpaper.jpg) repeat-y;
	margin-top:24px;
	width:768px;
	
	}
.lginner-paper p, .lginner-paper dl{
	margin:8px 24px 0 24px;
	font-size:12px;
	color:#3b2313;
	width:450px;
	line-height:18px;
	padding:0;
	position:relative;
	z-index:11;
}
.lginner-paper2 p {
	margin:8px 24px 0 24px;
	font-size:12px;
	color:#3b2313;
	width:540px;
	line-height:18px;
	padding:0;
	position:relative;
	z-index:11;
}
.lginner-paper3 p {
	margin:8px 24px 0 30px;
	font-size:12px;
	color:#3b2313;
	width:715px;
	line-height:18px;
	padding:0;
	position:relative;
	z-index:11;
}
.lginner-paper h3 {width:450px;}
.lginner-paper h4 {width:450px; color:#7BB2AE; font-size:18px; padding-left:20px;}
p.whole {width:700px; padding-top:0; margin-top:0;}
p.wholespace {width:700px;}
.lginner-paper p.first, .lginner-paper2 p.first, .lginner-paper3 p.first {
	font-size:12px;
	color:#3b2313;
}
p.lgspace { line-height:22px;}
.lginner-paper a, .blue-box a, .lginner-paper2 a, .lginner-paper3 a{text-decoration:underline; color:#3b2313;}
.lginner-paper-bottom p.firstp{margin:0 24px 0 24px; color:#3b2313;}
.lginner-paper-bottom p.firstp2{margin:0 24px 0 24px; padding-top:8px; color:#3b2313;}
.lginner-paper h2, .lginner-paper2 h2, .lginner-paper3 h2
{
	font-size:14px;
	font-variant:small-caps;
	color:#3b2313;
	margin:0 300px 28px 0;
	text-align:right;
	position:relative; z-index:12;
}
.lginner-paper h3, .lginner-paper2 h3, .lginner-paper3 h3{margin:5px 0 0 25px; color:#3b2313; font-size:16px; padding:0;
}
.lginner-paper ul, .lginner-paper ol, .lginner-paper2 ul, .lginner-paper3 ul{font-size:12px; width:100%; padding:5px 0 0 50px;}
.lginner-paper2 ol {width:500px;  padding-left:30px; margin-left:25px; font-size:12px;}
.lginner-paper2 li, .lginner-paper3 li {padding-bottom:5px; padding-top:5px;display:list-item;}
.address { text-align:center; font-size:9.5px; margin:0; padding:0;}
/* paper-box */
.paper-box {
	width:438px;
	overflow:hidden;
	background:url(../images/bg-main-paper.gif) repeat-y;
}
.inner-paper {
	width:100%;
	overflow:hidden;
	background:url(../images/bg-top-paper.gif) no-repeat;
}
/* inner-paper2 */
.inner-paper2 {
	width:297px;
	min-height:253px;
	padding:92px 113px 173px 30px; 
	background:url(../images/bg-bottom-paper.jpg) no-repeat 0 100%;
}
* html .inner-paper2 {
	height:231px;
}
.inner-paper2 p.first {
	margin:15px 0 14px;
	padding-top:25px;
}

.inner-paper2 p{
	margin:5px 0 14px;
	font-size:12px;
	line-height:20px;
	font-style:italic;
	color:#3b2313;
}
.indent-box {
	float: right;
	width: 105px;
	height: 400px;
}

/* green-box */
.green-box {
	position:absolute;
	left:195px;
	top:124px;
	width:355px;
	height:538px;
}
.inner-green {
	width:270px;
	height:472px;
	padding:66px 22px 0 63px;
	background:url(../images/bg-green-box.png) no-repeat;
	overflow:hidden;
}
.inner-green h1 {
	margin:0 0 16px 4px;
	width:266px;
	height:46px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/txt-featured-sites.gif) no-repeat;
}

/* visual-box */
.visual-box {
	width:230px;
	padding-bottom:14px;
	overflow:hidden;
	position:relative;
}
.visual-box img {
	float:left;
	padding:0 12px 0 0;
}
.visual-box div {
	float:left;
}
.visual-box span {
	width:80px;
	height:105px;
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
	line-height:16px;
	color:#3b2313;
}
.add-vis1 {
	padding-left:25px;
}
.add-vis1 span {
	height:92px;
}
.add-vis2 {
	padding-left:9px;
}

/*blue-box*/
.blue-box {
	width:301px;
	position:absolute;
	top:140px;
	left: 443px;
	z-index: 100;
	overflow:hidden;
	color:#3b2313;
}
.blue-box-top{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-top-bluebox.png) no-repeat;
}
.blue-box-bottom {
	width:301px;
	height:54px;
	padding:0 113px 0 30px; 
	background:url(../images/bg-bottom-bluebox.png) no-repeat 0 100%;
	}

.blue-box p {
	margin-left:50px;
	margin-right:25px;
	margin-bottom:0;
	font-size:12px;
	line-height:22px;
	color:#3b2313;
}
.blue-box h2 {margin-left:50px; color:#3b2313; font-size:18px;}
.blue-box-bg{
	min-height:400px;
	height:auto !important;
	height:400px;
	background-image:url(../images/bg-main-bluebox.png); background-repeat:repeat-y; 
	margin-top:51px;
	width:301px;
	}
.blue-box ul { margin:5px 25px 0 25px; font-size:12px; list-style:square; padding:5px 0 0 50px;}
.blue-box img {border:0; margin-left:auto; margin-right:auto; display:block;}
/* polaroid-box */
.polaroid-box {
	width:177px;
	float: right;
	margin: 7px 29px 0 0;
	display: inline;
	position: relative;
	z-index: 100;
}

.polaroid-box2 {
	width:177px;
	margin: 7px 29px 0 0;
	display: inline;
	position:absolute;
	z-index: 100;
	top:170px;
	left: 550px;
}

.polaroid-box3 {
	width:720px;
	margin: 7px 0 0 15px;
	position:absolute;
	z-index: 100;
	top:370px;
	display:table-column;
	color:#fff;
}
/* small-polaroid */
.small-polaroid {
	width:115px;
	padding:41px 19px 0 35px;
	height:163px;
	background:url(../images/bg-polaroid.png) no-repeat;
	color:#fff;
	font-size:12px;
	line-height:15px;
}
.add-polaroid {
	margin-left:30px;
}
.small-polaroid a{color:#fff;}
h1 {
	margin:12px 0 0 0;
	padding-top:5px;
	width:100%;
	float:right;
	height:37px;
	overflow:hidden;
	background:url(../images/bg-header.gif) no-repeat 88.5% 0;
	text-indent:230px;
	color:#FFFFFF;
	font:20px/25px "Times New Roman", Times, serif;
}
h1.home {float:none; color:#3b2313; text-indent:0; padding-top:20px; width:190px; font: 16px/18px "Times New Roman", Times, serif; height:40px; margin:20px 0 0 0; background:none; font-weight:bold;}
.signature {text-align:right; padding-top:0; margin-top:0; line-height:10px;}
img.center {padding-left:150px;}
dl.whole{margin:5px 0 0 25px; width: 700px;}
dt { font-weight:bold; font-size:12px;}
dd{ font-style:italic; font-size:12px;}

/*portfolio*/
.sitelong {padding: 10px 0 0 25px; height:335px;}
.site{padding: 10px 0 0 25px; height:125px;}
.site p, .sitelong p {margin-left:155px; width:550px;}
.site h2, .sitelong h2{padding:0; margin:0 0 0 200px; color:#3b2313;}
.site img, .sitelong img{float:left; padding-right:5px;}
img.right {float:right;}

.inputText {
background:#A1A781;
border:1px solid #8B5D3C;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:2px;
width:220px;
}

.selectInput {
background:#CEBC78 none repeat scroll 0 0;
border:1px solid #8B5D3C;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:2px;
width:226px;
}
label { padding-left:3px;}