﻿body
{
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #606263;
	font-size: 16px;
	line-height: 28px;
	
}

h1 
{
	font-family: 'Minion Pro', 'Times New Roman', Times, 'Hiragino Mincho Pro', Meiryo, sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	color: black;
	margin-top: 10px;
	clear: left;
}
	

h2 
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 45px;
	color: black;
}


h2 a:hover
{
	border-bottom: 1px dotted #111;
	color: black;
}



h3
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #000000;
	font-weight: normal;
	letter-spacing: -0.7px;
	line-height: 24px;
	height: 96px;
	width: 125px;
}

h3 a:hover{
		border-bottom: 1px dotted #9A9A9A;
}


a {
	text-decoration: none;
}

a TopMenu {
	
	color:#606060;
	
}


img {
	border: 0px;
}

.social:hover{
	border: 1px dotted #808080;
	width: 64px;
	height: 64px;
}

.socialSmall:hover{
	border: 1px dotted #808080;
	width: 23px;
	height: 23px;
}


/*--Lay Out Divs--*/

div{
	display: block;
}

#SandBox {
	margin: 0px;
	overflow: visible;
	padding: 0px;
	min-width: 1200px;
	max-width: 3000px;
}
#PageWrapper{
	margin: 0px;
	padding: 0px;
	margin-right: 1px;
	margin-left: 1px;	
}

#HeadWrapper {	
	background-position: left 0px;
	background: url('images/logoback.jpg') repeat 50% 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	top: 0px;
	left: 0px;
	background-color: #000000;
}

#MastHead {
	margin-right: 200px;
	margin-left: 5px;
	width: 960px; 
	margin-left:auto;
	margin-right:auto;

}
#HeadMenu 
{
	margin-top: 0px;
	max-width: 960px;
	min-width: 960px;
	background-color: #000000;
	height: 34px;
	text-align: right;
	padding-right: 20px;
	font-family: 'Trebuchet MS', 'Gill Sans', 'Gill Sans MT', Helvetica, Arial, sans-serif;
	font-size: 14px;
}
#HeadMenu a:hover {
	color: orange;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #3333FF;
}

#HeadMenu a {
	color: #999999;
}


#HeadContent {
	padding: 20px;
	line-height: 1em;
	height: 330px;
}

#HeadContent a:hover {
	/*color:green;*/
}

#HeadContent a {
	/*color:#ffffff;*/
}


#ContentWrapper{
	padding: 0px;
	width: 960px; 
	margin-left:auto;
	margin-right:auto;

}


#FooterWrapper{
	background: black;
	clear: both;
	height: 480px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
}
#FooterContent {
	padding: 20px;
	width: 960px; 
	margin-left:auto;
	margin-right:auto;
}
#FooterBlack {
	overflow: hidden;
	position: inherit;
	height: 440px;
}
#FooterWhite {
	position: inherit;
	height: 100px;
	padding: 30px 20px 10px 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 9px;
	height: 30px;
	text-transform: uppercase;
	color: #666666;
	word-spacing: 1em;
	letter-spacing: 2px;
	min-width: 600px;
	line-height: 15px;
}
#FooterWhiteRight {
	position: inherit;
	height: 100px;
	padding: 20px 1px 5px 1px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 60px;
	text-transform: uppercase;
	color: #666666;
	vertical-align: top;
	width: 260px;
	float: right;
}

.FWhiteRight{
	color: #000099;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #008000;
}
.FWhiteRight:hover{
	background-color: #3366FF;
	color: #FFFFFF;
}



#SideBar{
	border-style: none dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 300px;
	background-color: #F1F6F7;
	border-right-color: #808080;
	border-left-width: 1px;
	border-left-color: #808080;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #808080;
	margin-left: 5px;
	clear: right;
	position: relative;
}

#BottomColumnOne {
	padding: 8px;
	height: 350px;
	left: 200px;
	width: 300px;
	float: left;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #666666;
}
#BottomColumnTwo {
	padding: 8px;
	height: 350px;
	left: 520px;
	width: 300px;
	float: left;
	display: inline;
	border-right-style: dashed;
	border-right-width: 1px;
	border-right-color: #666666;
}
#BottomColumnThree {
	padding: 8px;
	height: 350px;
	float: left;
	width: 300px;
}
#BottomColumnOneHeading {
	height: 30px;
	left: 200px;
	width: 300px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}
