/*
GENERIC STYLE TAGS
*/

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}
.whatwedolink {
	float: right;
	height: 30px;
	width: 200px;
	text-align: right;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c1404;
	font-weight: bold;
	text-transform: uppercase;
}

hr.e {
	width: 99%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #7d736d;
	}

/*
LINKS
*/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #747480;
}
a:link {
	font-weight: normal;
	text-decoration: none;
	color: #747480;
	}
a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #747480;
	}
a:hover, a:active {
	text-decoration: underline;
	color: #747480;
	}
	
.homeright a {
	color: #ff5bcb;
	font-size: 21px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	line-height: 30px;
}
.homeright a:visited {
	color: #ff5bcb;
	font-size: 21px;
}
.homeright a:hover {
	color: #ff5bcb;
	font-size: 21px;
	text-decoration: none;
}


.whatwedolink a {
	color: #26100a;
	font-size: 20px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: underline;
}
.whatwedolink a:visited {
	color: #26100a;
}
.whatwedolink a:hover {
	color: #26100a;
}
.portbottomlink a {
	color: #c00072;
	font-size: 12px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.portbottomlink a:visited {
	color: #c00072;
}
.portbottomlink a:hover {
	color: #c00072;
	text-decoration: underline;
}

#loginwhat {
	top: 50px;
	position: relative;
	height: 160px;
	float: left;
	width: 180px;
	left: 10px;
	padding-bottom: 0px;
}

.onyellowtextfield_effect {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26100a;
	width: 120px;
	height: 15px;
	background-color: #cccc99;
	margin-top: 10px;
	border: thin none #cccc99;
}

.onyellowtextfield_effectinside {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26100a;
	width: 120px;
	height: 15px;
	background-color: #cccc99;
	margin-top: 10px;
	border: thin none #cccc99;
}


/*
HOME PAGE
These styles are first used on the home page.
*/

#container {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 828px;
	height: 950px;
	z-index: 1;
}

#container-inside {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 828px;
	height: 1000px;
	z-index: 1;
}

#header {
	height: 92px;
	width: 768px;
	z-index: 30;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
	overflow: visible;
	position: relative;
}


#flashplace {
	z-index: 9;
	background-color: #FF0000;
	position: absolute;
}
#smtitle {
	position: relative;
	width: 130px;
	height: 34px;
	float: left;
}

#homebutton {
	z-index: 22;
	height: 73px;
	width: 212px;
	left: -38px;
	position: relative;
	top: 25px;
}

#projectsample {
	background-image: url(../images/projectsample.jpg);
	height: 221px;
	width: 828px;
	background-repeat: no-repeat;
}

#projectdetails {
	height: 128px;
	width: 828px;
	background-color: #ead820;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#projecttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 60px;
	width: 740px;
	color: #000000;
	position: relative;
	left: 45px;
	top: 30px;
}

#maincontent {
	height: 500px;
	width: 828px;
	background-color: #2c1404;
	top: 354px;
	position: absolute;
	z-index: 2;
	clip: rect(auto,auto,auto,auto);
}

#mainmmg {
	float: left;
	height: 396px;
	width: 228px;
}

#mainmmgtext {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	height: 330px;
	width: 160px;
	color: #7d736d;
	position: relative;
	left: 40px;
	top: 30px;
	font-weight: bold;
}

#mainnews {
	float: left;
	height: 480px;
	width: 382px;
}

#mainnewstext {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	;
	font-size: 14px;
	height: 330px;
	width: 310px;
	color: #7d736d;
	position: relative;
	left: 40px;
	top: 30px;
	font-weight: bold;
}

#mainrightnav {
	float: left;
	height: 150px;
	width: 130px;
	left: 40px;
	position: relative;
	top: 30px;
}

.newsp {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7d736d;
}


.login-title {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b74387;
	line-height: 40px;
}
.login-copy {
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b74387;
}

