@charset "utf-8";
/* CSS Document */

.mybody {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #292929;
	background-image: url(../images/template/WDbackground.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

img {
	vertical-align: top;
	border: none;
}
a:link, a:visited {
	color: #999999;
	text-decoration: none;
	}

a:hover, a:active {
	color: #17C4F5;
	text-decoration: underline;
}

.container {
	width: 955px;
	vertical-align: top;
	margin: auto;
}

.wrap {
}

.header {
	/*background-image: url(../images/template/logoHeader.gif);
	background-position: center top;
	background-repeat: no-repeat;*/
	height: 220px;
	padding-top: 150px 0 0 0;
	text-align: left;
}
h1 {
	color: #CCCCCC;
	font-size: 18px;
	padding-left: 10px;
	padding-bottom: 5px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	height: 18px;
	margin-bottom: 15px;
	padding-left: 10px;
}
h3 {
	color:  #999999
	text-transform: capitalize;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-left: 10px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #828282;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	height: 18px;
	margin-bottom: 15px;
}
strong {
	font-weight: bold;
}
#navigation {
	font-size: 12px;
	color: #565656;
	text-decoration: none;
	font-weight: bold;
	padding-top: 135px;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

#navigation  ul li {
	float: left;	
}

#navigation li {
	background-image: url(../images/template/nav-separator.png);
	background-position: right center;
	background-repeat: no-repeat;
	height: 50px;
}

#navigation li.last {
	background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	height: 50px;
}

#navigation a{
	padding-right: 12px;
	padding-left: 10px;
	line-height: 45px;
}
#navigation  a:link, #navigation  a:visited  {
	color: #333333;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active {
	color: #9B6E0C;
	text-decoration: none;
}
.threebox {
	float: left;
	height: 327px;
	background-color: #1c1c1c;
	margin: 10px;
	width: 298px;
}
.threebox-print {
	float: left;
	height: 452px;
	margin: 10px;
	background-color: #1c1c1c;
}

.threeTitle-print {
	font-size: 12px;
	text-align: left;
	color: #FCB315;
	width: 200px;
	font-weight: bold;
	padding: 7px 0 0 10px;
	vertical-align: top;
	background-color: #1c1c1c;
	float: left;
	margin: 0;
}

.threeTitle {font-size: 12px;
	text-align: left;
	color: #FCB315;
	width: 280px;
	font-weight: bold;
	padding: 7px;
	margin: 0;
	vertical-align: top;
}

.mediaBox {
	float: left;
	background-color: #1c1c1c;
	margin: 10px;
	width: 935px;
}

.mediaImage {
	text-align: left;
	}

.mediaDetail {
	font-size: 12px;
	text-align: left;
	color: #999999;
	width: 200px;
	padding: 15px 0 0 10px;
	vertical-align: top;
	background-color: #1c1c1c;
	float: left;
	margin: 0;
	line-height: 16px;
}

.mediaTitle {
	font-size: 12px;
	text-align: left;
	color: #FCB315;
	font-weight: bold;
	}

.mediaDetail a:link, .mediaDetail a:visited{
	color: #17C4F5;
	text-decoration: none;
	}
.tagline {
	color:  #FFFFFF
}

.threebox-logo {
	float: left;
	height: 285px;
	background-color: #1c1c1c;
	margin: 10px;
	width: 298px;
}
.threebox-jobs {
	float: left;
	background-color: #1c1c1c;
	margin: 10px;
	width: 298px;
}

.threeTN {
	height: 241px;
		margin: 0;
	padding: 0;
}

.leftTN {
	height: 452px;
		margin: 0;
	padding: 0;
	float: left;
}

.rightTN {
	height: 452px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
	float: left;
	margin: 0;
}

.podthreeTitle {font-size: 12px;
	color: #d1d1d1;
	text-decoration: none;
	font-weight: normal;
}


.launch {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	width: 290px;
	line-height: 13px;
}
.launch a:link, .launch a:visited {
	color: #17C4F5;
	text-decoration: none;
	line-height: 16px;
}

.launch a:hover, .launch a:active {
	color: #999999;
	text-decoration: underline;
	line-height: 16px;
}

