/* CSS Document */

* {
	margin:0;
	padding:0;
}



html, body {height: 100%;}


body {
	padding:0;
	margin:0;
	width:100%;
	background: #FFF url(../images/main_bgrnd_wrap.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
}

img {vertical-align:top;}
a img { border:0;}

ul { 
     list-style:none;
	 list-style-type:disc;
	 list-style-position:outside;
	 /*margin-left:20px;
	 width:720px;*/

}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.308em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#000;}
a:hover{text-decoration:none;}
/*p {
	padding-top:475px;
}*/

/* ============================= main layout ====================== */


h2 {font-size:0.769em; line-height:1.001em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; padding:1px 0 0px 0;}
h4 {font-size:1.1em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; padding:1px 0 0px 0;}
h3 {color:#a67c52;}
h6 {color:#FFF; font-size:0.8em; line-height:1.2em; font-family:"Arial Black", Gadget, sans-serif;}

#apDiv2 h2 {font-size:1.2em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#a67c52;}
#apDiv2 h3 {font-size:0.8em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}

#footercontent h1 {font-size:2.7em; line-height:0.8em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
#footercontent h2 {font-size:2.4em; line-height:1.2em;font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
#footercontent h3 {font-size:1.2em; line-height:1.5em;font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
#footercontent h4 {font-size:0.94em; line-height:1.2em;font-family:Arial, Helvetica, sans-serif; color:#ffffff; text-align:right;}
#footercontent h5 {font-size:0.9em; line-height:1.8em;font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:right;}
#footercontent h5 a {font-size:1.1em; line-height:1.8em;font-family:Arial, Helvetica, sans-serif; color:#666666; text-align:right;}

#page1 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page1 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page2 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page2 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page3 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page3 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page4 h3 {font-size:0.9em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
#page4 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page4 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page5 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page5 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page6 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page6 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page7 h1 {font-size:0.9em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#ffffff;}
#page7 h3 {font-size:0.9em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
#page7 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page7 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page8 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page8 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

#page9 h3 {font-size:0.9em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;}
#page9 h4 {font-size:2.0em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
#page9 h5 {font-size:1.2em; line-height:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

/* ============================= header ====================== */

/*.anti-flash {position:absolute; margin-left:980px; z-index:2;}*/
/*.flash {position:absolute; width:1000px; height:510px; z-index:1;}
.flash2 {width:400px; height:400px; z-index:1; display:block;}*/

#flashsystem {
	display:block;
}

#flashDiv2 {position:absolute; width:400px; height:400px; overflow:hidden;}


/* ============================= content ====================== */

.img {position:absolute;}
.indent {padding:5px 0px 0 70px;}
.indent2 {padding:0 0px 0 20px;}
.indenta {padding:10px 4px 0 25px;}
.text-indent {padding:0 65px 10px 0;}
.text-indent1 {padding:0 65px 28px 0;}
.text-indent1a {padding:0 65px 20px 0;}
.text-indent1b {padding:0 65px 24px 0;}
#page7 .text-indent {padding:0 65px 17px 0;}
.text-indent2 {padding:22px 65px 31px 0;}
.text-indent2a {padding:10px 65px 25px 0;}
.text-indent3 {padding:0 50px 36px 0;}
.text-indent4 {padding:0 50px 15px 0;}
.col-pad1 {padding-right:10px;}
.col-pad2 {padding-right:52px;}
.col-pad3 {padding-right:15px;}
.col-pad4 {padding-bottom:6px;}
.col-pad5 {padding-bottom:13px; padding-right:25px;}
.col-pad6 {margin-bottom:13px; margin-right:10px;}
.col-pad7 {padding-bottom:13px; padding-right:15px;}
.col-pad8 {margin-bottom:18px; margin-right:15px;}


/* ============================= page boxes ====================== */

.box2 {background:url(../images/box4b.jpg) top left no-repeat transparent; color:#000000; font-size:0.923em; line-height:1.5em;}
.box2 .indent {padding:20px 20px 100px 20px;}

/* =============================================================== */

.padding1 {padding-top:13px;}
.padding2 {padding-top:14px;}
.padding3 {padding-top:1px;}
.phone {float:right; padding-right:85px;}
.phoneb {float:right; padding-right:20px;}

/*.wrapper {
	position:relative;
	width:1000px;
	margin:0 auto -170px;
}
			
.footerstrap {
	height: 170px;
	position:relative;
	margin:0 auto;
	background: #FFF url(../images/footerbgrnd.jpg) no-repeat center bottom;
}
*/

/* ============================= footer ====================== */


#footer {color:#a67c52; font-size:0.7em; padding:0px 0 0 0px; font-family:Arial, Helvetica, sans-serif; line-height:1.8em; background: #FFF url(../images/footerbgrnd.jpg) no-repeat center bottom;}
#footer a {color:#ffffff; text-decoration:none;}
/*#footer h6 {color:#a67c52; font-size:0.7em; padding-bottom:1px; text-align:center;}*/

#footer .menu {overflow:hidden; text-align:right; padding:0 0 4px 118px;}
#footer .menu li {display:inline; border-left:1px solid #ffffff; padding:0 12px 0 12px;}
#footer .menu lib {padding:0 0 0 12px;}
#footer .menu a {text-decoration:none;}
#footer .menu a:hover {color:#a67c52;}

/* ============================= forms ============================= */

#HeaderForm {padding:22px 0 0 542px; color:#030303; font-size:0.923em;}
#HeaderForm .input {width:183px; height:18px; border:1px solid #b0b7bc; background:none; padding:0 0 0 5px; font-size:1em;}
#HeaderForm select { font-size:1em; width:60px; line-height:1.001em;}

#ContactForm .container{height:95px;}
#ContactForm {padding:5px 0 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .link1 {float:right; margin-left:30px;}
#ContactForm .input {width:182px; height:16px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:267px; height:70px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}

/* ============================= scroller ============================= */

#apDiv1 {
	float:left;
	position:absolute;
	padding-left:0px;
	margin-top:555px;
	width:480px;	
	z-index:auto;
	overflow: auto;
	visibility: inherit;
}

#apDiv2 {
	float:left;
	position:absolute;
	padding-left:560px;
	top:555px;
	width:360px;
	height:500px;
	/*z-index:-1;*/
	overflow: auto;
	visibility: inherit;
}

