@charset "utf-8";
/* CSS Document */

body {
	background: #dfdfdf url(../images/background.jpg) no-repeat top center;
	margin: 0;
	padding: 0 20px;
	color: #666;
	font-size: 0.75em;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.5em;
}

a, a:visited {
	color:#ec297b;
	text-decoration:none;
}

a:hover, a:active {
	color:#000000;
	text-decoration:underline;
}



/* Page positioning */

#wrap {
	width:922px;
	margin: 0 auto;
}
#header {
	position: relative;
	/*top:285px;*/
	left:1px;
	width:908px;
	height:140px;
	margin: 0;
	padding:  0;
}
#logo {
	position: relative;
	float:right;
	top:28px;
	right:0px;
	width:222px;
	height:112px;
	margin: 0;
	padding:  0;
}
#tagline {
	position: relative;
	top:74px;
	left:0px;
	width:392px;
	height:31px;
	margin: 0;
	padding:  0;
}

#navbarWrapper {
	background: #FFF url(../images/nBackground.jpg) no-repeat top center;
	position: relative;
	top:144px;
	left:6px;
	width:922px;
	height:55px;
	margin: 0;
	padding:  0;
}

#navbarInner{
	position: relative;
	top:9px;
	left:-9px;
	font-size: 110%;
	color:#03F;
	
	}

#navbarItem {
	position: relative;
	float:left;
	background:  url(../images/nSeparator.gif) no-repeat right top;
	}

#navbarContact {
	position: relative;
	float:right;
	}

#contentWrapper {
	position: relative;
	top:138px;
	left:1px;
	width:906px;
	/*height:375px;*/
	margin: 0;
	padding:  0;
	font-size: 100%;
}

/* Homepage positioning*/
#cHomePres {
	background: #000 url(../images/hBox-background.gif) no-repeat top center;
	position: relative;
	top:7px;
	left:4px;
	width:903px;
	height:244px;
	margin: 0;
	padding:  0;
	font-size: 100%;
	color:#FFF;
}

#cHomePresLeftColumn {
	float:left;
	width:283px;
	height:244px;
	margin: 0;
	padding: 0px 0px 0px 0px;

	}

	#cHomePresRecentwork {
	  position: relative;
	  
	  top:33px;
	  left:22px;
	  
	  width:253px;
	  height:186px;
	  margin:0;
	
	}
		#cHomePresRecentwork img  {
			border:1px solid #FFF;	
			width:251px;
			height:184px;
		}
		

	#cHomePresRecentworkOpacity {
	  position:absolute;
	  bottom:1px;
	  left:1px;
	  width:241px;
	  height:30px;
	  background:#000;
	  padding:5px;
	}
	#cHomePresRecentworkOpacity {
	  filter: alpha(opacity=60);
	  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	  -moz-opacity: 0.60;
	  opacity:0.6;
	}
	#cHomePresRecentworkOpacityCaption {
	  position:absolute;
	  bottom:0;
	  left:0;
	  width:240px;
	  height:30px;
	  background:transparent;
	  padding: 10px 5px;
	  color:#FFF;
	  font-size:95%;
	}


#cHomePresMiddleColumn {
	float:left;
	width:270px;
	height:216px;
	padding:28px 20px 0 28px;
}


#cHomePresRightColumn {
	float:left;
	height:216px;
	margin: 0;
	padding:28px 18px 0;
	width:260px;
}

#cHomePresMiddleColumn P, #cHomePresRightColumn P{
	margin-top:10px;
}

#cHomeIntro {
	position: relative;
	
	top:24px;
	left:5px;
	height:160px;
	
	margin: 0;
	padding:  0;
	
	color:#3f3828;
}


#cHomeIntroLeftColumn {
	float:left;
	width:303px;
	margin: 0;
	padding:  0;
}


#cHomeIntroMiddleColumn {
	float:left;
	width:570px;
	margin: 0;
	padding:0 23px 0 8px;
	
}
#cHomeIntroRightColumn {
	float:left;
	width:260px;
	margin: 0;
	padding: 0px 15px;

}


/* Content Page positioning */
#cPage {
	background: #FFF url(../images/cBox-background.gif) repeat top center;
	position: relative;
	top:7px;
	left:6px;
	width:901px;
	/*min-height:100%;*/
	margin: 0;
	padding:  0;
	font-size: 100%;
	color:#000;
}
#cPageTop{
	background: #FFF url(../images/cBox-top.gif) no-repeat top center;
	height:3px;
	width:901px;
	}
#cPageBottom{
	background: #FFF url(../images/cBox-bottom.gif) no-repeat bottom center;
	height:5px;
	width:901px;
	position:absolute;
	bottom:6px;
	left:6px;
	}
	
#cPageLeftColumn {
	float:left;
	width:276px;
	height:244px;
	margin-left: 17px;
	margin-top:33px;
	padding: 0px 0px 0px 0px;

	}

	#cPageScreenshot {
		float:left;
	  background: url(../images/cScreenshot-border.gif) no-repeat left top;
	  /*left:17px;*/
	  width:259px;/*261*/
	 /* height:191px;/*189*/*/
	 padding:0;
	 margin:0;
	}
		#cPageScreenshot img  {
			width:252px;
			height:184px;
			margin:3px 3px 4px;
		}
		

#cPageLeftandMiddleColumn {
	float:left;
	margin:27px 61px 0 18px;
	padding:0;
	width:520px;

}

