/**************/
/* FRONT PAGE */
#frontDIV{
  width:754px;height:404px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-202px;
  margin-left:-377px;
  background-image:url(/images/front1v2_n.jpg);
  vertical-align:middle;
  -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(white));
  /*-webkit-box-shadow: #DDD 0 -5px 3px;*/

}
#frontDIV a{
  text-decoration:none;
  display:block;
  text-indent:-5000px;
}

#frontPortfolioDIV{
  width:264px;height:218px;
  float:left;
  position:relative;
  top:186px;
}
#frontPortfolioDIV span a{
  width:264px;height:218px;
}

#frontPortfolioDIV span a:hover,
#frontPortfolioDIV span a.fading-state {
  background:url(/images/front1v2_h.jpg) bottom left !important;
}

#frontAboutDIV{
  width:275px;height:190px;
  float:right;
}
#frontAboutDIV span a{
  width:275px;height:190px;
}
#frontAboutDIV span a:hover,
#frontAboutDIV span a.fading-state{
  background:url(/images/front1v2_h.jpg) top right !important;
}

#frontContactDIV{
  width:300px;height:214px;
  float:right;
}
#frontContactDIV span a{
  width:300px;height:214px;
}
#frontContactDIV span a:hover,
#frontContactDIV span a.fading-state{
  background:url(/images/front1v2_h.jpg) bottom right !important;
}

/*************/
/* ALL PAGES */

#wrapperDIV{
  border:3px solid #D6D6D6;
  background-color:#FFFFFF;
  text-align:center;
}
.wrapperDIVmodifiers *{
  text-align:left;
}
.wrapperDIVmodifiers{
  width:748px;
  height:100%;
  margin:35px auto 35px auto;
}

#navTopDIV{
  height:104px;
  background-image:url(/images/navTop.jpg);
}
#navTopDIVwrapper{
  height:37px;width:434px;
  float:right;
}
#navTopDIVLogo{
  width:215px;height:66px;
  float:left;
  position:relative;
  top:16px;
  left:27px;
}

/******************/
/* PORTFOLIO PAGE */

.portfolioEntryDIV{
  width:85%;
  padding:10px;
  border:1px solid #D6D6D6;
  margin:10px auto 0 auto;
}
.portfolioEntryDIVTitle{
  font-size:200%;
  color:#CCCCCC;
  text-align:right;
}
.portfolioEntryDIVDescription{
  padding:10px;
  text-align:right;
}
.portfolioEntryDIVPictures{
  padding:10px;
  text-align:center;
}
.portfolioEntryDIVPictures div{
  display:inline-block; /* for jquery.reflect */
;
}
.portfolioEntryDIV img{
  border:0;
}
.portfolioEntryDropShadow{
  background-image:url(/images/portfolioEntryDropShadow.png);
  width:680px;height:25px;
  margin:0 auto;
}

/**************/
/* ABOUT PAGE */

.aboutContDIV{
  width:85%;
  padding:10px;
  border:1px solid #D6D6D6;
  margin:10px auto 0 auto;
}
.aboutContDIVDescription{
  padding:10px;
}

/****************/
/* CONTACT PAGE */

.contactContDIV{
  width:85%;
  padding:10px;
  border:1px solid #D6D6D6;
  margin:10px auto 0 auto;
}
.contactContDIVDescription{
  padding:10px;
}


body *{
	text-align:center;
	behavior:url("/css/csshover.htc") !important;} /*IE hover on tags other than <a>'s hack*/
body{
	font:80% 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	border:0;
	padding:0;
	margin:0;
	background-image:url(/images/bg_pattern.gif)}
#pageIndicator{
	text-align:right}
img{
	border-width:0}
	
/* LINKS */
a, a:visited{
	text-decoration:underline;
	color:#3B72B1}
a:hover{
	text-decoration:none}
	
.preload{visibility:hidden}

/* TEXT */
h1{
	font: 175% "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#3B72B1}
p{
	text-indent:2em}
ul.styledList{
	list-style:square;}

/* NYROMODAL */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/images/modal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(/images/modal/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalContent {
	overflow: auto;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background-image: url(/images/modal/prev.gif);
}
a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
a.nyroModalNext:hover {
	background-image: url(/images/modal/next.gif);
}