@charset "utf-8";

*{ margin:0; padding:0; outline:0; }
img { border: 0; }
.clear { clear: both; }
::selection { background: #9fcd00; /* Safari */ }
::-moz-selection { background: #9fcd00; /* Firefox */ }
body { 
	font: 12px Arial, Verdana, Arial, Helvetica, sans-serif;
	background: #f9f9f9 url(../images/bg.png) repeat-x;
	border-top:2px solid #2e8ec9;
	color: #444;
	line-height: 1.6em;
}

/* typography */
a { 
	color: #3F3E44;
	text-decoration: none; 
}
a:hover {
	color: #000;
}

p {
	margin: 0 0 12px; 
}

/* headings */
h1 {
	clear: both;
	color: #000;
	font-size: 1.7em;
	float: left;
}
h1 span {
	color: #000;
}
h1 a
{
	color: #000;
}

h2 {
	clear: both;
	float: left;
	font-size: 2.94em;
	color: #fff;
	line-height: 1.6em;
	position: absolute;
	top: 75px;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

h3 {
	font-size: 18px;
	color: #424248;
	margin: 0 0 10px;
}

h4 {
	font-size: 15px;
	color: #424248;
	margin: 0 0 10px;
}


#main h3 { color:#095697; font-size:22px!important; }

#side h3 { border-bottom:1px dotted #545454; padding:0 0 3px 0; font-size:20px!important;}

#side .benefits li { background:url(../images/libenef.png) left no-repeat; padding:0 0 0 20px; }
#side .free li { background:url(../images/lifree.png) left no-repeat; padding:0 0 0 20px; }

#side .paperformat li { background:url(../images/lipaper.png) left no-repeat; padding:0 0 0 20px; }
#side ul { margin:0 0 10px 2px;}

#top {
	height: 80px;
}


#menu {
	float: right;
	margin: 19px 0 0 0;
}
#menu li {
	border-right: 1px dotted #89a3b3;
	text-shadow: 0 1px 0 #ffffff;
	display: inline;
	list-style: none;
	font-size: 18px;
	line-height:14px;
	padding:0 25px 0 0;
	font-weight:bold;
	float:right;
}
#menu li a {
	float: left;
	margin: 0 0 0 18px;
	text-shadow: 0 1px 0 #ffffff;
	padding: 0 5px 0 5px;
	color: #222;
	
	
}



#menu li span { font-size:12px; color:#666; margin: 0 0 0 25px; text-transform:uppercase;  }
#menu li a:hover, #menu li a.current { color:#004c7f!important; }


#menu li .hover { color:#fff!important;}
#servmenu, #pricemenu, .account { cursor:pointer; } 

.account { border-right: none!important; padding:0 0 0 0!important;}
.account span {margin: 0 0 0 25px;}

.hover a { color:#004c7f!important;}

#content { 
	width: 1000px;
	margin: 15px auto;
}

/* logo */
#logo {
	width:232px;
	height:56px;
	margin:8px 0 0 0;
	background:url(../images/mycustomwritinglogo.png);
	text-indent:-10000px;
}

#pitch { height:240px; width:1000px;  margin:25px 0 20px 0; z-index:100; }




#allserv {  height:270px; width:1000px; top:70px;  position:absolute; display:none; z-index:10000; color:#444!important; text-shadow: 0 1px 0 #d4eaf8;}
#allserv  ul { float:left; margin:30px 35px 0 5px; width:180px;}
#allserv  ul li { margin:4px 0 0 4px; list-style:none;}
#allserv  ul li.first { font-size:19px; font-weight:bold; color:#333; margin:0 0 10px 0!important; padding:0 0 3px 0; border-bottom:1px dotted #000;}
#allserv h3 { font-size:19px; font-weight:bold; }
#allserv #serviceuls { width:680px; float:left; }
#allserv #tags { width:320px; float:right;margin:30px 0 0 0; }
#allserv #tags a { margin:0 7px 0 0; font-size:12px;}
#allserv #tags h3 { color:#333;font-size:19px; font-weight:bold;  margin:0 0 13px 0!important; padding:0 0 3px 0; border-bottom:1px dotted #000;}
#allserv #tags .t0 { font-size:11px;}
#allserv #tags .t1 { font-size:14px;}
#allserv #tags .t2 { font-size:17px;}
#allserv #tags .t3 { font-size:20px;}
#allserv #tags .t4 { font-size:23px;}
#allserv #tags .t5 { font-size:26px;}

#allprice {  height:270px; width:1000px; top:70px; display:none;  position:absolute; z-index:10000; color:#000!important; text-shadow: 0 1px 0 #d4eaf8;}
#allprice table { width:100%; margin:29px 0 0 4px;  }


#allprice td { background:url(../images/bgmh2.png); font-size:12px; padding: 0 7px;}
#allprice .odd td  { background:url(../images/bgmhgreen.png);}


#allprice .trhead td { background:url(../images/bgmh.png); font-weight: bold; padding:5px; font-size:14px; text-align:center; } 
#allprice .headprice { background:none; padding:0; }
#allprice .headprice h3 { color:#333;  font-size:19px; font-weight:bold; color:#333; border-bottom:1px dotted #333; margin: 0 0 4px 0!important; padding:0 0 3px 0;}

#loginbox h3 {  color:#333;font-size:19px; font-weight:bold;  margin:0 0 13px 0!important; padding:0 0 3px 0; border-bottom:1px dotted #000;}