.launch2 {
	font-size: 12px;
	background-image: url(../images/template/yellowArrow.png);
	background-position: right 7px;
	background-repeat: no-repeat;
	padding-right: 20px;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}

 a.launch2:link, a.launch2:visited {
	color: #FFFFFF;
}

 a.launch2:hover,  a.launch2:active {
	color: #17B8E6;
		background-image: url(../images/template/blueArrow.png);
			text-decoration: none;
}


.sign {
	background-color: #1c1c1c;
	float: left;
	height: 61px;
	width: 529px;font-size: 29px;
	font-weight: normal;
	color:  #999999
}
.sign_body {
	background-color: #1c1c1c;
	float: left;
	width: 529px;
	margin-top: 11px;
}


.bigtext {font-size: 29px;
	font-weight: normal;
	color:  #999999;
	text-decoration: none;
	padding-top: 14px;
	padding-left: 15px;
	margin: 0;
	float: left;
}


#footer {
	/*background-image: url(../images/template/logoHeader.gif);
	background-position: center -115px;
	background-repeat: no-repeat;*/
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 20px;
	text-align: center;
	text-transform: capitalize;
	clear: both;
	height: 80px;
	display: block;
}

#footer ul {
	font-size: 12px;
	color: #FCB315;
	text-decoration: none;
	font-weight: normal;
	line-height: 13px;
	padding-top: 10px;
	padding-left: 280px;
}
#footer ul  li   {
	float: left;	
}

#footer ul a{
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: lowercase;
}

#footer ul a:link, #footer ul a:visited {
	color: #FCB315;
	text-decoration: none;
	text-transform: uppercase;
}
#footer ul a:hover, #footer ul a:active {
	color: #17C4F5;
	text-decoration: none;
}
.jobs {font-size: 12px;
	color: #5d5d5d;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	padding: 15px;
	float: left;
}

.formfield {font-size: 12px;
	color: #dddddd;
	background-color: #333333;
	width: 400px;
	border: none;
		padding: 5px;

}

.formfield2 {font-size: 12px;
	color: #dddddd;
	background-color: #333333;
	width: 300px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
}
.wrap-webdesign {
	width: 818px;
	vertical-align: top;
	margin: auto;
	margin-top: auto;
}
.designLeft {
	float: left;
	height: 50px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 20;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20;
	width: 650px;
	clear: right;
}
.design-right {
	float: right;
	text-align: right;
	width: 318px;
	margin: 0;
	padding: 0px;	
}

.desc {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 16px;
}

/*.desc a:link, .desc a:visited {
	color: #5D5D5D;
	text-decoration: none;
}

.desc a:hover, .desc a:active {
	color: #7d7d7d;
	text-decoration: underline;
}*/
#PrevNextMenu {
	float: right;
	text-align: right;
	width: 300px;
	margin: 0;
	padding-bottom: 5px;
}
#PrevNextMenu  a {
	text-decoration: none;
	padding-left: 18px;
}
.nextprev  {
	font-size: 12px;
	color: #FFFFFF;
}

.nextprev a:link, .nextprev a:visited {
	color: #828282;
	text-decoration: none;
}

.nextprev a:hover, .nextprev a:active {
	color: #17B8E6;
	text-decoration: none;
}

a.nextprev:link, a.nextprev:visited {
	color: #828282;
	text-decoration: none;
}

a.nextprev:hover, a.nextprev:active {
	color: #17B8E6;
	text-decoration: none;
}

.nextprevIMG {
	padding-top: 6px;
}

