/* CSS Document */

/* /// PAGE SET UP /// */

#wrapper {
			position: relative;
			width: 955px;
			margin: 0 auto;
			padding: 0;
			text-align: left;
			z-index: 1;
			}
			
#logoBar {
			position: absolute; 
			left: 0px; 
			top: 0px;
			width: 955px; 
			height: 195px;
			background-image: url(../images/logoBar.jpg);
			z-index: 5;
			}
			
#logo	{
			position: absolute;
			left: 20px;
			top: 0px;
			width: 237px;
			height: 93px;
			z-index: 10;
			}
			
#bodyBox {
			position: absolute;
			left: 0px;
			top: 195px;
			width: 955px;
			height: 405px;
			background-color:#FFFFFF;
			z-index: 15;
			}
			
body	{
			margin: 0 auto;
			padding: 0;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-position: 0 0;
			background-color: #333333;
			background-image: url(../images/bgPattern.jpg); */
			background-repeat: repeat;
			text-align: center;
	}
			
a img	{
			border-width: 0;
			}
			
			
			
/* /// NAVIGATION /// */
			
#navBox {
			position: absolute;
			left: 259px;
			top: 40px;
			width: 696px;
			height: 145px;
			z-index: 3;
			}

			

/* /// TYPOGRAPHY /// */

p		{
			margin:0 auto;
			}
			
p.clear	{
			margin-bottom: 11px;
			}

.bold	{
			font-weight: bold;
			}
			
.red	{
			color: #c1001f;
			font-weight: bold;
			}

.pink	{
			color: #c10076;
			}
			
.pinkClear	{
			color: #c10076;
			margin-bottom: 11px;
			}
			
.grey	{
			color: #666666;
			}
	
		
			
/* /// NAVIGATION TYPOGRAPHY /// */

a:link, a:visited, a:active {
			color: #000000;
			text-decoration: none;
			
			}

a:hover {
			color: #c10076;
			text-decoration: none;
			}
			
.pink a:link, .pink a:visited, .pink a:active {
			text-decoration: none;
			
			}
			
			
			
/* /// INDEX PAGE /// */		
/* //  MAIN 3 COL LAYOUT - IMAGE / COLUMN / COLUMN // */

#txtColumn01 {
			position: absolute; 
			left: 495px;
			top: 0px;
			width: 200px;
			height: 375px;
			z-index: 14;
			}
			
#txtColumn02 {
			position: absolute;
			left: 715px;
			top: 0px;
			width: 200px;
			height: 375px;
			z-index: 15;
			}
			
#flashBox {
			position: absolute;
			left: 25px;
			top: 0px;
			width: 450px;
			height: 250px;
			z-index: 16;
			}
			
			
/* //  MAIN 4 COL LAYOUT - COLUMN / COLUMN / COLUMN / COLUMN // */

#txtColumn04-01 {
			position: absolute;
			left: 20px;
			top: 0px;
			width: 191px;
			height: 1110px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			background-color:#e2e3e4;
			z-index: 45;
			}
			
#txtColumn04-02 {
			position: absolute;
			left: 256px;
			top: 0px;
			width: 191px;
			height: 375px;
			height: 1110px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			background-color:#e2e3e4;
			z-index: 45;
			}
			
 #txtColumn04-03 {
			position: absolute;
			left: 489px;
			top: 0px;
			width: 191px;
			height: 375px;
			height: 1110px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			background-color:#e2e3e4;
			z-index: 45;
			}
			
#txtColumn04-04 {
			position: absolute;
			left: 722px;
			top: 0px;
			width: 191px;
			height: 375px;
			height: 1110px;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			background-color:#e2e3e4;
			z-index: 45;
			}
			

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

#mainPortfolio {
			position: absolute;
			left: 0px;
			top: 195px;
			width: 955px;
			height: 405px;
			background-color:#FFFFFF;
			z-index: 40;
			}
			
/* //  INFO BOX  // */
			
#infoBox {
			position: absolute;
			left: 25px;
			top: 0px;
			width: 191px;
			height: 354px;
			border-width:thin;
			border-style:dashed;
			border-color: #d686af;
			padding:10px;
			z-index: 60;
			}
			
			
/* // MAIN PORTFOLIO THUMBNAILS // */


#imgBox07 {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 147px;
			height: 125px;
			z-index: 27;
			}
			
#imgBox08 {
			position: absolute;
			left: 406px;
			top: 0px;
			width: 147px;
			height: 125px;
			z-index: 28;
			}
			
#imgBox09 {
			position: absolute;
			left: 553px;
			top: 0px;
			width: 147px;
			height: 125px;
			z-index: 29;
			}
			
#imgBox10 {
			position: absolute;
			left: 259px;
			top: 125px;
			width: 147px;
			height: 125px;
			z-index: 30;
			}
			
#imgBox11 {
			position: absolute;
			left: 406px;
			top: 125px;
			width: 147px;
			height: 125px;
			z-index: 31;
			}
			
#imgBox12 {
			position: absolute;
			left: 553px;
			top: 125px;
			width: 147px;
			height: 125px;
			z-index: 32;
			}
			
#imgBox13 {
			position: absolute;
			left: 259px;
			top: 250px;
			width: 147px;
			height: 125px;
			z-index: 33;
			}
			
