@charset "utf-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #000;
	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;
}

h1 {
	font-size:26px;
	font-weight:normal;
	
	}
h2{
	font-size:15px;
	
	}
#quotecontent h2 {
	text-decoration:underline; 
	}
h3{
	font-size:13px;
	
	}	
a {
	color:#0000FF;
	text-decoration:none;
	
	}
#effects a {
	color:#EAC048;
	
	}	
a img {
	border:none;
	}
.oneColFixCtrHdr #container {
	width: 900px; 
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}
.oneColFixCtrHdr #header {
	background:url(../images/header11.jpg) #FFFFFF;
	height:350px;
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent, .oneColFixCtrHdr #mainContentcreate {
	padding: 0 7px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height:600px;
	
	
}
.oneColFixCtrHdr #mainContent2 {
	padding: 0 7px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	
	

}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent;
	background:url(../images/footer_bg.jpg) bottom no-repeat;
	height:100px;
	margin: 0;
	
	
	
	
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	
	text-align:center;
}



 
.headerLeftCorner {
	float:left;
	height:250px;
	width:13px;
	background:url(../images/head_left.png) no-repeat;
	
}

.headerRightCorner {
	float:right;
	height:210px;
	width:13px;
	background:url(../images/head_right.png) no-repeat;
}
#header .floatLogo {

	float: left; padding-top: 24px; padding-right: 0pt; padding-bottom: 0pt; padding-left: 120px;
}

#topNav {
	width:886px;
	background-color:#000000;
	height:30px;
	
	}

#subfooter {
	text-align:center;
	color:#FFFFFF;
	}
	
.fragment0 {
	
	}
.oneColFixCtrHdr #undertableft {
	float:left;
	margin-left:27px;
	margin-right:25px;
	width:370px;
	height:250px;
	font-size:12px;
	padding:20px;
	border-right:#CCCCCC 2px solid;
	
			}
.oneColFixCtrHdr #undertabright {
	
	float:right;
	width:370px;
	font-size:12px;
	padding:20px;
	height:250px;
	
	
	}
#undertableft a {
	color:#0000FF;
	}
		
#YourDomain, #YourDomain .formLabel, input#YourDomain, #YourExt {
	display:inline;
	}


	
.contentPanel {
	height:355px}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}	
#quotecontent {
		font-size:12px;
		margin: 0 150px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding: 0 10px 0 10px;
}

/* validation css starts */


select{
	
	font-size:small;
	border: 1px solid #b1b1bc;
	background-color: #fff;
	color: #000;	
}
input, select, textarea{
	margin-left: 10px;
}
.validcheckbox{
	float:left;
	width:70px;
}
#checkboxes{
	width: 650px;
	height: 60px;
}
#checkboxes input{
	margin-left:0px;
	width:14px;
	margin-left: 29px;
}
#checkboxes label{
	display:block;
	width: 68px;
	text-align:center;
	margin-left:0px;
}
#checkboxes .input_container{
	width: 68px;
}
#radios input{
	margin-left:0px;
	width:14px;
}
#radios label{
	width:14px;
	margin-left: 29px;
}
.buttons{
	margin-top:15px;
}
.buttons input{
	width: 70px;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
	margin-left:2px;
	padding-left:0px;
}

.formLabel{
	width:150px;
	margin-bottom:7px;
	margin-top:7px;
}
#errors{
	float:left;
	height:25px;
	margin-top:10px;
}
.checkboxRequiredState .formLabel, .checkboxMaxSelectionsState .formLabel,
.selectRequiredState .formLabel, .selectInvalidState .formLabel,
.textareaRequiredState .formLabel, .textareaMinCharsState .formLabel, .textareaMaxCharsState .formLabel,
.textfieldRequiredState .formLabel, .textfieldInvalidFormatState .formLabel, .textfieldMinValueState .formLabel, .textfieldMaxValueState .formLabel, .textfieldMinCharsState .formLabel, .textfieldMaxCharsState .formLabel, .radioRequiredState .formLabel{
	color: #CC3333;	
}
.ratingMovies{
	margin-right:10px;
	float:right;
	color:#FF3333;
}
#Countvalidta1{
	width:17px;
}
#articles{
	border: 1px solid #404040;
	padding-left:12px;
	height:600px;
}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(../images/error.gif);
	background-repeat:no-repeat;
}

.validMsg{
	width:17px;
	height:17px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}

#okmessage{
	margin-top:10px;
	color: green;
	display:none;
}


.oneColFixCtrHdr #breaker {
	width:900px;
	height:34px;
	background:url(../images/breaker.jpg);
	float:left;
	
	}
	
	
.leftbar {
		float:left;
		height:220px;
		width:250px;
		display:inline;
		padding:180px 18px 0px 18px;
		background:url(../images/design_bg.png) top no-repeat;
		
		
}
.midbar {
		float:left;
		width:250px;
		display:inline;
		padding:180px 18px 0px 18px;
		background:url(../images/hosting_bg.png) top no-repeat;
		height:220px;		
		
}

.rightbar {
		float:left;
		width:250px;
		display:inline;
		padding:180px 18px 0px 18px;
		background:url(../images/solve_bg.png) top no-repeat;
		height:200px;
		
}
.shortbar {
		float:left;
		height:200px;
		width:250px;
		display:inline;
		padding:150px 18px 0px 18px;
		font-size:14px;
		
		
		
}


.longbar {
		float:left;
		width:500px;
		display:inline;
		padding:0px 18px 0px 18px;
		
		height:200px;
		
}

#webdesign  {
	background:url(../images/design_bg.png) top no-repeat;
	}

#brochure {
	background:url(../images/design_bg.png) top no-repeat;
	}

#dynamic {
	background:url(../images/design_bg.png) top no-repeat;
	}
#estore {
	background:url(../images/design_bg.png) top no-repeat;
	}
	
#hosting  {
	background:url(../images/hosting_bg.png) top no-repeat;
	}

#features  {
	background:url(../images/hosting_bg.png) top no-repeat;
	}

#packages  {
	background:url(../images/hosting_bg.png) top no-repeat;
	}

.footernav {
	padding-top:75px;
	text-align:center;
	font-size:12px;
	}
	
.footernav li {
	display:inline;
	list-style-type:none;
	padding:0px 15px;
	}
.footernav a {
	color:#660000;
	}
#subfooter p {
	color:#CCCCCC;
	}
#welcomefoot {
	background:url(../images/index_bottom_nav.jpg);
	width:886px;
	height:80px;
	}