.login-button {
	position: relative;
	font-family: "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	top: 5px;
	left: 100px;
}

#login {
	top: 50px;
	position: relative;
	height: 150px;
	float: left;
	width: 120px;
	left: 40px;
}


#headernav {
	width: 310px;
	float: right;
}

/*#headernav {
	float: right;
	width: 380px;
	position: relative;
	top: 110px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #2c1404;
	font-size: 10px;
	text-align: left;
	letter-spacing: normal;
	overflow: visible;
	height: 200px;
}
*/
.selectedheadernav {
	font-weight: bolder;
}


.textfield_effect {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 120px;
	height: 15px;
	background-color: #655950;
	margin-top: 10px;
	border: thin none #655950;
}

.textfield_effectinside {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #db4faf;
	width: 120px;
	height: 15px;
	background-color: #e7e5e6;
	margin-top: 10px;
	border: thin none #e7e5e6;
}

.mmg-12px {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	color: #d9a3c2;
	font-weight: bold;
}
.mmg-11px {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	;
	font-size: 12px;
	color: #d9a3c2;
	font-weight: bold;
}


/*

INTERIOR PAGE

*/

#interiorcontent {
	height: 487px;
	width: 828px;
	background-color:#f3ea85;
}

#leftyellow {
	float: left;
	height: 487px;
	width: 31px;
	background-color: #f3ea85;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#middleyellow {
	float: left;
	height: 437px;
	width: 520px;
	background-color: #f9f5c8;
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#companyinteriorcontent {
	height: 652px;
	width: 828px;
	z-index: 1;
}


#companyleftyellow {
	float: left;
	height: 652px;
	width: 31px;
	background-color: #f3ea85;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#companymiddleyellow {
	float: left;
	height: 602px;
	width: 530px;
	background-color: #f9f5c8;
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


#contactmiddleyellow {
	float: left;
	height: 602px;
	width: 530px;
	background-color: #f9f5c8;
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	overflow: hidden;
}

#contactmiddleyellow h1 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231f1e;
	line-height: 15px;
	font-weight: bold;
}

#contactmiddleyellow h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c00072;
	font-weight: normal;
	font-style: italic;
}

#contactmiddleyellow h1 a {
	color: #231f1e;
	font-size: 12px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-transform: lowercase;
	font-weight: bold;
}
#contactmiddleyellow h1 a:visited {
	color: #26100a;
}
#contactmiddleyellow h1 a:hover {
	color: #26100a;
}

#contactrightyellow {
	float: left;
	height: 622px;
	width: 205px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 30px;
	overflow: hidden;
}

#contactrightyellow h1 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00072;
	font-weight: bold;
	text-transform: lowercase;
	display: inline;
}


#contactrightyellow p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
}


#companyrightyellow {
	float: left;
	height: 652px;
	width: 218px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-image: url(../images/compnay-right-text.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.contacttextfield_effect {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 100px;
	height: 15px;
	background-color: #faf6c8;
	margin-top: 10px;
	border: thin none #cccc99;
}


.contacttextfield_effectinside {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 200px;
	height: 15px;
	background-color: #faf6c8;
	margin-top: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdba97;
	border-right-color: #dfdbb2;
	border-bottom-color: #dfdbb2;
	border-left-color: #dfdbb2;
}
.contacttextfield_effectinsidelg {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 200px;
	height: 15px;
	background-color: #faf6c8;
	margin-top: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdba97;
	border-right-color: #dfdbb2;
	border-bottom-color: #dfdbb2;
	border-left-color: #dfdbb2;
}


.contacttextfield_effectinsidearea {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 200px;
	height: 120px;
	background-color: #faf6c8;
	margin-top: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdba97;
	border-right-color: #dfdbb2;
	border-bottom-color: #dfdbb2;
	border-left-color: #dfdbb2;
}

.contact-textlabel {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}

#contactpinktext {
	height: 286px;
	width: 223px;
	float: right;
	position: relative;	
}