#imgBox14 {
			position: absolute;
			left: 406px;
			top: 250px;
			width: 147px;
			height: 125px;
			z-index: 34;
			}
			
#imgBox15 {
			position: absolute;
			left: 553px;
			top: 250px;
			width: 147px;
			height: 125px;
			z-index: 35;
			}
			
/* / MAIN PORTFOLIO NAVIGATION / */

			
#mainPortNav {
			position: absolute;
			left: 722px;
			top: 0px;
			width: 211px;
			height: 374px;
			z-index: 65;
			}
			

/* ///  CASE STUDIES  /// */

#caseStudyPortfolio {
			position: absolute;
			left: 0px;
			top: 195px;
			width: 955px;
			height: 1150px;
			background-color:#FFFFFF;
			z-index: 40;
			}
			
#caseStudy {
			position: absolute;
			left: 20px;
			top: 0px;
			width: 191px;
			height: 1110px;
			border-width:thin;
			border-style:dashed;
			border-color: #d686af;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 0px;
			background-color:#e2e3e4;
			z-index: 45;
			}
			
/* //  CASE STUDIES PAGE BOX FOR 5 ROWS  // */
			
#caseStudyPortfolio02 {
			position: absolute;
			left: 0px;
			top: 195px;
			width: 955px;
			height: 1900px;
			background-color:#FFFFFF;
			z-index: 40;
			}

/* // ROW 1 // */
			
#portfolioBox01 {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 441px;
			height: 375px;
			z-index: 50;
			}
			
/* // ROW 2 // */
			
#portfolioBox02 {
			position: absolute;
			left: 259px;
			top: 375px;
			width: 441px;
			height: 375px;
			z-index: 55;
			}
			
/* // ROW 3 // */
			
#portfolioBox03 {
			position: absolute;
			left: 259px;
			top: 750px;
			width: 441px;
			height: 375px;
			z-index: 60;
			}
			
/* // ROW 4 // */
			
#portfolioBox04 {
			position: absolute;
			left: 259px;
			top: 1125px;
			width: 441px;
			height: 375px;
			z-index: 60;
			}
			
/* // ROW 5 // */
			
#portfolioBox05 {
			position: absolute;
			left: 259px;
			top: 1500px;
			width: 441px;
			height: 375px;
			z-index: 60;
			}
			
/* / CASE STUDY NAVIGATION / */

			
#caseStudyNav {
			position: absolute;
			left: 722px;
			top: 0px;
			width: 211px;
			height: 1125px;
			z-index: 65;
			}
			
#toTheTop {
			position: absolute;
			left: 0px;
			top: 1110px;
			width: 211px;
			height: 15px;
			z-index: 70;
			}
			
/* / CASE STUDY NAVIGATION FOR 5 ROWS / */

#toTheTop02 {
			position: absolute;
			left: 0px;
			top: 1860px;
			width: 211px;
			height: 15px;
			z-index: 70;
			}
			
/* / CASE STUDY NAVIGATION FOR 4 ROWS / */

#toTheTop03 {
			position: absolute;
			left: 0px;
			top: 1485px;
			width: 211px;
			height: 15px;
			z-index: 70;
			}
			
/* / CASE STUDY NAVIGATION FOR 3 ROWS / */

#toTheTop04 {
			position: absolute;
			left: 0px;
			top: 1176px;
			width: 211px;
			height: 15px;
			z-index: 70;
			}
			


/* ///  CONTACT FORM  /// */

#formBox01 {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 191px;
			height: 354px;
			z-index: 50;
			margin: 0 auto;
			padding: 10px;
			background-color:#e2e3e4;
			}
			
fieldset	{
			margin: 0 auto;
			padding: 0;
			}


#piname 	{
			position:absolute;
			top: 10px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#pinameBox 	{
			position:absolute;
			top: 35px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#piEmail 	{
			position:absolute;
			top: 60px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#piEmailBox 	{
			position:absolute;
			top: 85px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#piTelephone 	{
			position:absolute;
			top: 110px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#piTelephoneBox 	{
			position:absolute;
			top: 135px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
#piMessage 	{
			position:absolute;
			top: 170px;
			left: 10px;
			height: 150px;
			width: 191px;
			text-align: left;
			}
			
#piInput 	{
			position:absolute;
			top: 330px;
			left: 10px;
			height: 25px;
			width: 191px;
			text-align: left;
			}
			
			
/* ///  THANK YOU PAGE  /// */	
			
#thanksBg {
			position: absolute;
			left: 0px;
			top: 195px;
			width: 955px;
			height: 405px;
			background-color:#FFFFFF;
			z-index: 40;
			}
			
#thanksMessage {
			position: absolute;
			left: 259px;
			top: 0px;
			width: 441px;
			height: 375px;
			z-index: 50;
			text-align:center;
			}
			


/* ///  PAYMENT BOX  /// */		

#infoBoxRight2 {
			position: absolute;
			left: 489px;
			top: 0px;
			width: 191px;
			height: 354px;
			border-width:thin;
			border-style:dashed;
			border-color: #d686af;
			background-color:#fff;
			padding:10px;
			z-index: 65;
			}
			
#infoBoxRight {
			position: absolute;
			left: 722px;
			top: 0px;
			width: 191px;
			height: 354px;
			border-width:thin;
			border-style:dashed;
			border-color: #d686af;
			background-color:#eed2e1;
			padding:10px;
			z-index: 65;
			}