/* CSS Document */

* {margin:0; padding:0;}

body { background:#31342D;}

td, input, textarea{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;  
	color:#656565;	
	vertical-align:top;
}

a { color:#4E7B00;}
a:hover { text-decoration: none;}
a img { border:0;}

.clear { clear:both;}

.auto { width:auto; height:auto;}

input, submit { vertical-align:middle;}

table { 
	border:0px;
	border-collapse:collapse;
	width:100%;
	height:100%;
}

.left_tall { background:url(images/l-t.jpg) repeat-x top right; width:50%}
.left_tall .c1 {height:152px;}
.left_tall .c2 {width:100%; height:100%; background:#FFFCEE;}
.left_tall .c3 {height:89px;}

.right_tall {  background:url(images/r-t.jpg) repeat-x top left; width:50%}
.right_tall .c1 {height:152px;}
.right_tall .c2 {width:100%; height:100%; background:#FFFCEE;}
.right_tall .c3 {height:89px;}

.form { height:20px; margin-bottom:4px;}
.form input {width:206px; padding:0 0px 0 4px; height:17px; border-color:#DBDBDB; font-size:11px;}
textarea { width:206px; height:188px; border-color:#DBDBDB; margin-top:3px; padding-left:4px; overflow:auto }

ul { list-style:none;}
li a { background:url(images/marker_1.gif) no-repeat left; line-height:24px; color:#94821E; padding-left:15px; margin-left:1px;}

.line_hor { height:1px; background:#FFFFFF; margin:20px 0 21px 0;}
.link1 { background:url(images/marker_1.gif) no-repeat left; font-weight:bold; padding-left:15px; color:#94821E; }
.img_indent {margin:3px 27px 21px 1px;}
.block { padding:0 28px 0 32px; margin-bottom:19px;}
.mail { color:#94821E;}

#main {height:750px; width:766px; background:#FFFCEE;}

/* header */
#header { height:152px;}
#header .row1 { height:123px; background:url(images/homework_header.gif) no-repeat;}

/*content*/
#content { height:509px;}
#content .row1 { height:19px;}
#content .row2 { height:470px;}
#content .row3 { height:20px;}

/*footer*/
#footer { height:89px; background:#31342D; text-align:center; color:#C2C2C0; padding-top:20px;}
#footer a { color:#B3A349;}
#footer span { color:#B3A349;}

/* Index */
#page1 #content .row2 .column1 { width:272px; background:#E6E5E0; padding:23px 0 23px 0; height:100%}
#page1 #content .row2 .column1 .title { margin-left:31px;}
#page1 #content .row2 .column1 ul { margin-left:31px;}
#page1 #content .row2 .column2 { width:48px; height:100%}
#page1 #content .row2 .column3 { width:375px;height:100%; padding:18px 70px 0 0;}

/* Kitchen/Bath */
#page2 #content .row2 .column1 { width:384px;height:100%; padding:18px 30px 0 30px;}
#page2 #content .row2 .column1 .title { margin-bottom:13px;}
#page2 #content .row2 .column1 .title1 { margin:34px 0 15px 0;}
#page2 #content .row2 .column1 .img_indent {margin:3px 30px 17px 1px;}
#page2 #content .row2 .column2 { width:48px; height:100%}
#page2 #content .row2 .column3 { width:211px; background:#E6E5E0; padding:23px 30px 18px 31px; height:100%}
#page2 #content .row2 .column3 .img_indent { margin:0 0 27px 1px;}

/* Windows/doors */
#page3 #content .row2 .column1 { width:247px; background:#E6E5E0; padding:23px 25px 18px 0; height:100%}
#page3 #content .row2 .column1 .title { margin-left:31px; margin-bottom:15px;}
#page3 #content .row2 .column1 .img_indent { margin:3px 20px 24px 33px;}
#page3 #content .row2 .column2 { width:48px; height:100%}
#page3 #content .row2 .column3 { width:415px;height:100%; padding:18px 30px 0 0;}
#page3 #content .row2 .column3 .img_indent { margin:3px 20px 30px 2px;}

/* Siding */
#page4 #content .row2 .column1 { width:414px;height:100%; padding:18px 0 0 30px;}
#page4 #content .row2 .column1 .title { margin-bottom:13px; margin-left:1px;}
#page4 #content .row2 .column1 .title1 { margin:30px 0 17px 1px;}
#page4 #content .row2 .column1 .img_indent {margin:3px 30px 0 1px;}
#page4 #content .row2 .column2 { width:48px; height:100%}
#page4 #content .row2 .column3 { width:210px; background:#E6E5E0; padding:23px 30px 18px 32px; height:100%}
#page4 #content .row2 .column3 .img_indent { margin:0 0 27px 1px;}

/* Building/Remodel */
#page5 #content .row2 .column1 { width:272px; background:#E6E5E0; padding:23px 0 18px 0; height:100%}
#page5 #content .row2 .column1 .title { margin-left:32px;}
#page5 #content .row2 .column1 ul { margin-left:32px;}
#page5 #content .row2 .column2 { width:48px; height:100%}
#page5 #content .row2 .column3 { width:405px;height:100%; padding:18px 40px 0 0;}
#page5 #content .row2 .column3 .img_indent {margin:3px 20px 0 1px;}
#page5 #content .row2 .column3 .title1 { margin:32px 0 17px 1px;}

/* Spotlights */
#page6 #content .row2 .column1 { width:412px;height:100%; padding:18px 2px 0 30px;}
#page6 #content .row2 .column1 .title { margin-bottom:13px; margin-left:1px;}
#page6 #content .row2 .column1 .title1 { margin:33px 0 13px 0;}
#page6 #content .row2 .column1 .img_indent {margin:3px 30px 22px 1px;}
#page6 #content .row2 .column2 { width:48px; height:100%}
#page6 #content .row2 .column3 { width:211px; background:#E6E5E0; padding:23px 30px 18px 31px; height:100%}
#page6 #content .row2 .column3 .title { margin-bottom:15px;}
#page6 #content .row2 .column3 .img_indent { margin:25px 0 26px 1px;}

/* Contact */
#page7 #content .row2 .column1 { width:272px; background:#E6E5E0; padding:23px 0 14px 0; height:100%}
#page7 #content .row2 .column1 .title { margin-left:32px;}
#page7 #content .row2 .column2 { width:48px; height:100%}
#page7 #content .row2 .column3 { width:415px; height:100%; padding:18px 30px 0 0;}
#page7 #content .row2 .column3 .img_indent {margin:0 0 27px 0;}
#page7 #content .row2 .column3 .title { margin-bottom:17px;}
#page7 #content .row2 .column3 .title1 { margin:39px 0 20px 1px;} 

/* page8*/
#page8 #content .row2 .column1 { width:702px; height:100%; padding:18px 32px 0 31px;}
#page8 #content .row2 .column1 .title { margin-bottom:13px;}



/************************************* YoxView v2.0 CSS file ******************************************/


#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview_popupWrap
{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
}
#yoxview
{
	position: absolute;
	font-family: Arial, Sans-Serif;
	z-index: 999;
	border: solid 1px #999;
	overflow: hidden;
	font-size: 10pt;
	text-align: left;
}
#yoxview a img, #yoxview_infoPanel a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_mediaPanel
{ 
	position: absolute; 

	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-image: url(images/sprites.png);
	background-repeat: no-repeat;
	display: none;
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	min-height: 70px;
	width: 100%;
	right: 0;
}
#yoxview #yoxview_menuPanel
{ 
	width: 145px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background: url(images/sprites.png) no-repeat left -77px;
	background: rgba(0, 0, 0, 0.8);
	-moz-border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px;
	top: -42px;
}

#yoxview #yoxview_menuPanel a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview_infoPanel
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
	color: White;
	z-index: 2;
	overflow: hidden;
}
#yoxview_infoPanel #yoxview_infoPanelBack
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
#yoxview_infoPanel #yoxview_infoPanelContent
{
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}
#yoxview_infoPanel span#yoxview_count
{
	display: block;
	width: 55px;
	font-size: 0.8em;
	float: left;
	text-align: center;
	padding-top: 8px;
	color: #bbb;
}
#yoxview_infoPanel #yoxview_infoText
{
	margin: 0 55px;
	font-size: 12pt;
	padding: 5px 0;
}
#yoxview_infoPanel #yoxview_infoText #yoxview_infoTextDescription
{
	margin-top: 1em;
	font-size: 10pt;
	padding-bottom: 0.5em;
	max-height: 200px;
	overflow: auto;
	padding-right: 10px;
}
#yoxview_infoPanel #yoxview_infoText a, #yoxview .yoxview_error a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview_infoPanel #yoxview_infoText a:hover, #yoxview .yoxview_error a:hover{ color: #d5eeaa }
#yoxview_infoPanel a.yoxviewInfoLink
{
	display: none;
	opacity: 0.8;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl{ font-size: 10pt; }
#yoxview .yoxview_top{ top: 0; width: 50%; }
#yoxview .yoxview_element{ width: 100%; height: 100%; position: absolute;  border: none; background: #333; }

.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}