/*WHAT WE DO CONTAINER */

#whatinteriorcontent {
	height: 722px;
	width: 828px;
	background-color:#FFFFFF;
}


#whatleftyellow {
	float: left;
	height: 722px;
	width: 31px;
	background-color: #f3ea85;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#whatmiddleyellow {
	float: left;
	height: 672px;
	width: 530px;
	background-color: #f9f5c8;
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#whatrightyellow {
	float: left;
	height: 722px;
	width: 218px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-image: url(../images/what-right-text.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.lionyellowwhat {
	list-style-type: disc;
	list-style-position: outside;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #231f1e;
	line-height: normal;
	font-style: italic;
	list-style-type: none;
	list-style-image: url(../images/li-image.jpg);
 }
 
 .lionyellowwhatbold {
	list-style-type: disc;
	list-style-position: outside;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #231f1e;
	line-height: 20px;
	font-style: normal;
	list-style-type: none;
	list-style-image: url(../images/li-image.jpg);
 }

#rightyellow {
	float: left;
	height: 487px;
	width: 210px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}



#mainrightinsidenav {
	float: left;
	height: 140px;
	width: 150px;
	left: 40px;
	position: relative;
	top: 70px;
}

.insideright a {
	color: #db4faf;
	font-size: 21px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	line-height: 30px;
}
.insideright a:visited {
	color: #db4faf;
	font-size: 21px;
}
.insideright a:hover {
	color: #db4faf;
	font-size: 21px;
	text-decoration: none;
}

hr.pink {
	width: 99%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #db4faf;
	}
#crosslink {
	height: 148px;
	width: 150px;
	float: left;
	position: relative;
	top: 50px;
}

#lowercontent {
	height: 250px;
	width: 555px;
	float: left;
	position: relative;
	top: 10px;
	left: 50px;
}

#loginonwhite {
	height: 160px;
	width: 134px;
	float: left;
	position: relative;
	top: 10px;
	left: 70px;
	background-image: url(../images/fishnet.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	padding: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.onwhitep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.h1sortof {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
}

.onyellowep {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231f1e;
}

.login-button-on-white {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b74387;
	top: 5px;
	left: 0px;
	text-align: right;
	float: right;
	right: 20px;
}

.h1onyellow {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #26100a;
	margin:0;
	display: inline;
	text-transform: lowercase;
	line-height: 30px;
}
.h2onyellow {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c00072;
	margin:0;
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
}

.h2Blackonyellow {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231f1e;
	margin:0;
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
} 
.lionyellow {
	list-style-position: outside;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #231f1e;
	line-height: 18px;
	list-style-type: none;
	list-style-image: url(../images/li-image.jpg);
 }

.lionyellowsub {
	list-style-type: disc;
	list-style-position: outside;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #231f1e;
	line-height: normal;
	font-style: italic;
 }

/*
PORTFOLIO PAGE STYLES
*/
#portfolioleftyellow {
	float: left;
	height: 357px;
	width: 37px;
	background-color: #f3ea85;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	position: relative;
}

#portfoliomiddleyellow {
	float: left;
	height: 357px;
	width: 570px;
	background-color: #ffffcc;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#portfoliorightyellow {
	float: left;
	height: 357px;
	width: 203px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	overflow: hidden;
	padding-left: 10px;
}



#portfoliointeriorcontent {
	height: 357px;
	width: 828px;
}

#porfoliolowercontent {
	height: 165px;
	width: 570px;
	float: left;
	position: relative;
	top: 10px;
	left: 40px;
	background-color: #FFFFFF;
}
#porttitle {
	width: 116px;
	height: 35px;
	float: left;
	position: relative;
	text-align: left;
}

#companylink {
	width: 342px;
	height: 30px;
	position: relative;
	float: left;
	text-align: center;
	top: 30px;
}

