@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:#FFFFFF;
	font: 12px/18px "Helvetica", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #7e7572;
	text-align:center;
	}
	


p {
	margin: 12px 0;
}

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

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

em {
	font-style: italic;
}

h4{
	text-align:left;
	color:#333;
	font-size:24px;
	text-decoration:underline;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;}

#logo {
	height: 42px; 
	background-image: url(../images/top_gradient.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
#logo_second{
	height: 323px; 
	background-image: url(../images/Image_background.jpg); 
	background-repeat: repeat-x; 
	width: 100%; 
	display: block;}
	
	
		#logoimage {
	width: 900px;
	height: 323px;
	background: url(../images/issue15.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	
	/*display: none;*/
}

#logo_pages{
	height: 103px; 
	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: 121px;
	width: 100%; 
	display: block;}
	
	#topmenu_container{
	width: 900px;
	height: 121px;
	background: url(../images/logos.jpg) no-repeat ;
	margin-left:auto;
	margin-right:auto;
	}
	
		#topnav h1{
		float: left; 
		text-align: left; 
		padding-top: 10px;
		padding-left: 20px; 
		font-size: 24px; 
		color: #FFF;
		}
		
		#topnav span{
		float: left; 
		padding-top: 13px;
		font-size: 16px; 
		color: #FFFFFF;}
		
		#topnav ul {
		float: right; 
		width: 540px;
		text-align: right;
		margin-top: 97px; 
		padding-right: 10px;
		}
		
		#topnav ul li {
		display:inline; 
		margin-left: 0px; 
		margin-right: 0;
		background-image: none;
		}

		#topnav ul li a, #header ul li a:active, #header ul li:visited {
		padding: 5px 5px 5px 0;
		font-size: 14px; 
		color: #739BC5; 
		text-decoration: none;
		}
		
		#topnav ul li a:hover {
		color: #003366;
		}
		
		#topnav ul li a.selected {
		color: #003366; 
		background: url(../images/hover.jpg) no-repeat 50% 113%;
		}
		



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


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


	#work_right {
	width: 250px;
	float:right;
	overflow: inherit;
	margin-top: 10px;
	padding-top: 0; 
	}
	
	 #work_right p {
	 width:232px;
	 font-style: italic;
	 float:right;
	 font-size:12px;
	 color:#6699cc;
	 text-align:left;
	 padding: 0 0 5px 5px;}
	
	#work_right h1{
	width:232px;
	float:right;
	color:#6699cc;
	text-align:left;
	font-size:16px;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;}
	
	#work_right h2{
	width:220px;
	float:left;
	color:#6699cc;
	text-align:left;
	font-size:18px;
	margin-top:10px;
	padding-left:18px;
	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-bottom: 20px;
	padding-left: 18px;
	}
	 
	 #work_right ul li{
	 font-size:12px;
	 color:#FFFFFF;
	 text-align:left;
	 background-color: #6699cc;
	 }
	 
	  #work_right ul li a{
	 color:#FFFFFF;
	}
	
	 #work_right ul li a:hover{
	color: #CCCCCC;
	 }
	 
		#work_right  ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		padding-left: 18px;
		width: 232px;
		margin-bottom:10px;
		}
		
		#work_right  li
		{
		background-image: url(../images/bullet.jpg);
		background-repeat: no-repeat;
		background-position: 0.5em .7em;
		padding-top: 5px;
		padding-bottom: 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;
	
	
}


	#work div.all .item2 {
	float: left;
	width: 640px;
	text-align: left;
	padding-top: 10px;
	}
	
	#work div.all .item2 h1{
	font-size:18px;
	color: #6699CC;
	padding-bottom: 15px;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	#work div.all .item2 h2{
	text-align:left;
	color:#999999;
	font-size:14px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;}
	
	#work div.all .item2 p{
	font-size:14px;
	color: #666666;
	padding-bottom: 15px;
	border-bottom: 1px groove  #CCCCCC;
	}
	
	
	#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;
	padding-bottom:15px;
				}
				
				
	#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*/
	
	#contact {
		width: 600px;
		float: left;
		text-align:left;
	}
	
		#contact h1 {
		color: #FFF;
		font-size: 24px;
		padding: 0 0 10px 0;
		text-align:left;
		}
		
		#contact h2 {
		font-size: 16px;
		color:#666666;
		margin-bottom:0;}
	
		
		#contact p {
			padding-left: 0;
			font-size:16px;
		}
		
		#note {
		font-size: 14px;
		padding: 10px 0 20px 10px ;
		text-align:left;
		color: #413a37;
		font-weight:bold;
		}
		

fieldset {
	margin-top: 0;
}


label {
	display: block;
	color: #6699CC;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 3px;
}

input, textarea {
	background-color: #CCCCCC;
	border: 1px solid #6699CC;
	padding: 3px;
	font-size: 11px;
	color: #6699CC;	
}

input {
	width: 300px;
}

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

textarea {
	width: 300px;
	height: 100px;
}

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

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



#footer {
	background-color: #cccccc; 
	width: 100%;
	margin-top: 10px; 
	clear: both;
	position:relative;
	overflow:auto;
	}
	
	.fLeft {
		float:left;
}
		
		
		.fRight {
		float:right;
		}
	
	
	#footer p{
	
	color: #999999;
	font-size: 12px;
	line-height: 12px;
	}
	
	
	
	
/*resources*/

#resources li{
	list-style:none;
	margin:20px 0 40px 0;
	float:left;
	width:350px;
}
#resources li img{
	float:left;
	border: 1px solid #6699CC;
}

#resources li div{
	float:right;
	padding-left:10px;
	width:215px;
	text-align:left;
}
#resources li div .title{
	color:#585858;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	margin-bottom:10px;
}

#guide h1{
	
	color:#6699cc;
	text-align:left;
	font-size:16px;
	margin-top:20px;
	margin-bottom:0;
	padding-bottom:0;}