#BottomColumnTwoHeading {
	height: 30px;
	left: 520px;
	width: 300px;
	float: left;
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
}
#BottomColumnThreeHeading {
	height: 30px;
	float: left;
	width: 300px;
	padding-right: 8px;
	padding-left: 8px;
}


/*--Custom Text--*/
.BiggerText
{
	font-family: "Hiragino Mincho Pro", Meiryo, sans-serif;
	color: #262626;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	word-spacing: 2em;
}
.BottomItalic {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #606263;
	font-size: 16px;
	line-height: 28px;
	font-style: italic;
}


.MidHeaderBlack {
	font-family: 'Minion Pro', 'Times New Roman', Times, 'Hiragino Mincho Pro', Meiryo, sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	color: black;
	background-color: #E6ECF9;
	padding-top: 20px;
}
.MidHeaderWhite {
	font-family: 'Minion Pro', 'Times New Roman', Times, 'Hiragino Mincho Pro', Meiryo, sans-serif;
	font-size: 27px;
	font-style: normal;
	font-weight: normal;
	color: white;
	padding-top: 60px;
}
	

.FooterIntro {
	color: #859099;
	font-size: 14px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 26px;
	font-style: italic;
}

.IntroDim{
	color: #929292;
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', sans-serif;
	font-size: 17px;
	font-weight: 300;
	height: 27px;
}
.IntroWhite{
	color: #ffffff;
	font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', sans-serif;
	font-size: 17px;
	font-weight: 300;
	height: 27px;
}

.References{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 13px;
	text-transform: uppercase;
	color: #666666;
	word-spacing: 2px;
	letter-spacing: 2px;
}
.LeftMenuBox {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #606263;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 280px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}


.LeftMenuBox:hover {
	color: #FFFFFF;
	background-color: #0066FF;
	position: inherit;
	top: 5px;
}
.LeftMenuBoxSelected {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 280px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #000000;
	color: #FFFFFF;
}
.LeftMenuBox a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 280px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}
.LeftSubMenuBox {
	background-position: left;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #606263;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 240px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 23px;
	background-image: url('images/icons/matte/arrows/dotted-right-small.png');
	background-repeat: no-repeat;
}
.LeftSubMenuBox:hover {
	background-position: left;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 240px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 23px;
	background-image: url('images/icons/matte/arrows/dotted-right-small.png');
	background-repeat: no-repeat;
	background-color: orange;
}
.LeftSubMenuBoxSelected {
	background-position: left;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	border-top-style: dotted;
	border-width: 1px;
	border-color: #666666;
	width: 240px;
	height: 30px;
	float: right;
	padding-right: 10px;
	padding-left: 23px;
	background-image: url('images/icons/matte/arrows/dotted-right-small.png');
	background-repeat: no-repeat;
	background-color: orange;
}
.BottomMenuOption {
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	color: #536F73;
	background-image: url('images/icons/white/arrow-dotted-right.png');
	background-repeat: no-repeat;
	background-position: left center;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-style: italic;
	padding-left: 20px;
	font-size: 12px;
	display: block;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #282828;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.BottomMenuOption:Hover {
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	color: #000000;
	background-image: url('images/icons/glossy/arrows/arrow-dotted-right.png');
	background-repeat: no-repeat;
	background-position: left center;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-style: italic;
	padding-left: 20px;
	font-size: 12px;
	display: block;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #333333;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #FAEBD7;
}
.BottomMenuOption a {
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	color: #536F73;
	background-image: url('images/icons/white/arrow-dotted-right.png');
	background-repeat: no-repeat;
	background-position: left center;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-style: italic;
	padding-left: 20px;
	font-size: 12px;
	display: block;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #282828;
	line-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}




.IconCalendar{
	background-position: 0px 0px;
	background: url('images/date.jpg') no-repeat 0px 0px;
	height: 80px;
	left: 0px;
	top: 0px;
	width: 60px;
}