#loginbox {  height:270px; width:550px; top:70px; display:none; margin:0 0 0 450px;  position:absolute;  z-index:10000; color:#444!important; text-shadow: 0 1px 0 #d4eaf8;}
 #loginbox form { margin:55px 0 0 10px; float:left; }
 #loginbox .comments { width:200px; height:200px; margin:62px 0 0 0; float:right;}
  #loginbox .comments a { text-decoration:underline; color:#5f8807; font-weight:bold;}
  #loginbox .comments a:hover { color:#0063a2; text-decoration:none;}
  #loginbox form { font-size:13px; font-weight:bold;}
  #loginbox table td { padding:5px 7px;}
  #loginbox form .tfield { height:27px; width:200px;
  padding:0 7px;
  font-size:14px;
  background:url(../images/bgmh.png);
  border-top: 1px solid #678194;
  border-left: 1px solid #88a5bc;
  border-right: 1px solid #88a5bc;
  border-bottom: 1px solid #88a5bc;}
  
   #loginbox form .tfield:hover, #loginbox form .tfield:focus { 
   background:url(../images/bgmh2.png);
   }


  
  #loginbox form .loginbtnbox { text-align:right;}
  #loginbox form .loginbtnbox a { padding:0 20px 0 0; font-size:12px; text-decoration:underline; color:#5f8807; font-weight:bold;}
  #loginbox form .loginbtnbox a:hover  { color:#0063a2; text-decoration:none;}
  #loginbox form .loginbtn { background:url(../images/signin.png); width:92px; height:29px; border:none; cursor:pointer; }
  #loginbox form .loginbtn:hover { background-position: left bottom;}
 
#pitch #block1 { width:430px; float:left; margin:0 0 0 5px; }
#pitch #block1 img { margin:15px 0 0 0;}
#pitch #block2 { width:550px; float:right; }
#pitch #block2 .benefit { width:195px; float:left; padding:0 0 0 44px; margin:5px 25px 24px 11px;}
#pitch #block2 .benefit h4 { font-size:18px; margin:7px 0 4px 0!important; padding:0!important; color:#104f7e; text-shadow: 0 1px 0 #d4eaf8;}
#pitch #block2 .benefit  p { font-size:12px; line-height:17px!important; color:#222; margin:0!important; padding:0 0 0 3px!important}
#pitch #block2 .time { background:url(../images/time.png) no-repeat left 15px;}
#pitch #block2 .lightning { background:url(../images/lightning.png) no-repeat left 15px;}
#pitch #block2 .moneyback { background:url(../images/moneyback.png) no-repeat left 15px;}
#pitch #block2 .star { background:url(../images/star.png) no-repeat left 15px;}


#pitch h1 { margin:13px 0 10px 0; width:430px; font-size:25px; }
#pitch h1 span { color:#0062a3; }
#pitch p { margin:12px 0 0 7px; font-size:15px;}
#pitch h4 { line-height:23px;}

/* columns */
#cols h3 { font-size:20px!important; margin:0 0 5px 0; color:#333;  }

#cols {
	clear: both;
	margin: 0 0 30px;
	padding: 0 0 20px 0;
	background: url(../images/colsbg.png) no-repeat bottom center;
	
}

#cols img { margin:0 0 7px 0; border-top: 2px solid #555555; padding:1px 0 0 0;}
.col { 
	float: left; 
	width: 229px; 
	margin: 0 15px 0 0; 
	padding: 0 10px 15px 0; 
	border-right: 1px dotted #ddd; 
}
.col.last { 
	margin-right: 0; 
	border: 0; 
	padding-right: 0; 
}

/* more button */
.more { 
	display: block;
	position: relative;
	color: #eee; 
	background: url(../images/readmore.png) no-repeat; 
	text-align: center; 
	text-shadow: 0 1px 0 #000;
	width: 87px; 
	height: 21px;
	margin:0 10px 0 0;
	padding: 3px 0 0; 
	font-size: .84em; 
	text-transform: uppercase; 
	float:left;
}
.more:hover { 
	background-position: left bottom; 
	color: #fff; 
}

.ordermore { 
	display: block;
	position: relative;
	color: #fff; 
	background: url(../images/order.png) no-repeat; 
	text-align: center; 
	text-shadow: 0 1px 0 #000;
	width: 87px; 
	height: 21px;
	margin:0 10px 0 0;
	padding: 3px 0 0; 
	font-size: .84em; 
	text-transform: uppercase; 
	float:left;
}
.ordermore:hover { 
	background-position: left bottom; 
	color: #fff; 
}



#main { 
	float: left; 
	width: 740px; 
	margin: 0 0 40px; 
}
#main p strong {
	color: #3F3E44;
}

/* side */
#side { 
	float: right; 
	width: 210px; 
	margin: 0 0 40px; 
}


#side ul { list-style-type:none; line-height:22px;}

ul { margin:0 0 10px 20px;}

/* side twitter box */


/* footer */
#footer {
	clear: both;
	font-size:11px;
	border-top:1px dotted #ccc;
	padding: 20px 0 10px;
	color: #777777;
	text-shadow: 1px 1px 1px #fff;
}

#footer p { background:url(../images/logosmall.png) left no-repeat; padding:0 0 0 43px;}

.back-to-top { float:right; margin:0 10px 0 0; padding:0 0 0 10px; background:url(../images/totop.png) left no-repeat;}

.red { color:#C00;}

.toppest { height:10px; font-size: 10px; width:300px; float:right; text-align:right; margin:-10px 0 0 0;}
.toppest a { text-transform: uppercase; }

.orderbox { background: #f9f9f9 url(../images/bg.png) repeat-x;
border-top:2px solid #555; margin:25px 0;

 height:100px;
	padding: 3px 20px;
	
	 }
	 
	  .orderbox div { width:480px; float:left;}
	 .orderbox  h3 { margin:30px 0 0 0; font-size:25px!important; color:#333!important;}
	 
	 .orderbox a { float:right; margin:25px 0 0 0;}