#cPageMiddleColumn {
	float:left;
	width:264px;
	
	margin: 0;
	padding:28px 29px 0 13px;

}
#cPageSeparatorColumn {
	float:left;
	width:3px;
	
	background:url(../images/cSeparator.gif) repeat;
	padding:0px;
	margin-top:28px;
	margin-bottom:28px;
	}

#cPageRightColumn {
	float:left;
	width:250px;
	margin: 0;
	padding:61px 15px 28px;
}

#cPageMiddleColumn P, #cPageRightColumn P{
	margin-top:10px;
}

/* Footer positioning */
#footer {
	position: relative;
	top:126px;
	left:5px;
	width:903px;
	height:48px;
	margin: 0;
	padding:  0;
}


/*Elements*/
div.hr {
padding: 0;
margin: 13px 0 0;
height: 1px;
width:100%;
clear: both;
  background:url(../images/hrl.gif) repeat-x top left;
  border: 0;
}

div.hr hr {
display: none;
} 




/*Copy*/
/*Note: Heading styles using Byrant are in /css/SifR.css and /js/sifr-config.js*/
h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#tagline {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:220%;
	color:#FFF;
	letter-spacing:0.2px;
	}
	
.H2cHomePres {
	color:#e90187;
	letter-spacing:0.2px;
	/*font-size:180%;*/
  	font-size: 180%;
	}	
.H2cHomeIntro{	
	color:#3F3828;
	letter-spacing:0.2px;
	/*font-size:180%;*/
  	font-size: 180%;
	}	
	
.H1cPage{	
	color:#3F3828;
	letter-spacing:0.2px;
	/*font-size:180%;*/
  	font-size: 180%;

	}	
.nLink a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:110%;
	color:#3F3828;
	text-decoration:none;
	font-weight:bold;
	margin-left:30px;
	margin-right:35px;
	}
.nLinkActive a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:110%;
	color:#e90187;
	text-decoration:none;
	font-weight:bold;
	margin-left:30px;
	margin-right:35px;
	}
	
	
	
.nLink a:visited,{
	color:#3F3828;
	text-decoration:none;
}
.nLinkActive a:visited {
	color:#e90187;
	text-decoration:none;
}


.nLink a:hover, .nLinkActive a:hover{
	color:#e90187;
	text-decoration:none;
}


.nLink a:active, {
	color:#3F3828;
	text-decoration:none;
}
.nLinkActive a:active{
	color:#e90187;
	text-decoration:none;
}	



.nContact a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:110%;
	color:#3F3828;
	text-decoration:none;
	font-weight:bold;
	margin-right:20px;
	}
.nContactActive a{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:110%;
	color:#e90187;
	text-decoration:none;
	font-weight:bold;
	margin-right:20px;
	}
	
	
	
.nContact a:visited,{
	color:#3F3828;
	text-decoration:none;
}
.nContactActive a:visited {
	color:#e90187;
	text-decoration:none;
}


.nContact a:hover, .nContactActive a:hover{
	color:#e90187;
	text-decoration:none;
}


.nContact a:active, {
	color:#3F3828;
	text-decoration:none;
}
.nContactActive a:active{
	color:#e90187;
	text-decoration:none;
}	
	
#cPageMiddleColumn h2, #cPageRightColumn h2,#cPageLeftandMiddleColumn h2, #cPageLeftandMiddleColumn h2{
	color:#3f3828;
	font-size:110%;
	letter-spacing:0.1px;
	margin-top:15px;
}
	

#cHomePresRecentworkOpacityCaption a{
	color:#FFFFFF;
	text-decoration:none;
}

#cHomePresRecentworkOpacityCaption a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#cHomePresRecentworkOpacityCaption a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#cHomePresRecentworkOpacityCaption a:active{
	color:#FFFFFF;
	text-decoration:underline;
}

#cPageScreenshotCaption a, .cPageScreenshotCaption a{
	color:#000000;
	text-decoration:none;
}

#cPageScreenshotCaption a:visited, .cPageScreenshotCaption a:visited {
	color:#000000;
	text-decoration:none;
}

#cPageScreenshotCaption a:hover, .cPageScreenshotCaption a:hover{
	color:#000000;
	text-decoration:underline;
}

#cPageScreenshotCaption a:active, .cPageScreenshotCaption a:active{
	color:#000000;
	text-decoration:underline;
}

#cPageMiddleColumn a{
	color:#3f3828;
	text-decoration:none;
}

#cPageMiddleColumn a:visited {
	color:#3f3828;
	text-decoration:none;
}

#cPageMiddleColumn a:hover{
	color:#3f3828;
	text-decoration:underline;
}

#cPageMiddleColumn a:active{
	color:#3f3828;
	text-decoration:underline;
}

.cPageQuote{
	color:#ec297b;
	font-size:120%;
	}
	
.cPageScreenshotCaption {
	  margin:5px;
	  padding:0;
	}
	
.footerCopy {
	text-align:right;
	font-size: 149%;
	margin: 15px 5px;
	
	}
.footerHighlight {
	margin-left: 20px;
	margin-right: 10px;
	}

.footerCopywrite {
	font-size: 80%;
	text-align:right
	}

/*General Fixes/Clears plus IR*/
.clear { clear: both; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
} /* slightly enhanced, universal clearfix hack - http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/ * html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* close commented backslash hack */



/*.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
*/


/*forms*/
.cssform {
	margin-top:30px;
	}
.cssform p{
	width:280px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	}


.customlabel{
	font-weight: bold;
	float: left;
	margin-left:-150px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

.customNoLabel{
	float: left;
	margin-left:-150px; /*width of left column*/
	width: 375px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}
	
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width:270px;
}

.cssform textarea{
	height:100px;
	width:270px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}