#apDiv3 {
	padding-left:16px;
	padding-top:11px;
	width:270px;
	height:470px;
	overflow: auto;
	visibility: inherit;
}

#apDiv4 {
	float:left;
	padding-left:0px;
	width:250px;
	position:absolute;
}

#apDiv5 {
	float:left;
	padding-top:40px;
	width:269px;
	height:113px;
	overflow: auto;
	visibility: inherit;
	position:absolute;
}

#apDiv6 {
	margin-top:160px;
	width:250px;
	overflow: auto;
	visibility: inherit;
	position:absolute;
}

#apDiv7 {
	float:left;
	padding-top:220px;
	width:270px;
	height:250px;
	overflow: auto;
	visibility: inherit;
	position:absolute;
}

#apDiv8 {
	position:absolute;
	width:250px;
	height:30px;
	margin-top:5px;
	margin-left:125px;
	overflow: auto;
	visibility: inherit;
}

#apDiv9 {
	position:absolute;
	width:250px;
	height:35px;
	margin-top:33px;
	margin-left:125px;
	overflow: auto;
	visibility: inherit;
}

#apDiv10 {
	position:absolute;
	width:250px;
	height:30px;
	margin-top:63px;
	margin-left:125px;
	overflow: auto;
	visibility: inherit;
}

#apDiv11 {
	/*position:absolute;*/
	width:480px;
	height:4px;
	margin-top:-20px;
	visibility: inherit;
}

#apDiv12 {
	position:absolute;
	width:1000px;
	height:120px;
	margin-left:23px;
	visibility: inherit;
}

#apDiv13 {
	position:absolute;
	width:1000px;
	height:50px;
	margin-top:45px;
	visibility: inherit;
}

#apDiv14 {
	float:left;
	position:absolute;
	margin-left:480px;
	top:555px;
	width:450px;
	/*z-index:-1;*/
	overflow: auto;
}

#apDiv15 {
	float:left;
	height:400px;
	width:480px;
	z-index:auto;
	visibility: inherit;
}

#apDiv16 {
	float:left;
	position:absolute;
	margin-left:480px;
	top:555px;
	width:480px;
	z-index:auto;
	overflow: auto;
}

#apDiv17 {
	float:left;
	position:absolute;
	padding-left:0px;
	margin-top:540px;
	width:880px;	
	height:345px;
	z-index:auto;
	overflow: auto;
	visibility: inherit;
}

#apDiv18 {
	/*position:absolute;*/
	width:860px;
	height:4px;
	margin-top:-20px;
	visibility: inherit;
}

#apDiv19 {
	float:left;
	height:300px;
	width:880px;
	z-index:auto;
	visibility: inherit;
}

#apDiv20 {
	float:left;
	position:absolute;
	/*padding-left:480px;*/
	top:835px;
	width:860px;
	z-index:auto;
	overflow: auto;
}

#apDiv21 {
	float:left;
	position:absolute;
	padding-left:0px;
	margin-top:555px;
	width:860px;	
	height:500px;
	z-index:auto;
	overflow: auto;
	visibility: inherit;
}

#apDiv22 {
	float:left;
	height:455px;
	width:860px;
	z-index:auto;
	visibility: inherit;
}

#apDiv23 {
	float:left;
	position:absolute;
	padding-left:0px;
	margin-top:555px;
	width:860px;	
	height:110px;
	z-index:auto;
	overflow: auto;
	visibility: inherit;
}

#apDiv24 {
	float:left;
	position:absolute;
	/*padding-left:480px;*/
	top:670px;
	width:860px;
	z-index:auto;
	overflow: auto;
}

#apDiv25 {
	float:left;
	height:65px;
	width:860px;
	z-index:auto;
	visibility: inherit;
}