#checkitout {
	width: 98px;
	height: 30px;
	position: relative;
	float: left;
	top: 0px;
	background-image: url(../images/checkIt_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	overflow: hidden;
}

#rightyellowslogan {
	width: 150px;
	height: 30px;
	position: relative;
	float: left;
	top: 0px;
	background-image: url(../images/garage_door.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-align: left;
}

#portbottomlinkHolder {
	float: left;
	height: 30px;
	width: 200px;
	position: relative;
	text-align: left;
	padding-top: 20px;
	padding-left: 4px;
}


#socialbox {
	width: 108px;
	height: 63px;
	float: right;
	position: relative;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #2c1404;
	text-align: left;
	top: 10px;
}

#sectiontitle {
	width: 460px;
	height: 35px;
	float: left;
	position: relative;
	text-align: left;
	padding-top: 0px;
	line-height: 16px;
}

.sectitletext {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #c00072;
	text-align: left;
	text-transform: uppercase;
}


#samplelinks {
	width: 195px;
	height: 140px;
	float: left;
	position: relative;
	padding-top: 0px;
	left: 2px;
	overflow: hidden;
}

#thecopy {
	float: left;
	position: relative;
	text-align: left;
	padding-left: 4px;
	width: 565px;
}

.portcenter a {
	color: #2c1404;
	font-size: 15px;
	text-decoration: underline;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	line-height: 30px;
}
.portcenter a:visited {
	color: #2c1404;
	font-size: 15px;
}
.portcenter a:hover {
	color: #2c1404;
	font-size: 15px;
	text-decoration: none;
}

.checkit a {
	color: #2c1404;
	font-size: 12px;
	text-decoration: none;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}
.checkit a:visited {
	color: #2c1404;
	font-size: 12px;
	text-decoration: underline;
}
.checkit a:hover {
	color: #2c1404;
	font-size: 12px;
	text-decoration: underline;
}


.portsublink a {
	color: #2c1404;
	font-size: 9px;
	text-decoration: none;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.portsublink a:hover {
	color: #2c1404;
	font-size: 9px;
	text-decoration: underline;
}
.portsubcurrent {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #2c1404;
	text-transform: uppercase;
	font-weight: bold;
}

.brownPipes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c1404;
	text-transform: uppercase;
	height:20px;
	line-height:20px;
}

.brown14upper {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2c1404;
	text-transform: uppercase;
}
.brown14upperbold {
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c1404;
	text-transform: uppercase;
}

#samplebutton1 {
	width: 89px;
	height: 68px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
}

#samplebutton2 {
	width: 89px;
	height: 68px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
#samplebutton3 {
	width: 89px;
	height: 68px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
#samplebutton4 {
	width: 89px;
	height: 68px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
.selectedbtn {
	width: 86px;
	height: 58px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 8px;
	background-color: #ffffcc;
	border: thin solid #ffff66;
}

.notselectedbtn {
	width: 86px;
	height: 58px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 8px;
	background-color: #f3ea85;
	border: thin solid #f3ea85;
}

/*.samplebutton a {
	width: 89px;
	height: 68px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
}
.samplebutton a:visited {
	
}
.samplebutton a:hover {
	background-color: #33CC00;	
}*/
.logoholder {
	background-image: url(images/wdLogo.jpg);
	background-repeat: no-repeat;
	width: 100px;
	float: left;
	position: relative;
	left: 100px;
}

#portfoliomiddle {
	float: left;
	height: 316px;
	width: 788px;
	background-color: #f3ea85;
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/porttitle-w-shadow_03.gif);
	background-repeat: no-repeat;
	background-position: 50px 340px;
}

#myContent {
	float: left;
	position: relative;
}

#portfoliomiddlenew {
	float: left;
	height: 266px;
	width: 748px;
	background-color: #f3ea85;
	position: relative;
	padding-top: 80px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/porttitle-w-shadow_03.gif);
	background-repeat: no-repeat;
	background-position: 30px 340px;
}

