/* Main stylesheet for Western Architectural web site */

/*General elements */

/*This site has a baseline of 19px and a font size of 11px. */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0px;
	padding:0px;
	border:0px;
}

body {
	font-size:68.75%; /*For IE, sets to 11px font-size but allows it to remain scalable (from the normal 16px in IE)*/
}

html>body {
	font-size:11px; /*For Firefox and Safari*/
}

body {
	background: #05305A;	
	background-image:url(../navimages/pagebackground.jpg);
	background-repeat:repeat-x;
	line-height:1.727272727272727273em; /*Sets to 19px line height*/
	font-family: Verdana, Helvetica, sans-serif;
	color: #555352;
	text-align: center;
	padding: 36px 10px 10px;
}

p {
  margin: 1.727272727272727273em 0; /*Sets to 19px*/
  font-size:1em;
}

h1, h2, h3, h4, h5 {
	color:#8C2129;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;
  
}

h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: .83em 0;
}

h3 {
  font-size: 1.363636364em; /*Sets to 15px*/
  line-height:1.2666667em; /*Sets to 19px*/
  font-weight: bold;
  margin: 1.2666667em 0; /*Sets to 19px*/
}

h4 {
  font-size: 1.363636364em; /*Sets to 15px*/
  line-height:1.2666667em; /*Sets to 19px*/
  font-weight: normal;
  margin: 1.2666667em 0; /*Sets to 19px*/
}

h5 {
  font-size: 1em; /*Sets to 11px*/
  font-weight: bold;
  margin: 1.727272727272727273em 0; /*Sets to 19px*/
  line-height:1.727272727272727273em; /*Sets to 19px*/
	
}


ul {
  list-style-type: disc;
  margin:0;
  padding-left:20px;
}

ol {
  list-style-type: decimal;
  margin: 1.727272727272727273em 0;
  padding-left: 40px;
}

a, a:link {
	/*color:#2C777E;*/
	color:#204E7B;
}

a:visited, a:hover, a:active {
	/*color:#6DA3A8;*/
	color:#204E7B;
}

.hide_screen
{
	visibility:hidden;
	display:none;
}

.clearall { clear: both; }


/* End General Elements */

/* ------------------------------------------ 

/* Page Layout Elements */

#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: #fff url("../navimages/wrapperbkgnd.gif") repeat-y top left;
}

#mainbox {
	padding:0px 11px;
	width:758px; / width:780px;
	overflow:hidden;
}

#logobar {
	width:780px;
	height:39px;
	background-image:url(../navimages/logobar.gif);
	background-repeat:no-repeat;
	line-height:0px;
	font-size:0px;
}

#logobar #clickToHome {
	width:123px;
	height:35px;
	cursor:pointer;
}

#imagebar {
	width:780px;
	height:194px;
	background-repeat:no-repeat;
	line-height:0px;
	font-size:0px;
}
#linkbar {
	width:738px; / width:758px;
	height:20px;
	background-image:url(../navimages/linkbarbkgnd.gif);
	background-repeat:repeat-x;
	padding:0px 15px 0px 5px;
	position:relative;
}

#linkbar a, #linkbar a:visited {
	color:#20160F;
	text-decoration:none;
	height:13px; / height:17px;
	padding:2px 0px 1px; / padding:2px 0px;
	font-size:10px;
	line-height:13px;
	border-bottom:none;
	margin-bottom:3px;
}

#linkbar a:hover {
	color:black;
	border-bottom:3px solid #8C2129;
	margin-bottom:0px;
}

#linkbar ul {
	margin:0px;
	padding:0px;
}

#linkbar ul li {
	display:inline;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#linkbar ul#primarynav {
	float:left;
	position:relative;
}


#linkbar ul#primarynav li {
	background-repeat:no-repeat;
	position:absolute;
	height:27px;
	display:block;
}

#linkbar ul#primarynav li a, #linkbar ul#primarynav li a:visited {
	display:block;
	padding-bottom:2px;
}

#linkbar ul#primarynav li a span {
	display:none;
	visibility:hidden;
}

#linkbar ul#primarynav li a:hover {
	border-bottom:2px solid #8C2129;
	margin-bottom:1px;
}

li#button_on_singlefam, li#button_off_singlefam {
	background-image:url(../navimages/button_off_singlefam.gif);
	width:120px;
}

li#button_on_singlefam a, li#button_off_singlefam a {
	width:100px;
	margin-right:10px;
	margin-left:10px;
}

li#button_on_singlefam {
	background-image:url(../navimages/button_on_singlefam.gif);
	z-index:10;
}

li#button_on_multifam, li#button_off_multifam {
	background-image:url(../navimages/button_off_multifam.gif);
	left:120px;
	width:180px;
}

li#button_on_multifam a, li#button_off_multifam a {
	width:160px;
	margin-right:10px;
	margin-left:10px;
}

li#button_on_multifam {
	background-image:url(../navimages/button_on_multifam.gif);
	z-index:10;
}

li#button_on_commercial, li#button_off_commercial {
	background-image:url(../navimages/button_off_commercial.gif);
	left:300px;
	width:109px;
}

li#button_on_commercial a, li#button_off_commercial a {
	width:89px;
	margin-right:10px;
	margin-left:10px;
}

li#button_on_commercial {
	background-image:url(../navimages/button_on_commercial.gif);
	z-index:10;
}