.CalendarMonth{
	color: white;
	display: block;
	font-size: 153.9%;
	height: 27px;
	margin-top: 4px;
	text-align: center;
	text-transform: capitalize;
}

.CalendarDay{
	color: white;
	display: block;
	font-size: 210%;
	height: 33px;
	margin-top: -7px;
	text-align: center;
}


.CalendarYear{
	color: #800000;
	display: block;
	font-size: 108%;
	height: 20px;
	margin-top: 3px;
	text-align: center;
}

.RightMenuHeader
{
	padding: 5px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 45px;
	color: black;
	font-style: italic;
}

.Disclaimer
{
	padding: 10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: gray;
	float: left;
	font-size: 10px;
	line-height: 14px;
	width: 50%;
}
#logoContainer {
	width: 400px;
	height: 34px;
	clip: rect(0px, auto, auto, auto);
	float: left;
}

/* Slider for Default Page */
#SliderWrapper {
	width: 920px;
	height: 300px;
	position: inherit;
	float: left;
}

.SliderWindow {
	height:300px;	
	width: 920px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}

.SliderReel {
	position: absolute;
	top: 0; 
	left: 0;
}
.SliderReel img {float: left;}

.SliderPaging {
	float:right;
	position: inherit;
	top: 270px; right: -7px;
	width: 680px; height:20px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 28px;
	border: 1px dotted #000000;
	background:#e6ecf9;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 1em;
	letter-spacing: 2px;

}
.SliderPaging a {
	padding: 5px;
	text-decoration: none;
	color:black;


}
.SliderPaging a.active {
	font-weight: bold;
	background: orange;
	border: 1px dotted #000000;
}
.SliderPaging a:hover {
	font-weight: bold;
	background:#0066FF;
	color:white;
	border: 1px dotted #000000;
	
	
	}
.socialBig:hover {
	width: 140px;
	height: 140px;
}
#FooterBoxes {
	width: 240px;
}


/*scroll bar */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
}

::-webkit-scrollbar-button:vertical:increment {
    background-color: #fff;
}

::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:vertical {
	height: 50px;
	background-color: #666666;
	-webkit-border-radius: 3px;
}
::-webkit-scrollbar-thumb:horizontal {
	width: 50px;
	background-color: #666666;
	-webkit-border-radius: 3px;
}
.Footerf2 {
	color: #859099;
	font-size: 14px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 20px;
	font-style: italic;
}
.BottomItalicLink {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #606263;
	font-size: 16px;
	line-height: 28px;
	font-style: italic;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: orange;
}
.BottomItalicLink:hover {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	font-style: italic;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: orange;
	background-color: #0000FF;
}



/* ---------- Mega Drop Down --------- */
ul.megamenu {
	list-style: none;
	display: none;
	background-color: #000000;
	height: 32px;
	margin: 0px;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #FFF;
  padding: 4px 7px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 10;
  font-size: 14px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
	color: #ffffff;
	background: #e6ecf9;
	background-color: transparent;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	border-right-color: #3333FF;
	border-left-color: #3333FF;
	border-right-style: dotted;
	border-left-style: dotted;
/*	border-top-style: solid;*/
	border-right-width: 1px;
	border-left-width: 1px;
}
ul.megamenu div.mm-item-content {
	background: #000;
	background-color: transparent; /*padding: 10px;*/;
	position: absolute;
	border: 1px dotted #3333FF;
	z-index: 101;
}
.mm-content-base {
	background: #333333;
	background-color:transparent;
	/*color: #FFFFFF;*/
	position: relative;
	z-index: 11;
	padding: 10px;
}
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}


#tabular-content {
	border-collapse: collapse;
	border: 1px dotted #3333FF;
	font-size: 12px;
	width: 480px;
}

#tabular-content td {
  padding: 4px 5px;
}

#tabular-content th {
  color: #FFF;
  background: #e6ecf9;
  padding: 5px;
}

/*
#form-content {
  margin: 0px;
}
#form-content fieldset {
  border: 1px solid #CCC;
  margin: 0px;
  padding: 5px;
}
#form-content legend {
  font-size: 11px;
}
#form-content .FieldLabel {
  font-size: 11px;
}

#form-content .FieldItem {
  margin-bottom: 5px;
}

#form-content .FieldItem input.Text {
  width: 220px;
  border: 1px solid #AAA;
  outline: none;
  padding: 5px;
  font-size: 15px;
}

*/
#list-portfolio, #list-portfolio ul {
  margin: 0px;
  padding-left: 20px;
}
#list-portfolio li {
  margin: 0px;
  padding: 2px 0px;
}