#lowerport {
	float: left;
	height: 1750px;
	width: 581px;
	position: relative;
	padding-top: 44px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 37px;
}

#lowerport h1 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #c00072;
	line-height: 16px;
	text-transform: none;
	font-weight: normal;
}

#lowerport h2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c1404;
	line-height: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(../images/port_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-align: left;
	padding-left: 20px;
	width: 160px;
}

#lowerport p {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b6764;
	line-height: 20px;
	text-transform: none;
	font-weight: normal;
}

#port_txt_position {
	float: left;
	position: relative;
	vertical-align: middle;
	top: 15px;	
}



#portlinktheme1 {
	float: left;
	position: relative;
	background-color: #e0dfd6;
	height: 380px;
	width: 570px;
	background-position: top;
}

#portlinktheme2 {
	float: left;
	position: relative;
	background-color: #ebe8cc;
	height: 357px;
	width: 570px;
	background-position: top;
}
#portlinktheme2short {
	float: left;
	position: relative;
	background-color: #ebe8cc;
	height: 300px;
	width: 570px;
	background-position: top;
}

#portfoliointeriorcontent {
	width: 828px;
	z-index: 1;
}

#port_leftcopy1 {
	float: left;
	height: 100%;
	width: 208px;
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url(../images/pink_arrowRight.gif);
	background-repeat: no-repeat;
	background-position: 13px 28px;
}

#port_leftcopy2 {
	float: left;
	height: 100%;
	width: 208px;
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url(../images/pink_arrowRightyellowbg.jpg);
	background-repeat: no-repeat;
	background-position: 13px 28px;
}
#port_leftcopy3 {
	float: left;
	height: 100%;
	width: 208px;
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url(../images/pink_arrowRight.gif);
	background-repeat: no-repeat;
	background-position: 13px 28px;
}
#port_leftcopy4 {
	float: left;
	height: 100%;
	width: 208px;
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url(../images/pink_arrowRightyellowbg.jpg);
	background-repeat: no-repeat;
	background-position: 13px 28px;
}
#port_leftcopy5 {
	float: left;
	height: 100%;
	width: 208px;
	position: relative;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url(../images/pink_arrowRight.gif);
	background-repeat: no-repeat;
	background-position: 13px 28px;
}


#port_rightlink_top {
	float: left;
	height: 75px;
	width: 280px;
	position: relative;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #372011;
}

#port_rightlink {
	float: left;
	height: 75px;
	width: 280px;
	position: relative;
	padding-top: 8px;
}
#port_rightlink_bottom {
	float: left;
	height: 75px;
	width: 280px;
	position: relative;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #372011;
}

.port_selectedbtn {
	width: 86px;
	height: 58px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 8px;
	background-color: #ffffcc;
	border: thin solid #ffff66;
}

.port_notselectedbtn {
	width: 86px;
	height: 58px;
	float: right;
	position: relative;
	text-align: center;
	padding-top: 8px;
	background-color: #e0dfd6;
	padding-right: 10px;
}

#portrightwhite {
	float: left;
	height: 477px;
	width: 180px;
	background-color: #ffffff;
	position: relative;
	padding-left: 30px;
	padding-top: 44px;
	overflow: hidden;
	left: 0px;
}

#portrightwhite h1 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00072;
	font-weight: bold;
	text-transform: lowercase;
	display: inline;
}


#portrightwhite p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 0px;
}
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B74387;
	background-color: #F3EA85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	float: left;
	position: relative;
}



#loginonwhite input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B74387;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	float: left;
	position: relative;
}


#fb_left {
	float: left;
	height: 959px;
	width: 178px;
	background-color: #f3ea85;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 25px;
	font-style: italic;
	font-weight: bold;
	color: 26100a;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	z-index: 1;
	background-image: url(../images/fb_image_left_tile.jpg);
	background-repeat: repeat-y;
}

