@charset "UTF-8";



/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/*Removes underline and color from links*/
a { color: inherit; text-decoration: none; outline: none;}

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

html
{
height: 100%;}

body {
	background-image: url(../images/bg.jpg) ;
	background:#817061;
	font: 12px/18px "Helvetica", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #d7cec0;
	text-align:center;
	}
	


p {
	margin: 12px 0;
}

a {
	color: #000;
	/*border-bottom: 1px solid #4d4542;*/
}

a:hover {
	color: #d7cec0;
	/*border-bottom: 1px solid #fff;*/
}

em {
	font-style: italic;
}

#logo {
	height: 266px; 
	background-image: url(../images/top_bg.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
	#logoimage_top {
	width: 1100px;
	height: 266px;
	background: url(../images/top.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;}
	
#logo_second{
	height: 244px; 
	background-image: url(../images/agent_bg.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
	
		#logoimage {
	width: 1100px;
	height: 244px;
	background: url(../images/agent.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	
	/*display: none;*/
}

		#logoimage_book {
	width: 1100px;
	height: 244px;
	background: url(../images/agent_mark.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	
	/*display: none;*/
}

	#logoimage_cherub {
	width: 1100px;
	height: 244px;
	background: url(../images/agent_rosie.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	
	/*display: none;*/
}

#logo_pages{
	height: 52px; 
	background-image: url(../images/wow_pages_gradient.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
	
		#logoimage_pages {
	width: 900px;
	height: 103px;
	background: url(../images/wow_pages_logo.jpg) no-repeat left ;
	margin-left:auto;
	margin-right:auto;
	
	/*display: none;*/
}
	

#topmenu {
	height: 52px;
	background-image: url(../images/menu_bg.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
	#topmenu_container{
	width: 1100px;
	height: 52px;
	background: url(../images/menu.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	}
	
		#topnav {
 		 list-style: none;
 		 padding: 0;
 		 margin: 0;
  		 width: 774px;
  		 height: 52px;
  		 position: relative;
}
		
		#topnav span{
		display: none;
  position: absolute;}
		
		#topnav a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
		
		#topnav a:hover {
  background-position: left bottom;
}

		#topnava:hover span {
  display: block;
}
		
		#topnav .home {
  width: 60px;
  height: 51px;
  background: url(../images/home.png) no-repeat;
  left:400px;
  top: 1px;
 
}
	
			#topnav .books {
  width: 69px;
  height: 51px;
  background: url(../images/books.png) no-repeat;
  left:480px;
  top: 1px;
 
}
	
			#topnav .cherub {
  width: 80px;
  height: 51px;
  background: url(../images/cherub.png) no-repeat;
  left:570px;
  top: 1px;
 
}

		#topnav .comp {
  width: 125px;
  height: 51px;
  background: url(../images/comp.png) no-repeat;
  left:670px;
  top: 1px;
}
	
	


#container {
	margin: 0 auto;
	padding-top: 0 !important;
}


.container {width: 1100px; margin:0 auto;}


	#work_right {
	width: 283px;
	height: 600px;
	background: url(../images/sidebar_stain.jpg) no-repeat;
	float:right;
	overflow: inherit;
	margin-top: 0;
	padding-top: 30px;
	padding-right: 91px; 
	}
	 #work_right p {
	 width:252px;
	 font-style: italic;
	 float:right;
	 font-size:12px;
	 color:#6699cc;
	 text-align:left;
	 padding: 10px 0 0 5px;}
	
	#work_right h1{
	width:232px;
	float:right;
	color:#e07b3f;
	text-align:left;
	font-size:16px;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;}
	
	#work_right h2{
	width:220px;
	float:right;
	color:#6699cc;
	text-align:left;
	font-size:14px;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:5px;}
	

	
	
	 #work_right a{
	 color:#666666;
	 text-decoration:underline;}
	 
	 
	 #work_right a:hover {
	 color:#6699cc;}
	 
	 #work_right a img {
	 padding-left: 18px;
	 
	}
	
	 
	 #work_right ul li{
	 font-size:14px;
	 color:#FFFFFF;
	 text-align:left;

	 }
	 
	  #work_right ul li a{
	 color:#000;
	 text-decoration: none;
	}
	
	 #work_right ul li a:hover{
	color: #CCCCCC;
	 }
	 
		ul{
		list-style-type: none;
		padding: 5px;
		margin: 0;
		padding-left: 40px;
		width: 252px;
		margin-bottom:0px;
		}
		
		li
		{
		background-image: url(../images/icon.png);
		background-repeat: no-repeat;
		background-position: 0.5em .7em;
		padding-top: 5px;
		padding-left: 35px;
		
		}
		
			 #work_right ol li{
	 font-size:12px;
	 color:#666666;
	 text-align:left;
	 background-color: #FFFFFF;
	 background-image:none;
	  }
	  	ol
		{
		padding: 0;
		margin: 0;
		padding-left: 18px;
		width: 232px;
		margin-bottom:10px;
		}
		
		li
		{
		padding-top:3px;
		padding-bottom: 3px;
		padding-left: 35px;
		}
	
		/**/

	#work {
	width: 650px;
	margin-top: 20px;
	padding-top: 0; 
	}
	
	
	
	
	
	#work ul {
	width:400px;
		text-align: left;
		margin-top: 5px;
		margin-bottom:25px;
		margin-left:0; 
		padding-left:0;
		}
		
		#work ul li {
		display:inline;  
		margin-right: 5px;
		margin-left:0;
		padding-right:10px;
		padding-left:0;
		background-image: none;
		}

		#work ul li a, #header ul li a:active, #header ul li:visited {
		padding: 5px 0 0 0 ;
		font-size: 14px; 
		color: #739BC5; 
		text-decoration: none;
		}
		
		#work ul li a:hover {
		color: #666666;
		text-decoration:underline;
		}			
	/**/
	
	
	#work div.all {
	
	margin-bottom: 12px;
	padding-bottom: 50px;
	
	
}