#paragraph-content, #quote-content {
  text-align: justify;
}
#HeadMenu:hover {
	color: #000000;
}


#MenuContactImage {
	padding: 20px;
	position: relative;
	width: 100px;
	height: 145px;
	float: right;
}
#MenuAbout {
	border-width: 1px;
	border-color: #808080;
	border-style: dashed dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 460px;
	height: 165px;
	text-align: left;
	vertical-align: top;
	background-color: #F1F6F7;
}
#ChristianRodriguezThumb {
	border: 8px solid #000000;
	margin: 2px;
	background-image: url('images/christian-rodriguez-internet-engineer-grayscale-thumb.png');
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	position: inherit;
	float: right;
}
#ChristianRodriguezThumb:hover {
	background-image: url('images/christian-rodriguez-internet-engineer-thumb.png');
	background-repeat: no-repeat;
}


#MenuContactTopText {
	border-width: 1px;
	border-color: #808080;
	border-style: dashed dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 450px;
	height: 150px;
	text-align: left;
	vertical-align: top;
	background-color: #F1F6F7;
}
.GreyBorder {
	padding: 5px;
	border: 8px solid #333333;
	margin: 5px 5px 20px 5px;
}
.TopItalicLink {
	/*font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #000000;*/
	
	padding: 3px;
	border: 1px dotted #000000;
	text-align: center;
	line-height: 28px; /*border: 1px dotted #000000;*/;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-transform: uppercase;
	word-spacing: 1em;
	letter-spacing: 2px;
	color: #000000;
	background-color: orange;
}
.TopItalic {
	padding: 0px;
	margin: 0px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #C0C0C0;
	font-size: 12px;
	line-height: 28px;
	font-style: italic;
}
.TopItalicLink:hover {
	color: #FFFFFF;
	background-color: #3333FF;
}
#MenuPortfolioTop {
	margin: 15px 15px 15px 2px;
	padding: 2px 10px 2px 10px;
	position: relative;
	width: 300px;
	height: 300px;
	float: right;
	background: #000000;
	text-align: left;
	vertical-align: top;
}
.TopMenuText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
	color: #606263;
	padding-right: 5px;
}
.TopMenuHeader {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 30px;
	color: black;
	font-style: italic;
	margin-top: 5px;
}
#MenuSocialIcons {
	position: relative;
	height: 100px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	height: 20px;
	text-transform: uppercase;
	color: #666666;
	width: 100px;
	padding-top: 2px;
	padding-bottom: 5px;
	text-align: left;
}
#MenuContactTextLeft {
	width: 300px;
	float: left;
}
#MenuAboutTextLeft {
	width: 300px;
	float: left;
}
#MenuDeveloperTextLeft{
	width: 300px;
	float: left;
}
#MenuPortfolio {
	border-width: 1px;
	border-color: #808080;
	border-style: dashed dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 500px;
	height: 55px;
	text-align: left;
	vertical-align: top;
	background-color: #F1F6F7;
}
#MenuDevelopers {
	border-width: 1px;
	border-color: #808080;
	border-style: dashed dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 220px;
	height: 80px;
	text-align: left;
	vertical-align: top;
	background-color: #F1F6F7;
}
#MenuFreeTools {
	border-width: 1px;
	border-color: #808080;
	border-style: dashed dashed dashed dashed;
	float: right;
	padding-bottom: 20px;
	width: 220px;
	height: 80px;
	text-align: left;
	vertical-align: top;
	background-color: #F1F6F7;
}
#FooterBlackRow2 {
	width: 960px;
	height: 350px;
}
#TopMenu {
	width: 500px;
}
.PageTitleContainer {
	width: 630px;
	float: left;
	margin-top: 40px;
	clear: left;
	margin-bottom: 10px;
}
.PageTitleTop {
	height: 28px;
}
.PageTitleDate {
	float: left;
	width: 60px;
	height: 80px;
	margin-right: 10px;
}


