body { text-align: center; color:#faf2e5; top: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
color:#333; background-image: url(images/ic-color-bg1.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1; }

/****** start of base css *****/
a { color: #937125; text-decoration: none; font-weight: normal; outline: none medium; }
a:visited {
	}
a:active {
	}
a:hover { text-decoration: none; }
strong, b {
	font-weight: bold;
	}
hr { margin: 0; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px; }
p {
	font-size: 100%;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em; 
	}
li { font-size: 11px; line-height: 16px; margin-top: 0.3em; margin-bottom: 0.2em; list-style-type: none; }
ul { margin-top: 12px; margin-bottom: 12px; list-style-type: none; }
img { float: left; margin: 0; border: 0; }

/**** main page layout ***/




#container{ background-repeat: repeat; background-attachment: scroll; background-position: 1px top; text-align: left; position: absolute; top: 0; left: 50%; width:1920px; margin:0 auto 0 -962px; }
#header{ background-color: transparent; position: absolute; top: 0; width: 1920px; height: 150px; }
#wrapper{ position: relative; top: 0; float:left; width:100%; height: 100%; margin-top: 150px; }
#content{ background-repeat: no-repeat; background-attachment: scroll; position: relative; top: 0; width: 537px; height: 100%; min-height: 700px; margin: 0 651px 0 733px; height:100%; }

#right_side{  background-repeat: no-repeat; background-attachment: scroll; float:left; width:651px; height: 702px; margin-top: 150px; margin-left:-651px; }
#left_side{  background-repeat: no-repeat; background-attachment: scroll; float:left; width:732px; height: 702px; margin-top: 150px; margin-left:-1920px; }

#footer{ background-color: transparent; position: relative; top: 0; width:534px; height: 100px; float: left; margin: 0 654px 0 735px; padding-top: 20px; }




#header h1 { background-image: url(http://www.intentionalcreations.com/wp-content/themes/Intentional-Creations/images/ic-logo.jpg); background-repeat: no-repeat; background-position: left top; margin:0; text-indent: -9999px; width: 732px; height: 150px; float: left; padding: 0; }

#header h2 { background-image: url(http://www.intentionalcreations.com/wp-content/themes/Intentional-Creations/images/ic-header-right.jpg); background-repeat: no-repeat; background-position: right top; margin:0; text-indent: -9999px; position: relative; top: 0; width: 651px; height: 150px; float: right; padding: 0; }
/*
#content_wrapper { background-image: url(../images/main-text-bk1.jpg); background-repeat: no-repeat; background-attachment: scroll; position: relative; top: 150px; left: 50%; width: 537px; height: 669px; z-index: 10; min-height: 594px; }
*/

#secondary-nav { background-color: transparent; padding:0; text-align: left; position: absolute; top: 175px; left: 550px; width: 200px; z-index: 20; float: right; }
/***** columns layout ****/
/*
#center { background-color: transparent; position: relative; width: 463px; z-index: 40; margin-top: 0; margin-left:249px; margin-right:249px; }
*/



#content h2 { font-family: verdana, arial, sans-serif; font-size: 16px; color: #83773c; font-style: normal; padding:0 4px 4px; background-color: transparent; text-align: center; margin: 5px 20px; }
#content h3 { font-family: verdana, arial, sans-serif; font-size: 14px; color: #b68d21; padding:0 4px 4px; background-color: transparent; margin: 10px 10px 5px; border-bottom: 1px solid #004c19; }
#content h4 { font-family: verdana, arial, sans-serif; font-size: 12px; color: #83773c; padding:0 4px 4px 35px; background-color: transparent; margin: 5px 20px; }
#content h5 { font-family: verdana, arial, sans-serif; font-size: 12px; color: #95584e; padding:15px 30px 5px 40px; margin: 0; }
#content h6 { font-size: 11px; color: #c09a59; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; background-color: #fdff23; text-align: center; letter-spacing: 1px; }
#content p { font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 20px; margin-top: 0; margin-bottom: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px; }

#content .centered { text-align: center; margin-right: 20px; margin-left: 20px; }
#content .highlight { font-size: 13px; font-weight: normal; font-style: italic; text-align: center; margin-right: 20px; margin-left: 20px; }
#content .notation{ color: black; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; text-align: right; margin-left: 250px; }
#content .quoted-text{ color: #95584e; font-size:13px; font-family: Georgia, Palatino, Baskerville, serif; font-style: italic; line-height: 25px; text-align: center; padding: 20px 30px; }
p.caption{ color: #9a7820; font-size: 11px; line-height: 15px; }
#projects{ width: 490px; height: auto; overflow: visible; margin-right: 10px; margin-left: 10px; padding-right: 10px; padding-left: 10px; }
.projects-left{ font-variant: small-caps; text-align: left; position: relative; width: 400px; height: 75px; overflow: visible; float: left; margin-left: 25px; }
.projects-right{ font-variant: small-caps; text-align: right; position: relative; width: 400px; height: 75px; overflow: visible; float: right; margin-right: 25px; }
#projects a:link, #projects a:visited
{ text-decoration: none; color: #83773c; font-size: 11px; margin: 0; padding: 0;}
#projects a:hover
{ color: #847e5f; padding: 1px 0px 1px 0px; border-top: 1px solid #b68d21; border-bottom: 1px solid #b68d21; }
#projects h4
{ text-decoration: none; color: #83773c; font-size: 14px; margin: 0; padding: 0;}
#footer p { padding-top:20px; text-align:center; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 11px; line-height:16px; color:#000; padding-bottom: 5px; padding-left: 25px; border-top: 1px solid #83773c; }

#footer a:link { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; font-weight: normal; position: relative; }

#footer a:visited { color: #fff; }
#footer a:active { color: #fff; }
#footer a:hover { color: #e2e4e0; text-decoration: none; border-bottom: 1px dotted #fcf5ed; }


/***** navigation *****/

#navcontainer { text-align: center; position: absolute; top: 0; right: 0; width: 537px; height: 150px; z-index: 66; margin: 0 651px 0 732px; }

#navlist
{ position: relative; width: 535px; margin-top: 100px; margin-left: 100px; }

#navlist ul, #navlist li
{ text-align: right; display: inline; list-style-type: none; list-style-image: none; }

#navlist a:link, #navlist a:visited
{ float: left; line-height: 12px; margin: 0 10px; text-decoration: none; color: #847e5f; font-size: 11px; padding-top: 3px; padding-bottom: 3px; }

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{ padding-top: 3px; padding-bottom: 3px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-bottom: 1px solid #886b21; }

#navlist a:hover { color: #3d5062; }
#navlist a.current { color: #3d5062; border-top: 1px solid #5d472f; border-bottom: 1px solid #5d472f; }

/*

#navcontainer { text-align: center; width: 961px; z-index: 5; }


#navlist li { list-style: none; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size:70%; padding-right: 5px; padding-left: 15px; display: inline; white-space: nowrap; }

#navlist li a { color: #f0da62; font-size: 70%; text-decoration: none; }
*/
#linkcontainer { text-align: left; position: relative; top: 0; left: 0; width: 200px; height: auto; z-index: 99; }

#linklist ul, #linklist li { width: 100%; font-family:Avenir, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size:12px; list-style-image: none; display: block; }

#linklist li a { color: #f0da62; text-decoration: none; }
#linklist a:link, #linklist a:visited
{ line-height: 32px; margin: 0 0 100px -40px; text-decoration: none; color: #e9d59a; font-size: 12px; padding: 1px 0; }

#linklist a:link#current, #linklist a:visited#current, #linklist a:hover
{ padding: 1px 8px 1px 5px; border-right: 1px solid #aaa; border-left: 1px solid #aaa; }

#linklist a:hover { color: #ccc; }
#linklist a.current { color: silver; padding-right: 5px; padding-left: 5px; border-right: 1px solid #f3e5cf; border-left: 1px solid #f3e5cf; }
/**** images *****/

.thumbnail_left { position: relative; float:left; margin: 10px 10px 30px 25px; padding: 5px; border:solid 1px #a57f24; }


.thumbnail_right { position: relative; float:right; margin: 10px 20px 30px 10px; padding: 5px; border:solid 1px #a57f24; }
.image_center { position: relative; left: 25%; clear: both; margin-top: 10px; margin-bottom: 10px; padding: 5px; border:solid 1px #a57f24; }
.image_normal{ padding: 5px; border:solid 1px #a57f24; }
.section{ position: relative; width: 475px; float:left; margin-left: 60px; }
.page-header{ background-color: transparent; position: relative; left: 0; width: 536px; height: 55px; margin: 12px 0 5px; padding-bottom: 10px; }

/**** misc stuff ****/
.spacer { clear:both; margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden; padding-bottom: 1px; /* for Gecko-based browsers */
}

.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}
.clearboth {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  height: 1px;
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}
.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}
/* Hides from IE-mac \*/
.clearfix {display: block;}

/* End hide from IE-mac */

/* column setup for projects page */
.column1-unit {width:500px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:125px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:125px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:125px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.clear-contentunit {clear:both;}

.thumb_left {float:left; margin-right:145px; margin-bottom:10px; padding:5px; border:solid 1px #a57f24; }
.thumb_right {float:right; margin:2px; margin-bottom:10px; padding:5px; border:solid 1px #a57f24; }

#projects p.left-title{ font-variant: small-caps; color:#FFFFFF;line-height: 15px; margin-top: 20px; padding-top: 1px; text-align: left; position: relative; height: 75px; overflow: visible; float: left; margin-right: 10px;}
#projects p.right-title{ font-variant: small-caps; color:#FFFFFF;line-height: 15px; margin-top: 20px; padding-top: 1px; text-align: left; position: relative; height: 75px; overflow: visible; float: right; margin-right:10px;}