/****************************************/
/********** UNIVERSAL *******************/
span.tagline {
	font-size: 20pt;
	line-height: normal;
	color: #636466;
	}

span.tagline-bold {
	font-size: 20pt;
	line-height: normal;
	color: #636466;
	font-weight: bold;
	}

input.text {
	width: 380px;
	border: 1px solid #636466;
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	}

textarea {
	width: 380px;
	height: 75px;
	border: 1px solid #636466;
	font-family: verdana;
	font-size: 9pt;
	color: #000000;
	}
	
input.submit {
	background: #636466;
	width: 75px;
	border: 1px solid #636466;
	font-family: verdana;
	font-size: 9pt;
	color: #ffffff;
	}
	
a:link {font-family: verdana; font-size: 10pt; color: #636466; text-decoration: underline;}
a:visited {font-family: verdana; font-size: 10pt; color: #636466;  text-decoration: underline;}
a:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: underline;}
a:active {font-family: verdana; font-size: 10pt; color: #636466; text-decoration: underline;}

a.nav:link {font-family: verdana; font-size: 10pt; color: #636466; text-decoration: none;}
a.nav:visited {font-family: verdana; font-size: 10pt; color: #636466;  text-decoration: none;}
a.nav:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.nav:active {font-family: verdana; font-size: 10pt; color: #636466; text-decoration: none;}


/****************************************/
/********** IMAGES **********************/
img.desktop {
	float: left; 
	border: 2px solid #636466;
	margin: 0px 6px 10px 0px;
	}

img.talents {
	float: right;
	margin: 0px 20px 20px 0px;
	}

img.portfolio {
	float: right;
	margin: 0px 20px 20px 0px;
	}

/****************************************/
/********** RULES ***********************/
.rule {
	border-bottom: #636466 1px solid; 
	clear: both;
	}


/****************************************/
/********** TOGGLE MENU *****************/
.mToggleH2 {
	padding: 0px 0px 0px 0px; 
	color: #636466; 
	font: normal 10pt verdana;
	cursor: pointer;
	padding-left: 15px;
	display: inline;
	background-image: url(/images/shared/toggle-open.gif);
	background-repeat: no-repeat;
	background-position: center left;
	}
	
.mToggleContainer {
	margin: 5px 0px;
	}
	
.mToggleContainer p {
	margin-top: 0px;
	}
	
.mToggleContent {
	display: none;
	}


/****************************************/
/********** TEAL COLOR PAGE *************/
body#teal {
	background: #ffffff url(/images/background/body-teal.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#teal-header {
	background: #ffffff url(/images/background/header-teal.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.teal-subnav {
	background: url(/images/background/subnav-teal.gif) left top no-repeat;
	}
	
span.teal-title {
	color: #81e0c7;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.teal {
	color: #76cdb6 !important;
	font-family: verdana;
	}

.rule-teal {
	border-bottom: #cff2f1 1px solid; 
	clear: both;
	}

a.teal:link {font-family: verdana; font-size: 10pt; color: #76cdb6; text-decoration: none;}
a.teal:visited {font-family: verdana; font-size: 10pt; color: #76cdb6;  text-decoration: none;}
a.teal:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.teal:active {font-family: verdana; font-size: 10pt; color: #76cdb6; text-decoration: none;}


/****************************************/
/********** ORANGE COLOR PAGE ***********/
body#orange {
	background: #ffffff url(/images/background/body-orange.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#orange-header {
	background: #ffffff url(/images/background/header-orange.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.orange-subnav {
	background: url(/images/background/subnav-orange.gif) left top no-repeat;
	}

span.orange-title {
	color: #e5a207;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.orange {
	color: #e5a207 !important;
	font-family: verdana;
	}

.rule-orange {
	border-bottom: #f6dfa8 1px solid; 
	clear: both;
	}

a.orange:link {font-family: verdana; font-size: 10pt; color: #e5a207; text-decoration: none;}
a.orange:visited {font-family: verdana; font-size: 10pt; color: #e5a207;  text-decoration: none;}
a.orange:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.orange:active {font-family: verdana; font-size: 10pt; color: #e5a207; text-decoration: none;}


/****************************************/
/********** BLUE COLOR PAGE *************/
body#blue {
	background: #ffffff url(/images/background/body-blue.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#blue-header {
	background: #ffffff url(/images/background/header-blue.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.blue-subnav {
	background: url(/images/background/subnav-blue.gif) left top no-repeat;
	}
	
span.blue-title {
	color: #6f8db9;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.blue {
	color: #6f8db9 !important;
	font-family: verdana;
	}

.rule-blue {
	border-bottom: #cdd7e7 1px solid; 
	clear: both;
	}

a.blue:link {font-family: verdana; font-size: 10pt; color: #6f8db9; text-decoration: none;}
a.blue:visited {font-family: verdana; font-size: 10pt; color: #6f8db9;  text-decoration: none;}
a.blue:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.blue:active {font-family: verdana; font-size: 10pt; color: #6f8db9; text-decoration: none;}


/****************************************/
/********** AQUA COLOR PAGE *************/
body#aqua {
	background: #ffffff url(/images/background/body-aqua.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#aqua-header {
	background: #ffffff url(/images/background/header-aqua.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.aqua-subnav {
	background: url(/images/background/subnav-aqua.gif) left top no-repeat;
	}
	
span.aqua-title {
	color: #75d9d8;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.aqua {
	color: #6dc9c8 !important;

	}

.rule-aqua {
	border-bottom: #6dc9c8 1px solid; 
	clear: both;
	}
	
a.aqua:link {font-family: verdana; font-size: 10pt; color: #6dc9c8; text-decoration: none;}
a.aqua:visited {font-family: verdana; font-size: 10pt; color: #6dc9c8;  text-decoration: none;}
a.aqua:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.aqua:active {font-family: verdana; font-size: 10pt; color: #6dc9c8; text-decoration: none;}


/****************************************/
/********** SALMON COLOR PAGE ***********/
body#salmon {
	background: #ffffff url(/images/background/body-salmon.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#salmon-header {
	background: #ffffff url(/images/background/header-salmon.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.salmon-subnav {
	background: url(/images/background/subnav-salmon.gif) left top no-repeat;
	}
	
span.salmon-title {
	color: #f8dfb3;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.salmon {
	color: #ddc396 !important;
	font-family: verdana;
	}

.rule-salmon {
	border-bottom: #fae9ca 1px solid; 
	clear: both;
	}

a.salmon:link {font-family: verdana; font-size: 10pt; color: #ddc396; text-decoration: none;}
a.salmon:visited {font-family: verdana; font-size: 10pt; color: #ddc396;  text-decoration: none;}
a.salmon:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.salmon:active {font-family: verdana; font-size: 10pt; color: #ddc396; text-decoration: none;}


/****************************************/
/********** OLIVE COLOR PAGE ************/
body#olive {
	background: #ffffff url(/images/background/body-olive.gif) center bottom no-repeat fixed;
	margin: 0px;
	font-family: verdana;
	font-size: 10pt;
	line-height: 16pt;
	}
	
div#olive-header {
	background: #ffffff url(/images/background/header-olive.gif) center top no-repeat;
	width: 900px;
	height: 100px;
	clear: both;
	}

.olive-subnav {
	background: url(/images/background/subnav-olive.gif) left top no-repeat;
	}

span.olive-title {
	color: #cad753;
	font-family: "Times New Roman";
	font-size: 46pt;
	line-height: normal;
	}

span.olive {
	color: #bac64e !important;
	font-family: verdana;
	}

.rule-olive {
	border-bottom: #edf1c3 1px solid; 
	clear: both;
	}

a.olive:link {font-family: verdana; font-size: 10pt; color: #bac64e; text-decoration: none;}
a.olive:visited {font-family: verdana; font-size: 10pt; color: #bac64e;  text-decoration: none;}
a.olive:hover {font-family: verdana; font-size: 10pt; color: #000000; text-decoration: none;}
a.olive:active {font-family: verdana; font-size: 10pt; color: #bac64e; text-decoration: none;}