/* Download Code */
.version {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 13px;
	text-transform: uppercase;
	color: #333333;
	word-spacing: 2px;
	letter-spacing: 2px;
}
.DownloadCode {
	width: 40px;
	height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 1px;
	font-style: italic;
	color: #800000;
	position: relative;
	vertical-align: bottom;
	border: 1px dashed #333333;
}
.DownloadCode:img {
	vertical-align: top;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	position: relative;
}
.DownloadCode.img:hover {
	vertical-align: top;
	width: 55px;
	height: 55px;
	margin-left: 5px;
	position: relative;
}
.DownloadWrapper {
	width: 640px;
	height: 80px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	display: block;
	vertical-align: top;
	margin-top: 10px;
	padding-bottom: 10px;
}
.DownloadCode:hover {
	width: 40px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 1px;
	font-style: italic;
	color: #800000;
	position: relative;
	vertical-align: bottom;
	height: 40px;
	background-color: orange;
}


/* form */
.Questions {
	padding: 5px;
	border: 1px dashed #DADADA;
	width: 640px;
}

.FormQuestionHeader {
	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
	font-size: 20px;
}


.Error {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	color: #800000;
	font-size: medium;
}

.RequiredFields {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	color: #800000;
	font-size: medium;
	font-style: italic;
}

.GreyTextarea{
	padding: 5px;
	border: 1px dotted #333333;
	color: #333333;
	font: normal 15px Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	background-color: #F1F6F7;
}
.SubmitButton {
	padding: 5px 20px 5px 20px;
	background-color: orange;
	border: 1px dotted #000000;
	font-style: italic;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 15px;
}
.DropDownList {
	padding: 5px;
	border: 1px dotted #333333;
	color: #333333;
	font: normal 15px Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	background-color: #F1F6F7;
	width: auto;
}
#FooterBlackRow2 {
	width: 960px;
	height: 350px;
}

#Crumb {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000080;
	letter-spacing: 1px;
	padding: 2px;
	width: 600px;
	float: left;
	position: relative;
}

#Crumb a{
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #000080;
	letter-spacing: 1px;
}

#Crumb a:hover{
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #800000;
	letter-spacing: 1px;
}

.PortfolioText {
	width: 335px;
	float: right;
	padding-left: 10px;
}
.PortfolioThumb {
	width: 250px;
	float: left;
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #C0C0C0;
}
.Portfolio {
	border: 1px dashed #C0C0C0;
	width: 600px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	clear: left;
}
.SectionTitleContainer {
	width: 630px;
	float: left;
	margin-top: 10px;
	clear: left;
}
.BulletsDescription {
	font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Helvetica, Arial, sans-serif;
	color: #000080;
	word-spacing: 2px;
	letter-spacing: 1px;
	font-style: italic;
	padding-left: 20px;
	font-size: 13px;
	display: block;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #282828;
	line-height: 28px;
	padding-bottom: 5px;
	padding-top: 5px;
	clear: left;
}
.iphoneEmulatorWrapper {
	width: 404px;
	height: 742px;
}
.iphoneEmulatorTop {
	width: 385px;
	height: 152px;
	background-image: url('images/iphone/emulator/iphone-vertical-top.png');
}
.iphoneEmulatoriframe {
	width: 320px;
	height: 420px;
	float: left;
}
.iphoneEmulatorBottom {
	width: 383px;
	height: 157px;
	background-image: url('images/iphone/emulator/iphone-vertical-bottom.png');
	clear: both;
}
.iphoneEmulatorRight {
	width: 32px;
	height: 420px;
	background-image: url('images/iphone/emulator/iphone-vertical-right.png');
	float: left;
}
.iphoneEmulatorLeft {
	width: 34px;
	height: 420px;
	background-image: url('images/iphone/emulator/iphone-vertical-left.png');
	float: left;
}
.ContentWithLeftIcon {
	width: 630px;
	height: 300px;
	float: left;
	margin-top: 10px;
}
.ContentIconLarge {
	float: left;
	width: 150px;
	height: 300px;
	margin-right: 10px;
}
.PageTitleTopParagraph {
	margin-left: 60px;
}