.work {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

.work img{
	padding: 8px;
	background-color:#FFFFFF;
}

.work2 {
	padding: 0;
	width: 254px;
	margin-top: 0 28px 28px 0;
	float: left;
}
.work3 {
	padding: 0;
	width: 253px;
	margin-top: 0 0 28px 0;
	float: left;
	background-color: #009933;
}
.work4 {
	padding: 0;
	margin-top: 0 0 28px 0;
	float: left;
}
.work_end {
	padding: 0;
	width: 818px;
	text-align: right;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
}
.infobox {
	width: 936px;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-style: normal;
	color:  #999999;
	font-weight: normal;
	height: 318px;
	margin: 8px;
	background-repeat: no-repeat;
	background-image: url(../images/template/infobox_home-1.jpg);
	border: 1px solid #999999;
}
.infobox p {
	width: 616px;
	float: right;
	margin: 0;
	padding-top: 200px 0 0 0;
}
.infobox_string {
	width: 936px;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-style: normal;
	color:  #999999;
	font-weight: normal;
	height: 336px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(../images/template/infobox_home.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
}

.infobox_string p {
	width: 650px;
	float: right;
	margin: 0;
	padding-top: 233px 26px 0 0;
}
.displayNone {
	display: none;
}
.ltgrey {
	color: #999999;
	font-size: 12px;
}
#homeContent {
	font-size: 12px;
	color: #999999;
	line-height: 18px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	float: left;
}
#homeBlurb {
	float: right;
	width: 700px;
	clear: both;
	padding-right: 10px;
}
#mtLogo {
	clear: both;
	padding-top: 15px;
	float: right;
	padding-right: 10px;
}

#wdLogo{
	clear: right;
	padding-top: 15px;
	float: left;
	padding-right: 10px;
}
.yellow {
	color: #FCB315;
}
a.yellow:link,  a.yellow:visited{
	color: #FCB315;
}

a.yellow:active,  a..yellow:hover{
	color: #17B8E6;
}
#wdCTA {
	float: right;
	padding-top: 26px;
	font-size: 12px;
	color:  #999999
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
	width: 180px;
}

 a.linkCTA:link,   a.linkCTA:visited {
	color: #FCB316;
	text-transform: uppercase;
	background-image: url(../images/template/yellowArrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 25px;
	float: right;
	text-decoration: none;
	text-align: right;
}

 a.linkCTA:active,   a.linkCTA:hover {
color: #17B8E6;
	text-decoration: none;
		background-image: url(../images/template/blueArrow.png);
}
#serviceBox-wrap {
	float: left;
	padding-top: 15px;
	padding-bottom: 0px;
	width: 935px;
}

.serviceBox {
	float: left;
	background-color: #1c1c1c;
	width: 271px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 110px;
}
.serviceBox ul {
	list-style-type: none;
}
.serviceBox li {
	background-image: url(../images/template/yellowArrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;	
}
.serviceTitle {
	font-size: 20px;
	text-align: left;
	color: #FCB315;
	font-weight: normal;
	margin: 0;
	vertical-align: top;
	display: block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 0px;
	text-transform: uppercase;
}

a.serviceTitle:link,  a.serviceTitle:visited{
	color: #FCB315;
}

a.serviceTitle:active,  a.serviceTitle:hover{
	color: #17B8E6;
	text-decoration: none;
}
.hrDivider {
	background-image: url(../images/template/hr.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	display: block;
	clear: both;
}
.hrDivider-2 {
	height: 20px;
	display: block;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.wrap-webdesign h1 {
	padding-left: 0px;
}
.wrap-webdesign h2 {
	padding-left: 0px;
}
.detailsDesc {
	font-size: 12px;
	color: #FCB316;
	font-weight: bold;
}
#detailNav-left {
	float: left;
	width: 150px;
}
.detailNav-right {
	float: right;
}

.test_1 {
	color: #FCB415;
	font-size: 14px;
	line-height: 24px;
	float: left;
	clear: left;
	text-align: right;
	width: 180px;
	padding-top: 38px;
}
.test_2 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	padding-right: 20px;
	font-style: italic;
	width: 515px;
	float: right;
	padding-left: 80px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #989898;
	background-image: url(../images/quote-1.gif);
	background-repeat: no-repeat;
	background-position: 30px top;
	padding-top: 38px;
}
.test_wrap {
	clear: both;
	width: 830px;
	padding-bottom: 30px;
	background-image: url(../images/quote-2.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

.twobox {
	float: left;
	background-color: #1c1c1c;
	margin: 9px;
	width: 458px;
}
.twoTitle {
	font-size: 12px;
	text-align: left;
	color: #FCB315;
	width: 444px;
	font-weight: bold;
	margin: 0;
	vertical-align: top;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 9px;
	padding-left: 7px;
}
.twoTN {
	height: 270px;
	margin: 0;
	padding: 0;
}