/* w2m_core.css */

body {
	margin: 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#555;
        background-color:white;
        background-image:url(/web2me.net/site/images/background-bg.jpg);
        background-repeat:repeat-x;

}

p {
	margin:0px;
	padding:0px;
	padding-top:5px;
}


#container {
        margin:0px;
        margin:0px auto 0px auto;
	width:965px;
	padding:1px;
	position:relative;
        /* border:1px solid black; */
}


#custom_header {
  position:absolute;
  background-image:url(/web2me.net/site/images/custom-header.gif);
  background-repeat:no-repeat;
  top:170px;
  left:815px;
  width:153px;
  height:211px;
}


#header {
   background-color:#F0EFEF;
   margin-bottom:-20px;
   height:100px;

}

#logo {
   position:absolute;
   top:25px;
   left:0px;
}

#login {
	position:absolute;
	top:25px;
	left:800px;
}




.front-box {
  float:left;
  width:380px;
  height:230px;
  background-image:url(/web2me.net/site/images/front-box-orange.jpg);
  background-repeat:no-repeat;
  padding:1px;
  padding-top:10px;
  padding-left:15px;
  color:#666;
}

.front-box h1 {
  font-size: 18px;
  color:white;
  padding:0px;
  margin:0px;
  font-weight:normal;
  padding-left:10px;

}


.front-box h2 {
  margin:0px;
  margin-top:5px;
  font-size: 14px;
  color:#024D7E;
  color: #555;
  padding:0px;
  font-weight:normal;
  font-weight:bold;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}


#plans-front {
  padding:5px;
  padding-top:15px;
  padding-right:10px;
  /* font-size:0.9em; */
  
}


form {
	padding:0px;margin:0px;
}


#title h1 {
  font-size:24px;
  margin-left:120px;
  font-weight:normal;
}

#navbar-wrapper {
   margin-left:200px;
}

#navbar-right, #navbar-left {
  margin-top:30px;
  padding-top:10px;
  height:30px;
  float:left;
  width:14px;
}

#navbar-right {
  background-image:url(/web2me.net/site/images/navbar-right.jpg);
  background-repeat:no-repeat;
}

#navbar-left {
  background-image:url(/web2me.net/site/images/navbar-left.jpg);
  background-repeat:no-repeat;
}

#navbar {
        float:left;
        width: 550px;
        margin-top:30px;
        padding-top:10px;
        height:30px;
	/* background-color:#F0EFEF; */
	/* border:1px solid black; */
	background-image: url(/web2me.net/site/images/navbar-middle.jpg);
	background-repeat: repeat-x;
        padding-bottom:0px;
        /* border-bottom:5px solid #F3721C; */

}

#navbar li, #navbar ul, #navbar ul li {
  display:inline;
  margin:0px;
  padding:0px;
  list-style-type: none;
  background-image:none;
}

#navbar ul li {
  border-right:1px solid white;
}

#navbar ul li.last_nav {
  border-right:0px solid white;
}

#navbar a {
        font-family:  'Microsoft Sans Serif', 'Trebuchet MS', Tahoma, Arial, sans-serif; 
	color:white;
	font-size:16px;
	text-decoration: none; 
	font-weight:normal;
        padding-left:8px;
        padding-right:8px;
        margin:0px;
}							  


#navbar a.current {
   color: #111;
}

#navbar a:hover {
   color: #111;
}


#samples a {
  text-decoration:none;

}


h1 {
        font-size:24px;
	color:white;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:20px;
        font-weight:normal;
}

#image_container h1 {
   font-size:16px;
   text-align:center;
}


h2 {
        clear:both;
        font-size:18px;
	/* color:#EE5A00; */
	color:#666;
	padding-top:30px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:1px;	
        font-weight:normal;
	/*  border:1px solid black;		*/
}


h3 {
        font-size:16px;
	color: #555;
	padding-top:15px;
	padding-bottom:0px;
	padding-left:0px;
	margin:0px;
	margin-bottom:5px;
        font-weight:normal;
        text-decoration:underline;
}



#content {
        clear:both;
	padding-top:0px;  
	padding-bottom:0px;
        padding-left:30px;
        padding-right:30px;
	/* border:1px solid blue; */
        margin-top:-20px;
}

#image_container {
	/* margin-left:20px; */
	margin-top:0px;
        padding-top:12px;
	/* width:540px; */
	/* border:1px solid black; */
}

#leftcol {
        clear:left;
	float:left;
	width:340px; 
        padding-left:70px;
	/* border:1px solid black; */
}

#rightcol {
	float:right;
	width:340px;
	/* border:1px solid black; */
}


#www {
	padding:1px;
	background-image: url(/web2me.net/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px 0px;
        float:left;
        width:180px;
        height:100px;
}

#businesscard {
	padding:1px;
	background-image: url(/web2me.net/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px -90px;
        float:left;
        width:180px;
        height:100px;
}

#poster {
	padding:1px;
	background-image: url(/web2me.net/site/images/HHGraphics1X.gif);
	background-repeat: no-repeat;
        background-position: 0px -186px;
        float:left;
        width:180px;
        height:100px;
}


#brochure-maker {
	padding:1px;
	background-image: url(/web2me.net/site/images/brochure-maker.gif);
	background-repeat: no-repeat;
        float:left;
        width:80px;
        height:100px;
}


.important {
	color: #E46035;
}

ul {
	margin:0px;
	padding:0px;
	padding-top:2px;
}

li {
	margin:0px;
	margin-top:5px;
	padding-top:1px;
	padding-left:5px;
	list-style: none;
}


/* Only put tick on first level list item */
ul li {
	padding-left:15px;
}