#fb_left a {
	color: #c00072;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}
#fb_left a:hover {
	color: #f00491;
	font-size: 12px;
	text-decoration: underline;
}


#fb_center {
	float: left;
	height: 909px;
	width: 511px;
	background-color: #faf6c8;
	position: relative;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	overflow: hidden;
	z-index: 2;
}

#fb_right {
	float: left;
	height: 949px;
	width: 20px;
	background-color: #f3ea85;
	position: relative;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 30px;
	overflow: hidden;
	z-index: 3;
}

.fb_contact-textlabel {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26100a;
	font-weight: bold;
	line-height: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}
.fb_pink18 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00072;
	font-weight: bold;
	line-height: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
}
.fb_pink11 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d50a59;
	font-weight: bold;
	line-height: 11px;
	margin-top: 0px;
	padding-bottom: 0px;
}
.fb_brown11italic {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26100a;
	line-height: 11px;
	margin-top: 0px;
	padding-bottom: 0px;
	font-style: italic;
}
.fb_pink10italic {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d50a59;
	font-weight: bold;
	line-height: 10px;
	margin-top: 0px;
	padding-bottom: 0px;
	font-style: italic;
}
.fb_pink18bold {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00072;
	font-weight: bold;
	line-height: 18px;
	margin-top: 0px;
	padding-bottom: 0px;
}
.fb_contacttextfield_effectinsidearea {
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 493px;
	height: 50px;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdba97;
	border-right-color: #dfdbb2;
	border-bottom-color: #dfdbb2;
	border-left-color: #dfdbb2;
}
.fb_contacttextfield{
	/*I am going to add some text formatting of my own*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 390px;
	height: 15px;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #bdba97;
	border-right-color: #dfdbb2;
	border-bottom-color: #dfdbb2;
	border-left-color: #dfdbb2;
}
.fb_pink24bold {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #c00072;
	font-weight: bold;
	line-height: 24px;
	margin-top: 0px;
	padding-bottom: 0px;
}
.fb_pink24bold a {
	color: #c00072;
	font-size: 24px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 24px;
}
.fb_pink24bold a:visited {
	color: #c00072;
	font-size: 24px;
}
.fb_pink24bold a:hover {
	color: #f00491;
	font-size: 24px;
}

.fb_brown10bold a {
	color: #26100a;
	font-size: 12px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 10px;
}
.fb_brown10bold a:visited {
	color: #26100a;
	font-size: 12px;
}
.fb_brown10bold a:hover {
	color: #481f14;
	font-size: 12px;
}
#fb_shirtdude {
	float: left;
	height: 527px;
	width: 254px;
	position: relative;
	top: -527px;
	z-index: 10;
}
.fb_submit_input input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #B74387;
	background-color: #F3EA85;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	position: relative;
}
#fb_container-inside {
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 828px;
	height: 1000px;
	z-index: 1;
}
#fb_interiorcontent {
	width: 828px;
	z-index: 1;
}
#fade {
	background: #ffffff;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 99;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #faf6c8;
	padding: 10px 20px;
	border: 10px solid #f1e66e;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #faf6c8;
	margin: 10px 0;
	padding: 10px 0;
	
}

.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c00072;
	font-weight: bold;
	line-height: 18px;	
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
	
	
	
	
}
.popup li {
	padding: 5px 10px;
	margin: 5px 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26100a;
	font-weight: bold;
	line-height: 10px;
	
	
	
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}


#feedbackcontainer {
	width: 128px;
	height: 45px;
	float: none;
	position: relative;
	left: 350px;
	top: -55px;
}

#feed
{
	width: 128px;
	height: 45px;
	background-image: url(../images/feedback_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	display:block;
	top: 5px;
}

#feed:hover
{
	background-position: 0 -45px;
}

#feed span
{ 
display: none;
 
}