/* Layout Stylesheet */ 

body {
 margin:0px;
 background:#ffffff;
 color: #ffffff;
 text-align:center;
 padding:0;
 }
 
A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none;  color: #EC008C;}
A:hover {text-decoration: none;  color: #EC008C;} 
 

/*REMOVE LINK BOARDERS IN FIREFOX*/ 
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

/*LINK STYLES*/

.visitsite A:link {text-decoration: none; color: #000000;}
.visitsite A:visited {text-decoration: none; color: #000000;}
.visitsite A:active {text-decoration: none;  color: #EC008C;}
.visitsite A:hover {text-decoration: none;  color: #EC008C;}

.linkspage A:link {text-decoration: none; color: #EC008C;}
.linkspage A:visited {text-decoration: none; color: #EC008C;}
.linkspage A:active {text-decoration: none;  color: #EF8FCD;}
.linkspage A:hover {text-decoration: none;  color: #EF8FCD;}

#outer {
 text-align:left;
 border: none;
 width: 954px;
 margin-left: 31px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 }

#header {
 height:139px;
 background:#ffffff;
 color: #ffffff;
 border-bottom-color: #000000;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 margin-bottom: 18px;
 }

#bodybox {
 position:relative;
 background: #ffffff;
 width:954px;
 padding:0;
 }
 
 /*LEFT NAVIGATION*/

#leftnavportfolio {
 float:left;
 background:#ffffff;
 color: #ffffff;
 width:191px;
 height: 200px;
}

#leftnav {
 float:left;
 background:#ffffff;
 color: #ffffff;
 width:191px;
 height: 300px;
}

#mailtolinkbox {
 float: left;
 width: 191px;
 height: 25px;
 padding-top: 6px;
 margin-top: 15px;
 border: solid #000000;
 border-width: 1px 0px 0px 0;
}

#storelink {
	 float: left;
 width: 191px;
 height: 55px;
 padding-top: 0px;
 margin-top: 3px;
 border: none;
 border-width: 0px 0px 0px 0;
	
}

#mailinglistlink {
	 float: left;
 width: 191px;
 height: 55px;
 padding-top: 0px;
 margin-top: 6px;
 border: none;
 border-width: 0px 0px 0px 0;
	
}

.menu {
	margin: 0px;
	padding: 0px;
	width:60px;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0px;
	margin: 0px;
	height: 25px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
	padding: 0px;
}

.submenu {
	margin: 0px;
	padding-left: 14px;
	width:60px;
	list-style: none;
	background: #fff;
}
.submenu li {
	padding: 0px;
	margin: 0px;
	height: 25px;
	list-style: none;
	background-repeat: no-repeat;
}
.submenu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
	padding: 0px;
}

/*NAVIGATION LINKS*/

.portfolio {background-image: url(../images/portfolio_hover.png);}
.portfolio a {background-image: url(../images/portfolio.png);}
.portfolioactive {background-image: url(../images/portfolio_active.png);}
.portfolioactive a {background-image: url(../images/portfolio_active.png);}

.about {background-image: url(../images/about_hover.png);}
.about a {background-image: url(../images/about.png);}
.aboutactive {background-image: url(../images/about_active.png);}
.aboutactive a {background-image: url(../images/about_active.png);}

.contact {background-image: url(../images/contact_hover.png);}
.contact a {background-image: url(../images/contact.png);}
.contactactive {background-image: url(../images/contact_active.png);}
.contactactive a {background-image: url(../images/contact_active.png);}

.links {background-image: url(../images/links_hover.png);}
.links a {background-image: url(../images/links.png);}
.linksactive {background-image: url(../images/links_active.png);}
.linksactive a {background-image: url(../images/links_active.png);}


.clients {background-image: url(../images/clients_hover.png);}
.clients a {background-image: url(../images/clients.png);}
.clientsactive {background-image: url(../images/clients_hover.png);}
.clientsactive a {background-image: url(../images/clients_hover.png);}

.personal {background-image: url(../images/personal_hover.png);}
.personal a {background-image: url(../images/personal.png);}
.personalactive {background-image: url(../images/personal_hover.png);}
.personalactive a {background-image: url(../images/personal_hover.png);}

ul.menu li a:hover {background: none;}
ul.submenu li a:hover {background: none;}


/*PROTFOLIO CONTENT*/