ul li ul li {
	background-image: none;
        font-size: 0.9em;
        padding-top:1px;
        margin-top:0px;
        list-style:circle;
        list-style-position:inside;

}


a {
	color: #1A4A90;
	text-decoration: underline;
	font-weight: normal;
}

#footer {
        margin-top:25px;
	padding-bottom:0px;
	clear:both;
	/* border-top:1px solid #222; */
        background-image:url(/web2me.net/site/images/footer-bg.jpg);
        background-repeat:repeat-x;
        background-color: #222;

}

#footer-txt {
	font-size:14px;
        color:#12232F;
	width:965px;
        margin: 0px auto 0px auto;
        background-image:url(/web2me.net/site/images/footer-txt-bg.jpg);
        background-repeat: no-repeat;
        height:75px;
        padding-top:125px;
}

#footer-txt a {
        color:#C2DCEF;
        text-decoration:none;
        font-size:14px;
}

/* Forms */
#content form .form_header {
   font-family: Arial, Helvetica, sans-serif; 
   font-size: 14px; 
   font-weight:bold; 
   color:#6C717D;
	color:#EE5A00;
   padding-top:16px;
   border-bottom: 1px dotted #6C717D;
}

#content form .submit_button {
    font-size:14px; 
    color:white; 
    font-weight:bold;
    background-color:#5689B5; 
    border:1px solid #ccc;
    padding:1px;
    margin:0px; 
}

#content form .label {

   font-size:14px; 
   color: black;
}


#content #form_action {
   padding-top:10px;
}


#content img {
   border:1px solid #aaa;
}


#content .example_site {
  float:left;
  width:450px;
  padding:10px;
}

#content .example_site ul, #content .example_site ul li {
   padding:0px;
   margin:0px;
   margin-bottom:5px;
}

#content .example_site ul {
    margin-bottom:15px;
}

.error {
   color: #FF0000;
   font-weight: bold;
}

.mandatory {
   color: #FF0000;
   font-weight: bold;
}


/* Plans Display */
#plans {
  margin-top:20px;
  border-collapse: collapse;
  border-bottom:1px solid #ccc;
}

#plans th.hosting {
   width:200px;
   color:#6F6F6F;
   font-weight:normal;
   font-size:14px;
   font-style:italic;
   padding:3px;
}

#plans td {
  width:90px;
  height:30px;
  font-size:12px;
}

#plans td.standard_dark {  
    background-image:url(/web2me.net/site/images/standard-dark.jpg);
    background-repeat:no-repeat;
}

#plans td.standard_light {
    background-image:url(/web2me.net/site/images/standard-light.jpg);
    background-repeat:no-repeat;
}

#plans td.standard_light_none {
    background-image:url(/web2me.net/site/images/standard-light-none.jpg);
    background-repeat:no-repeat;
}

#plans td.standard_dark_none {
    background-image:url(/web2me.net/site/images/standard-dark-none.jpg);
    background-repeat:no-repeat;
}


#plans th.standard_plan {
    background-image:url(/web2me.net/site/images/standard-plan.jpg);
    background-repeat:no-repeat;
    width:160px;
    height:100px;
}


#plans th.standardplus_plan {
    background-image:url(/web2me.net/site/images/standardplus-plan.jpg);
    background-repeat:no-repeat;
    width:160px;
    height:100px;
}

#plans td.standardplus_dark {
    background-image:url(/web2me.net/site/images/standardplus-dark.jpg);
    background-repeat:no-repeat;
}

#plans td.standardplus_dark_none {
    background-image:url(/web2me.net/site/images/standardplus-dark-none.jpg);
    background-repeat:no-repeat;
}

#plans td.standardplus_light {
    background-image:url(/web2me.net/site/images/standardplus-light.jpg);
    background-repeat:no-repeat;
}

#plans td.standardplus_light_none {
    background-image:url(/web2me.net/site/images/standardplus-light-none.jpg);
    background-repeat:no-repeat;
}




#plans th.custom_plan {
    background-image:url(/web2me.net/site/images/custom-plan.jpg);
    background-repeat:no-repeat;
    width:160px;
    height:100px;
}

#plans td.custom_dark {
    background-image:url(/web2me.net/site/images/custom-dark.jpg);
    background-repeat:no-repeat;
}

#plans td.custom_light {
    background-image:url(/web2me.net/site/images/custom-light.jpg);
    background-repeat:no-repeat;
}

#plans td.custom_dark_none {
    background-image:url(/web2me.net/site/images/custom-dark-none.jpg);
    background-repeat:no-repeat;
}

#plans td.custom_light_none {
    background-image:url(/web2me.net/site/images/custom-light-none.jpg);
    background-repeat:no-repeat;
}



#plans td {
  padding:5px;
  height:20px;
}


#plans td.label1 {
  background-color:#EAEAEA;
  width:200px;
}

#plans td.label2 {
  background-color:white;
  width:200px;
}


/* Features Display */
.feature img {
  display:block;
  margin-bottom:5px;
}

.feature h3 {
   color:#1E8F11;
   text-decoration:none;
   margin-top:20px;
}

.feature {
  padding-bottom:5px;
}

.feature li {
	list-style: inside;
}

#content img.no-border {
  margin-top:10px;
  border:none;
}

#content .feature_item {
  padding-left:80px;
  float:left;
  width:360px;
  /* border:1px solid red; */
  background-image:url(/web2me.net/site/images/feature-desc-bg.jpg);
  background-repeat:no-repeat;
}

#content .feature_desc {
  float:left;
  width:410px;
  /* border:1px solid green; */
}