#apDiv26 {
	margin-left:50px;
	margin-top:75px;
	width:71px;
	height:75px;
	overflow: auto;
	visibility: inherit;
}

#apDiv27 {
	margin-left:300px;
	margin-top:-75px;
	width:71px;
	height:75px;
	overflow: auto;
	visibility: inherit;
}


#apDiv28 {
	margin-left:175px;
	margin-top:-75px;
	width:69px;
	height:75px;
	overflow: auto;
	visibility: inherit;
}

#apDiv29 {
	float:left;
	position:absolute;
	padding-left:0px;
	margin-top:555px;
	width:880px;	
	height:510px;
	z-index:auto;
	overflow: auto;
	visibility: inherit;
}

#apDiv30 {
	float:left;
	height:465px;
	width:880px;
	z-index:auto;
	visibility: inherit;
}

#phonebtn {
	float:left;
	padding-left:20px;
	width:90px;
	height:106px;
	overflow: auto;
	visibility: inherit;
}

#footercontent {
	padding-top:50px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	overflow: auto;
	visibility: inherit;
}

#footerart {
	margin-left:auto;
	margin-right:auto;
	background: #FFF url(../images/footerart1.jpg) no-repeat center bottom;
	margin-top:-230px;
	/*position:absolute;
	z-index:-3;*/
	height:180px;
	overflow: auto;
	visibility: inherit;
}

/* ============================= roll overs ============================= */

#njm1 {display: block; width: 71px; height: 75px; background: url("../images/njm1.jpg") no-repeat 0 0; }
#njm1:hover { background-position: 0 -75px; }
#njm1 span { display: none; }

#njm2 {display: block; width: 71px; height: 75px; background: url("../images/njm2.jpg") no-repeat 0 0; }
#njm2:hover { background-position: 0 -75px; }
#njm2 span { display: none; }

#niceDice {display: block; width: 69px; height: 75px; background: url("../images/nicedice_rollover.jpg") no-repeat 0 0; }
#niceDice:hover { background-position: 0 -75px; }
#niceDice span { display: none; }


/* ============================= scroller ============================= */

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	/*background-image:url(../images/scrollbgrnd.png);*/
    /* vertical scrollers have typically larger height than width */ 
    height: 400px; 
    width: 480px; 
} 
 
/* root element for scrollable items */ 
div.scrollable div.itemsx { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 400px;	 
	width: 480px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.itemsx {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.itemsx div {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:14px;
	line-height:18px;
	height:470px;
}

/* elements inside single item */
/*.items img {
	float:left;
	margin-right:20px;
	height:450px;
	width:4000px;
}

.items h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}
*/
/* the action buttons above the scrollable */
#actionsx {
	width:450px;
	margin:10px 0 10px 0;	
}

#actionsx a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actionsx a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;
}	



/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}






/* ============================= current projects ============================= */


#nav {
	background:#ebdccf url(../images/h300_reverse.png);
	border-bottom:1px solid #CCCCCC;
	height:156px;	
	width:859px;
}

#nav ul {	
	width:600px;
	margin:0 auto;	
}

#nav li {	
	border-right:1px solid #ddd;
	float:left;
	padding-left:1px;
	width:175px;
	list-style-type:none;
	text-align:center;
}

#nav a {
	color:#333333;
	display:block;
	padding:17px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	height:122px;
	text-decoration:none;
}	

#nav a.current {
	background:url(../images/down_large.jpg);	
}

#nav img {
	background-color:#fff;
	border:1px solid #ccc;
	margin:3px 0 5px 27px;
	padding:4px;		
	display:block;
}

#nav strong {
	display:block;		
	font-size:11px;
}

/* panes */
#panes {
	background:#fff url(../images/h300_reverse.png) repeat scroll 0 0;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:857px;	
	height:255px;
	margin-bottom:-20px;
	padding-bottom:20px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#444;	
	width:815px; 
}

#panes img {
	float:left;
	margin-right:20px;		
}

#panes p.more {
	color:#000;
	font-weight:bold;
	line-height:28px;
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}





/* ============================= portfolio ============================= */



/* main vertical scroll */
#mainport {
	position:relative;
	overflow:hidden;
	height: 396px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	padding:10px;
	height: 376px;
	background: url(../images/porfolioBgrnd.jpg) no-repeat bottom right;
	width:600px;
}

/* root element for horizontal scrollables */
.scrollable2 {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable2 .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:550px;
	height:300px;
	padding:10px;
}

/* main navigator */
#main_navi {
	float:left;
	padding:0px !important;
	margin:0px !important;
}

#main_navi li {
	background-color:#666666;
	border-top:1px solid #282828;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	height:45px;
	list-style-type:none;
	padding:10px;
	width:220px;
	cursor:pointer;
}

#main_navi li:hover {
	background-color:#888888;
}

#main_navi li.active {
	background-color:#282828;
}

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

#mainport div.navi {
	margin-left:8px;
	cursor:pointer;
}