/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:right;
	background: #9B907C url("../images/bg.gif") no-repeat right center;background-attachment: fixed;
	height: 100%;
	color: #fff;
}

body, tr,
td, input,
select, textarea 	{font:normal 13px/1.3 Verdana, Arial, Helvetica, sans-serif;}

a				{outline: none;}
a:link,
a:visited 		{color:#fff; text-decoration:underline;}
a:hover,
a:active 		{color:#ccc; text-decoration:none;}

ul, ol	 		{margin:0 0 10px 15px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:large; margin:0 0 8px;}
h2 					{font-size:medium; margin:8px 0;}
h3 					{font-size:small; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

#preload {position: absolute; top: -400px;left: 0px;}
.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}


/* Standard Layout */
      
table#wrapper {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
}

#content {
	position:relative;
	width : 1282px;
	height : 366px;
	padding: 12px;
	visibility : visible;
	text-align : left;
	background: #fff;
}

#hide {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	z-index:20;
	width:12px;
	background: url("../images/hide.gif") no-repeat right center;
	position: fixed
}

#header {
	position: absolute;
	top: 5px;
	left: 12px;
	background: #fff url("../images/logo.gif") no-repeat 0 0;
	padding: 0px;
	width: 269px;
	height: 376px;
}

#header h1 a {
	display: block;
	width: 269px;
	height: 102px;
	text-indent: -9000px;

}

#header h2 {
	float: left;
	text-indent: -9000px;
}

#content-main {
	position: absolute;
	top: 12px;
	left: 293px;
	width: 315px;
	height: 306px;
	padding: 30px 25px 30px 25px;
	background: url("../images/content-main.gif") no-repeat 0 0;
}

body.bg-red #content-main {background: url("../images/content-main-red-large.gif") no-repeat 0 0;}
body.bg-teal #content-main {background: url("../images/content-main-teal-large.gif") no-repeat 0 0;}


#content-right {
	position: absolute;
	top: 12px;
	left: 670px;
	width: 624px;
	height: 366px;
}



#footer a {
	position: fixed;
	text-indent:-9000px;
	width: 200px;
	height: 30px;
	bottom: -35px;
	right:10px;
	bottom:10px;
	background: url("../images/3am.png") no-repeat 0 0;
}

.testimonial-preview {
	font-size:24px;
	width: 250px;
	margin-top: 26px;
}

.smaller-text {
	margin-top: 0px;
	font-size:18px;
}

.testimonial-preview span {
	font-size:16px;
	font-style: italic;
}

#testimonial-full {display: none;}
#test-inner {padding:20px;}

a#first {
	position:absolute;
	top: 49px;
	left: 311px;
	width: 222px;
	height: 223px;
}

a#second {
	position:absolute;
	top: 27px;
	left: 534px;
	width: 206px;
	height: 180px;
}

a#third{
	position:absolute;
	top: 13px;
	left: 739px;
	width: 253px;
	height: 252px;
}

div#fancy_div {
	background: #9B907C !important;
	text-align: left;
} 

a#fancy_right {right:-10px !important;}
span#fancy_right_ico {right: 0px !important;}
a#fancy_right:hover {right: -10px !important;}
	   
a#fancy_left {left:-10px !important;}
span#fancy_left_ico {left: 0px !important;}
a#fancy_left:hover {left: -10px !important;}

/*-- individual page styling --*/

body#page-home {font-size: 15px;}



body#page-services #content-main {
	width: 584px;
}
body#page-services #content-right {
	width: 365px;
	left: 939px;
}

body#page-projects #content-main,
body#page-interiors #content-main {
	width: 952px;
	background: #ECE9E3 url("../images/content-main-red-projects.gif") no-repeat 0 0;
}

body#page-home 				{
	background: #7D7360 url("../images/bg-dark.gif") no-repeat right center;
}

/* Navigation - Use this for very basic horizontal text based nav */

#nav {
	list-style: none;
}

#nav ul {

}

#nav li {
	display:inline;
	list-style: none;
}


/*-- form styling --*/

fieldset {background:#f2f2e6; padding:10px; }
input, textarea, select {padding:0;width: 200px;padding:3px;font-size:11px;}
label {font-size:11px; font-weight:bold; color:#fff;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:left; width:100px;margin:0 10px 5px 0;}
dd {float:left; width:200px; margin:0 0 5px 0;}
input.button {width: auto;padding: 0 5px 0 5px;}

/*-- TABLE STYLING --*/

/*table {
	margin-bottom: 10px;
}

table td {
	vertical-align: top;
	padding: 1px;
}

td.bold {
	font-weight: bold;
	color: #F57E3D;
}*/


#error,
#success {padding: 10px;padding-bottom: 10px;font-weight: bold;color: #333;margin-bottom:10px;margin-top:30px;}
#error {background: #FF4E4E;border: 3px solid #FF7C7C;}
#success {background: #BBEECC;border: 3px solid #E3FFED;}