@charset "UTF-8";
@import url("styles2.css");
.Standardtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #333333;
}
.BlueBoldItalic13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #305D88;
}
.OrangeHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF5D00;
	font-weight: bold;
}
.BoldBlack18 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
.BlueWebProposalText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #305D88;
}
.StandardBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}
.BoldBlack20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.Black11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.BlueHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #305D88;
}
.BleuStandardText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #305D88;
}
.Black10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.OrangeBold11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FE6208;
}
.Orange11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FE650E;
}
.StaticButton {
	position: absolute;
	z-index: 1;
	height: 74px;
	width: 49px;
	left: 26px;
	top: 19px;
}
#StaticButton {
	position:absolute;
	left:26px;
	top:19px;
	width:49px;
	height:74px;
	z-index:1;
}
#LogoButton {
	position:absolute;
	left:101px;
	top:322px;
	width:54px;
	height:81px;
	z-index:2;
}
#FlashButton {
	position:absolute;
	left:107px;
	top:21px;
	width:64px;
	height:85px;
	z-index:3;
}
#DynamicButton {
	position:absolute;
	left:20px;
	top:119px;
	width:51px;
	height:77px;
	z-index:4;
}
#GraphicDesButton {
	position:absolute;
	left:112px;
	top:120px;
	width:50px;
	height:77px;
	z-index:5;
}
#EcommerceButton {
	position:absolute;
	left:13px;
	top:220px;
	width:53px;
	height:69px;
	z-index:6;
}
#CMSButton {
	position:absolute;
	left:110px;
	top:224px;
	width:62px;
	height:73px;
	z-index:7;
}
#WebHostingButton {
	position:absolute;
	left:17px;
	top:319px;
	width:59px;
	height:73px;
	z-index:8;
}


#Header {
	position:absolute;
	left:23px;
	top:11px;
	width:954px;
	height:111px;
	z-index:1;
}
#TopMenuBar {
	position:absolute;
	left:446px;
	top:52px;
	width:428px;
	height:35px;
	z-index:1;
}
#ManGlobeBox {
	position:absolute;
	left:36px;
	top:370px;
	width:145px;
	height:127px;
	z-index:2;
}
#FlashBanner {
	position:absolute;
	left:32px;
	top:141px;
	width:785px;
	height:184px;
	z-index:3;
}
#SideMenuBox {
	position:absolute;
	left:1046px;
	top:490px;
	width:187px;
	height:262px;
	z-index:5;
}
#ThawteLogo {
	position:absolute;
	left:624px;
	top:1108px;
	width:149px;
	height:67px;
	z-index:6;
}
#CallUsToday {
	position:absolute;
	left:699px;
	top:1003px;
	width:176px;
	height:49px;
	z-index:3000;
}
#WebProposalText {
	position:absolute;
	left:28px;
	top:27px;
	width:146px;
	height:75px;
	z-index:1;
}
#HomeButton {
	position:absolute;
	left:25px;
	top:13px;
	width:51px;
	height:21px;
	z-index:1;
}
#ServicesButton {
	position:absolute;
	left:87px;
	top:13px;
	width:54px;
	height:17px;
	z-index:2;
}
#PhilosophyButton {
	position:absolute;
	left:151px;
	top:13px;
	width:54px;
	height:13px;
	z-index:3;
}
#SpecialsButton {
	position:absolute;
	left:227px;
	top:13px;
	width:55px;
	height:12px;
	z-index:4;
}
#PortfolioButton {
	position:absolute;
	left:296px;
	top:13px;
	width:47px;
	height:16px;
	z-index:5;
}
#ContactButton {
	position:absolute;
	left:366px;
	top:13px;
	width:46px;
	height:14px;
	z-index:6;
}
a {
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #305D88;
}
a:active {
	text-decoration: none;
}
#MainText {
	position:absolute;
	left:31px;
	top:363px;
	width:550px;
	height:772px;
	z-index:11;
}
.blueBold13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #305D88;
}
.Blue16italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #305D88;
	font-weight: normal;
}
.Orangebold13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF5D00;
}
#maintext1 {
	position:absolute;
	left:32px;
	top:371px;
	width:528px;
	height:836px;
	z-index:11;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color:#FF9F9F;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color:#FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
#pleaseallow {
	position:absolute;
	left:296px;
	top:1168px;
	width:269px;
	height:30px;
	z-index:12;
}
.style1 {font-style: italic}
.style1 {font-style: italic}
.style1 {font-style: italic}
.style1 {color: #FFFFFF}
#Maintextsecurity {
	position:absolute;
	left:99px;
	top:420px;
	width:355px;
	height:46px;
	z-index:11;
}
#Maintextsecurity {
	position:absolute;
	left:33px;
	top:364px;
	width:540px;
	height:898px;
	z-index:11;
}
#Footertextsecurity {
	position:absolute;
	left:90px;
	top:1342px;
	width:663px;
	height:16px;
	z-index:12;
}
.sitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3F6CB8;
	left: 98px;
	top: 1280px;
}
.phoneNumber {
	height: 29px;
	width: 186px;
	left: 592px;
	top: 0px;
}
.paddingphoto {
	padding-right: 20px;
	padding-bottom: 20px;
}
#CopyServ {
	position:absolute;
	left:34px;
	top:364px;
	width:555px;
	height:1117px;
	z-index:11;
}
.style2 {
	color: #2A64C8
}
.style3 {font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.style4 {font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.style5 {font-family: Arial, Helvetica, sans-serif}
#PhoneServ {
	position:absolute;
	left:725px;
	top:-1px;
	width:194px;
	height:31px;
	z-index:2;
}
.style6 {
	color: #2A64C8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
#OurServicesServ {
	position:absolute;
	left:652px;
	top:719px;
	width:275px;
	height:490px;
	z-index:13;
}
#FormBackServ {
	position:absolute;
	left:624px;
	top:359px;
	width:286px;
	height:222px;
	z-index:15;
}
#FormContServ {
	position:absolute;
	left:32px;
	top:11px;
	width:285px;
	height:276px;
	z-index:1;
}
#FormServ {
	position:absolute;
	left:-4px;
	top:82px;
	width:290px;
	height:189px;
	z-index:1;
}
.style1.1 {font-weight: bold}
.style7 {
	color: #FF5D00
}
#FormCopyServ {
	position:absolute;
	left:30px;
	top:4px;
	width:222px;
	height:82px;
	z-index:2;
}
#BottBoxServ {
	position:absolute;
	left:629px;
	top:711px;
	width:75px;
	height:540px;
	z-index:5;
}
body {
	background-image: url();
}
#TextFlash {
	position:absolute;
	left:33px;
	top:343px;
	width:555px;
	height:466px;
	z-index:11;
}