/*content*/

	#work div.all .item2 {
	float: left;
	width: 640px;
	text-align: left;
	padding-top: 0px;
	padding-left: 73px;
	
	}
	
	img.floatRight { 
    float: right; 
    margin: 4px;
	margin-left: 15px; 
	border: 7px solid #9c4805;
	
}
	#work div.all .item2 h1{
	font-size:18px;
	color: #000;
	padding-bottom: 15px;
	
	}
	
	#work div.all .item2 h2{
	text-align:centre;
	color:#000;
	font-size:16px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;}
	
	#work div.all .item2 p{
	font-size:14px;
	color: #d7cec0;
	padding-bottom: 15px;
	
	border-bottom: 2px ridge #9c4805;
	}
	
	 
	#work .item2 ul {
		text-align: left;
		margin-top: 0;
		margin-bottom:25px;
		margin-left:0; 
		padding-top:0;
		padding-left:0;
		}
		
		#work .item2 ul li {
		display: list-item ;  
		margin-right: 5px;
		margin-left:0;
		padding-right:10px;
		padding-left:0;
		background-image: none;
		}

		#work .item2 ul li a, #header ul li a:active, #header ul li:visited {
		padding: 5px 0 0 0 ;
		font-size: 14px; 
		color: #739BC5; 
		text-decoration: none;
		}
		
		#work.item2  ul li a:hover {
		color: #666666;
		text-decoration:underline;
		}			
	
	/*FAQ*/
	
	#faq div.all {
	margin-top:20px;
	margin-bottom: 12px;
	padding-bottom: 50px;
	
	
}


	#faq div.all .item2 {
	float: left;
	width: 640px;
	text-align: left;
	padding-top: 10px;
	}
	
	#faq div.all .item2 h1{
	font-size:18px;
	color: #6699CC;
	padding-bottom: 15px;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	#faq div.all .item2 h2{
	text-align:left;
	color:#999999;
	font-size:14px;}
	
	#faq div.all .item2 h3{
	text-align:left;
	color:#6699CC;
	font-size:14px;}
	
	#faq div.all .item2 p{
	font-size:14px;
	color: #666666;
	padding-bottom: 15px;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	#faq div.all .item2 h5{
	font-size:14px;
	color: #FFF;
	padding-bottom: 0px;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	
	#faq .item2 ul {
		text-align: left;
		margin-top: 0;
		margin-bottom:25px;
		margin-left:0; 
		padding-top:0;
		padding-left:0;
		}
		
		#faq .item2 ul li {
		display: list-item ;  
		margin-right: 5px;
		margin-left:0;
		padding-right:10px;
		padding-left:0;
		background-image: none;
		}

		#faq .item2 ul li a,{
		padding: 5px 0 0 0 ;
		font-size: 12px; 
		color: #6699CC; 
		text-decoration: none;
		}
		
		#faq.item2  ul li a:hover {
		color: #000000;
		text-decoration:underline;
		}	
		
		/**/
	
	#work div.all .item {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 42px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: left;
	}
	
	#work div.all .last {
	float: left;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: left;
	}
	
	
	#work div.all h1 {
	background: none;
	font-size: 16px;
	color:#6699CC;
	Height: 10px;
				}
	

	#work div.all .item p {
	padding-left: 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 5px;
	}

	#work div.all .item a img {
	border: 2px solid #cccccc;
	margin-bottom: 5px;
	}

	#work div.all .item a:hover img {
	border: 2px solid #6699CC;
	margin-bottom: 5px;
	}
	
	#work div.all .item h4 {
	margin: 0;
	}

	#work div.all h2 {
	background: none;
	width: 260px;
	font-size: 20px;
	color:#FFFFFF;
	Height: 30px;
				}
				
	#work div.all .item h5 {
	font-size: 14px;
	color:#666666;
	
				}			
	
	#work div.all h2.works {
	
	width: 260px;
	Height: 30px;
	padding-right: 0;
				}
				
	/*item3*/
	
	#work div.all .item3 {
	float: left;
	width: 650px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 42px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: left;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	#work div.all .last3{
	float: left;
	width: 650px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-right: 42px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: left;
	border-bottom:	none;
	}
	
	
	
	#work div.all h1 {
	background: none;
	font-size: 16px;
	color:#6699CC;
	Height: 10px;
				}
				
				
	#work div.all h2 {
	background: none;
	width: 400px;
	font-size: 12px;
	color: #999999;
	padding: 10px 0 10px 0;
	margin-bottom:0;
				}
				
	#work div.all h3 {
	background: none;
	width: 540px;
	font-size: 10px;
	color: #333333;
	padding: 10px 0 0 0;
	margin-bottom:0;
	line-height: 10px;
				}
				
	#work div.all h4{
	font-size:18px;
	color: #6699CC;
	padding: 30px 0 10px 0;
	margin-bottom:0;
	}
	

	#work div.all .item3 p {
	padding-left: 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 5px;
	
	}

	#work div.all .item3 a img {
	float:right;
	border: 2px solid #cccccc;
	margin-bottom: 5px;
	margin-left:15px;
	}

	#work div.all .item3 a:hover img {
	border: 2px solid #6699CC;
	margin-bottom: 5px;
	}
	
	
	

	
	
	 caption.mytable {
     color:#6699CC;
	 font-size:16px;
	 padding-bottom:10px
  }

  table.mytable{ 
     font-size:12pt;
     width:600px;
  }

	td.mytable {  
     font-size:10pt;
     color:#666666;
     text-align:left;
	 padding-bottom:5px;
  }
	
	
	/*form*/
	#form div.all {
	padding-bottom: 50px;
	
	
}

  
  
	#form {
		float: left;
	width: 650px;
	text-align: left;
	padding-top: 0px;
	padding-left: 73px;
	margin-top:20px;
	
	}
	
	
	*form img {
	border: 2px solid #cccccc;
	margin-bottom: 5px;
  }
	
	img.floatRight { 
    float: right; 
    margin: 4px;
	margin-left: 15px; 
	border: 7px solid #9c4805;
	
}
	#form div.all .item2 h1{
	font-size:18px;
	color: #000;
	padding-bottom: 15px;
	
	}
	
	#form div.all .item2 h2{
	text-align:left;
	color:#999999;
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;}
	
	#form  p{
	margin-top:0;
	font-size:14px;
	color: #d7cec0;
	padding-bottom: 5px;
	border-bottom: 2px ridge #9c4805;
	}

fieldset {
	margin-top: 0;
}


label {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	
}

input, textarea {
	
	background-color: #000;
	border: 1px solid #9c4805;
	padding: 3px;
	font-size: 11px;
	color: #fff;	
}

select {
margin-top: 10px; 
 background-color: #000; 
 color: #ffffff; 
 border: 1px solid #9c4805;
}

input {
	width: 120px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

input.btn_submit {
	width: 100px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-size: 10px;
	
}

textarea {
	margin-top: 15px;
	width: 500px;
	height: 100px;
}

input{
width: 250px;
}

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

form p.sel {
	background-color: #5bbffa;
}
		
		
/**/	



#footer {
	height: 177px;
	background-image: url(../images/footer_bg.jpg); 
	background-repeat: repeat-x;
	background-color: #cccccc; 
	width: 100%;
	margin-top: 10px; 
	clear: both;
	position:relative;
	}
	
	#footer_image{
	width: 1100px;
	height: 177px;
	background: url(../images/footer.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;}
	
	
	#footer p{ 
	color: #d9c2a8;
	font-size: 12px;
	text-align: right;
	padding-top: 70px;
	padding-right: 91px;   
	}