#content {
 float: left;
 width: 740px;
 background:#ffffff;
 color: #000;
 border:solid #000000;	
 border-width:0 0 0 0px;
 text-align:left;
 padding-left: 22px;
 }
 
#projectbox {
 float: left;
 width: 740px;
 height: 356px;
}

#projectbox02 {
 float: left;
 width: 740px;
 height: 356px;
 margin-top: 55px;
}

#projectboxpink {
 float: left;
 width: 740px;
 height: 356px;
 background-color: #ffd6e8;
}

#projecttitle {
	float: left;
	font: italic 14pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#projectborderbox {
	float: left;
	width: 740px;
	height: 337px;
	border: solid #000000;
	border-width: 1px 0px 1px 0;
	padding-top: 4px;
	padding-bottom: 0px;
}

/*WHERE THE IMAGE GOES*/
#projectimgbox {
	float: left;
	clear: none;
}


#projectcontentbox {
 position: relative;
 float: right;
 clear:  none;
 width: 225px;
 height: 321px;
 border: solid #000000;
 border-width: 6px 0 6px 0;
 padding: 0px
}

/*WHERE THE INFO TEXT IS PUT*/
#projecttextbox {
 float: right;
 clear: none;
 width: 225px;
 height: 220px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 14pt;
 padding-top: 13px;
 
}

/*WHERE THE PREV, NEXT, AND VIEW SITE LINKS GO*/
#projectnavbox {
 float: right;
 clear: none;
 width: 225px;
 height:  15px;
 border: solid #000000;
 border-width: 0px 0px 1px 0;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 padding: 0px;
}

#viewsitelink{
	float: right;
	clear: none;
	padding-left: 0px;
}

#projectinfocontainer {
 float: right;
 clear: none;
 width: 225px;
 height:  40px;
 padding-top: 5px;
}

#projectinfobox {
 float: right;
 clear: none;
 width: 225px;
 padding-top:  0px;
 margin-top: 1px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;	
}

/*ABOUT PAGE BOX*/


#aboutcontentbox {
 position: relative;
 float: right;
 clear:  none;
 width: 506px;
 height: 321px;
 border: solid #000000;
 border-width: 6px 0 6px 0;
 padding: 0px
}

/*WHERE THE INFO TEXT IS PUT*/
#abouttextbox {
 float: right;
 clear: none;
 width: 504px;
 height: 205px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 14pt;
 padding-top: 13px;
 
}

/*HAS THE 1PX LINE*/
#aboutnavbox {
 float: right;
 clear: none;
 width: 506px;
 height:  15px;
 border: solid #000000;
 border-width: 0px 0px 1px 0;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 padding: 0px;
}

#aboutinfocontainer {
 float: right;
 clear: none;
 width: 506px;
 height:  80px;
 padding-top: 5px;
}

#aboutinfobox {
 float: right;
 clear: none;
 width: 506px;
 padding-top:  0px;
 margin-top: 1px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;	
}


/*CONTACT PAGE BOXS*/

/*WHERE THE INFO TEXT IS PUT*/
#contacttextbox {
 float: right;
 clear: none;
 width: 504px;
 height: 255px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 14pt;
 padding-top: 13px;
 
}

/*HAS THE 1PX LINE*/
#contactnavbox {
 float: right;
 clear: none;
 width: 506px;
 height:  15px;
 border: solid #000000;
 border-width: 0px 0px 1px 0;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 padding: 0px;
}

#contactinfocontainer {
 float: right;
 clear: none;
 width: 506px;
 height:  80px;
 padding-top: 5px;
}


/* LINKS PAGE*/

/*WHERE THE INFO TEXT IS PUT*/
#linksbox01 {
 float: right;
 clear: none;
 width: 252px;
 height: 255px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 13pt;
 padding-top: 13px;
 }
 
 #linksbox02 {
 float: right;
 clear: none;
 width: 242px;
 height: 255px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 13pt;
 padding-top: 13px;
 padding-left: 10px;
 }
 
 #linkstext {
  font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 12pt;
 margin-top: 5px;
 }



/*FOOTER */

#footer {
 float: left;
 clear:  all;
 width:  954px;
 height: 100px;
 background:#ffffff;
 color: #999999;
 margin-top: 100px;
 padding-left: 211px;
 font: Georgia, "Times New Roman", Times, serif;
 font-style: italic;
 font-size: 10pt;
 line-height: 14pt;
 }