li#button_on_singlefam a:hover, li#button_on_multifam a:hover, li#button_on_commercial a:hover {
	border-bottom:none;
}

#linkbar ul#secondarynav {
	top:0px;
	right:0px;
	position:absolute;
}

#linkbar ul#secondarynav li {
	padding-right:.5em; / padding-right:.2em;
	padding-left:0px; / padding-left:.5em;
	background-image:url(../navimages/secondarynavpipe.gif);
	background-repeat:no-repeat;
	background-position:right;
}

#linkbar ul#secondarynav li.last {
	background-image:none;
}

#linkbar ul#secondarynav li a#selected {
	color:black;
	border-bottom:3px solid #8C2129;
	margin-bottom:0px;
}

#footerbar {
	width:718px; / width:758px;
	height:13px; / height:27px;
	background-image:url(../navimages/footerbkgnd.gif);
	background-repeat:repeat-x;
	font-size:10px;
	line-height:1em;
	padding:7px 20px;
	overflow:hidden;
	/*font-size:0px;*/
}

#endcap {
	width:778px; / width:778px;
	margin:0px 1px;
	height:7px;
	background-image:url(../navimages/endcap.gif);
	background-repeat:repeat-x;
	line-height:0px;
	font-size:0px;
}

#centerwell {
	width:450px; / width:504px;
	float:left;
	padding-left:30px;
	padding-right:24px;
}

#centerwell h3, #centerwell h4 {
	position:relative;
	left:-30px;
	border-left:3px solid #8C2129;
	padding-left:14px;
	width:466px; / width:480px;
	margin-right:0px; / margin-right:-30px;
}

/* Portfolio Centerwell items */

#portfolioCenterwell {
	width:210px; / width:504px;
	float:left;
	padding-left:270px;
	padding-right:24px;
	position:relative;
}

#portfolioCenterwell2 {
	width:210px; / width:504px;
	float:left;
	padding-left:24px;
	padding-right:270px;
	position:relative;
}

#portfolioImage {
	position:absolute;
	left:16px;
	top:19px;
	width:232px;
}

#portfolioImage2 {
	position:absolute;
	right:16px;
	top:19px;
	width:232px;
}


/*#portfolioImageControl {
	border:1px solid gray;
	border-top:none;
	height:22px;
	text-align:center;
	position:relative;
	padding-left:25px;
}

#portfolioImageControl a {
	float:left;
	text-decoration:none;
	color:#555352;
}

#portfolioImageControl a:hover {
	text-decoration:underline;
}

#portfolioImageControlIcons {
	display:inline;
}

#portfolioImageControlIcons a {
	display:block;
	border:1px solid black;
	background-color:#DAA177;
	line-height:0px;
	font-size:0px;
	padding:0;
	height:8px;
	width:8px;
	margin:5px;
}

#portfolioImageControlIcons a:hover, #portfolioImageControlIcons a.selected {
	background-color:#8C2129;
}

#portfolioImageControlIcons a span {
	display:none;
	visibility:hidden;
}*/


/*The sidebar has a baseline of 19px and a font size of 10px. */

#sidebar {
	width:210px; / width:253px;
	float:right;
	padding-left:28px;
	padding-right:15px;
	font-size:.90909090909090em;
	line-height:1.9em; /*19px*/
	color:black;
}

#sidebar p {
	margin:1.9em 0; /* Sets to 19px */
	font-size:1em;
}

#sidebar h3 {
	background-image:url(../navimages/sidebarheadbkgnd.gif);
	background-repeat:no-repeat;
	left:-28px;
	width:225px; / width:253px;
	padding-left:28px;
	padding-right:0px;
	position:relative;
	color:#FFFFFF;
	font-size:1.2em; /* Sets to 12px */
	line-height:1.583333333333em; /* Sets to 19px */
	font-weight:normal;
	margin:1.58333333333em 0 0; /* Sets to 19px */
	margin-right:0px; / margin-right:-43px;
}

#sidebar .divider {
	position:relative;
	left:-28px;
	width:253px;
	height:1px;
	line-height:0px;
	font-size:0px;
	background-color:#6B645E;
	margin-top:9px;
	margin-bottom:9px;
	margin-right:-43px;
}

#sidebar ul.portfolioList {
	padding:0.86363636em 0; /*Sets to 19px line height*/
	position:relative;
	width:253px;
	left:-28px;
	list-style:none;
	margin-right:0px; / margin-right:-43px;

}

#sidebar ul.portfolioList li a, #sidebar ul.portfolioList li a:visited, #sidebar ul.portfolioList li a:active {
	display:block;
	width:210px; / width:253px;
	padding: 0.863636em 15px 0.863636em 28px;
	text-decoration:none;
	color:#204E7B;
	min-height:57px;
}

#sidebar ul.portfolioList li a#thumbnailselected {
	background-color:#BCAFA4;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#sidebar ul.portfolioList li a:hover {
	background-color:#BCAFA4;
}

#sidebar ul.portfolioList li a div {
	position:relative;
	padding-left:70px;
}

#sidebar ul.portfolioList li a div img {
	position:absolute;
	left:0; / left:-70px;
	top:0; / top: -3px;
	border:2px solid white;

}


.highlight {
	background-color:#66FF00;
}

.fix {
	background-color:#FFFF66;
}