/*************************************************************
 * Reset
 *************************************************************/

*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 		0;
	padding: 		0;
	border: 		0;
	outline: 		0;
	font-weight: 	inherit;
	font-style:		inherit;
	font-family: 	inherit;
	font-family:	Arial, Tahoma, Verdana; 
	font-size:		12px;
	vertical-align: baseline;
}



/*************************************************************
 * Body
 *************************************************************/

body {
	background-color: #a6a6a6;
	color: #686868;
}

div {
	background-color: #ffffff;
	border: none;
}

div#body {
	background-color: #a6a6a6;
	font-family: arial, verdana;
	font-size: 12px;
	color: #686868;
	padding-top: 15px;
}

table
, input
, select
, select option
, textarea {
	font-family: arial, verdana;
	font-size: 11px;
	color: #686868;
}

input[readonly] {
	background: none #eeeeee;
}

.inputstyle {
	border: solid 1px #686868;
}


td {
	padding: 5px 15px 5px 5px;
	vertical-align: top;
}

img {
	vertical-align: middle;
}

i, em {
	font-style: italic;
}

/*************************************************************
 * Body + Navigation Highlight
 *************************************************************/
body#home a#home,
body#usefuldownload a#usefuldownload
, body#contactus a#contactus
, body#jobs a#jobs {
	text-decoration: underline;
}
body#aboutus a#aboutus,
body#ourteam a#ourteam,
body#techpartner a#techpartner,
body#calendar a#calendar {
	color: #ffffff;
	font-weight: bold;
}
body#training a#training,
body#courseware a#courseware,
body#designservices a#designservices,
body#techwriting a#techwriting {
	color: #ffffff;
	font-weight: bold;
}

a#contactuscw 
, a#contactusds 
, a#contactustw {
	display: none;
}
body#courseware a#contactus
, body#designservices a#contactus 
, body#techwriting a#contactus 
, body#contactuscw a#contactus
, body#contactusds a#contactus 
, body#contactustw a#contactus {
	display: none;
}
body#courseware a#contactuscw 
, body#designservices a#contactusds 
, body#techwriting a#contactustw {
	display: inline;
}
body#contactuscw a#contactuscw 
, body#contactusds a#contactusds 
, body#contactustw a#contactustw {
	display: inline;
	text-decoration: underline;
}



/*************************************************************
 * General
 *************************************************************/

ul, ul li, ul li a {
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
}

a:link, a:visited {
	color: #0070c0;
	font-size: inherit;
	text-decoration: none;
}

a:active {
	color: #0070c0;
	text-decoration: underline;
}

a:hover {
	color: #0070c0;
	text-decoration: underline;
}

div.spacer {
	clear: both;
	height: 0px;
	
	#overflow: hidden;
	#height: 1px;
}

h1 {
	margin: 6px 0px 14px 0px;
	color: #9b2f2d;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 0.04em;
}

p {
	margin: 3px 0px 10px 0px;
	padding-bottom: 5px;
	line-height: 18px;
}

strong {
	font-weight: bold;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}

ul.liststylenone {
	list-style: none;
	margin: 0px;
	margin-top: -5px;
	margin-left: 15px;
	padding: 0px;
}

ul.liststyle1 {
	list-style-image: url(../images/liststyle1.jpg);
	margin: 0px;
	margin-top: -5px;
	margin-left: 15px;
	padding: 0px;
	line-height: 18px;
}

ul.liststylenone li,
ul.liststyle1 li {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	padding-top: -3px;
	padding-bottom: 12px;
}

tr.middle_left {
	vertical-align: middle;
	text-align: left;
}

tr.middle_center {
	vertical-align: middle;
	text-align: center;
}

/*************************************************************
 * Body - wrapper 
 *************************************************************/
div#wrapper {
	background-color: #a6a6a6;
	width: 980px;
}

div#wrapper_t{
	background: url(../images/bg_t.jpg) left bottom repeat-x;
	position: relative;
	height: 10px;
}

div#wrapper_tl{
	background: url(../images/bg_tl.jpg) left bottom no-repeat;
	height: 10px;
	width: 10px;
	float: left;
}

div#wrapper_tr{
	background: url(../images/bg_tr.jpg) right bottom no-repeat;
	height: 10px;
	width: 10px;
	float: right;
}

div#wrapper_m{
	border: none;
}

div#wrapper_ml{
	background: url(../images/bg_ml.jpg) left top repeat-y;
	padding-left: 10px;
}

div#wrapper_mr{
	background: url(../images/bg_mr.jpg) right top repeat-y;
	padding-right: 10px;
	text-align: left;
}

div#wrapper_b{
	background: url(../images/bg_b.jpg) left top repeat-x;
	height: 5px;
	position: relative;
}

div#wrapper_bl{
	background: url(../images/bg_bl.jpg) left top no-repeat;
	height: 5px;
	width: 10px;
	float: left;
}

div#wrapper_br{
	background: url(../images/bg_br.jpg) right top no-repeat;
	height: 5px;
	width: 10px;
	float: right;
}

/*************************************************************
 * General Layout
 *************************************************************/

div#mainmenu_topbanner, div#bottommenu {
	width: 210px;
	float: left;
}

div#banner_topbanner, div#bottomcopyright {
	width: 500px;
	float: left;	/*margin-left: 210px;*/
}

div#menu_topbanner, div#bottomcounter {
	width: 250px;
	float: left;
}

/*************************************************************
 * Header - topmenu 
 *************************************************************/
div#topmenu {
	background: url(../images/dreamcatcher-logo.jpg) 5px 10px no-repeat;
	position: relative;
	height: 71px;
}

div#topmenu ul.country {
	margin-top: 20px;
	margin-right: 10px;
	text-align: right;
	list-style-type: none;

}

div#topmenu ul.country select {
	border: 1px solid #eeeeee; 
	width: 120px;
}

div#topmenu ul.linklist_topmenu {
	margin: 0px;
	padding: 5px 10px 0px 0px;
	position: absolute;
	list-style: none;
	right: 0px;

	#padding: 4px 10px 0px 0px;
	#bottom: 0px;
}

div#topmenu li.linkitem_topmenu {
	padding: 5px 0px 5px 15px;
	color: #0070c0;
	float: right;
}

div#topmenu ul.linklist_topmenu_region {
	position: absolute; 
	list-style: none; 
	right: 0px; 
	padding-right: 10px; 
	margin-top: 25px;
}

/*************************************************************
 * Header - topbanner 
 *************************************************************/
div#topbanner {
	color: #d9d9d9;
	font-size: 14px;
}

div#topbanner ul {
	color: #d9d9d9;
	font-size: 14px;
	list-style: none;
}

div#topbanner a:link, div#menu_topbanner a:visited {
	text-decoration: none;
	color: #d9d9d9;
}

div#topbanner a:active {
	text-decoration: underline;
	color: #ffffff;
}

div#topbanner a:hover {
	text-decoration: underline;
	color: #ffffff;
}

/********
 * mainmenu_topbanner 
 ********/
div#mainmenu_topbanner {
	background: url(../images/topbanner_leftbg.jpg) left top repeat-y;
	font-size: 15px;
	text-align: left;
	width: 210px;
	height: 163px;
}	

div#mainmenu_topbanner ul {
	padding: 20px 10px 0px 30px;
	font-size: 15px;
}

div#mainmenu_topbanner li {
	padding: 6px 0px;
	
	#padding: 0px;
}

div#mainmenu_topbanner a {
	#font-size: 15px;
}

div#mainmenu_topbanner hr {
	border: inset 1px #003333;
	width: 135px;

	#border: inset 1px #ffffff;
}

div#mainmenu_topbanner a:link, div#mainmenu_topbanner a:visited {
	color: #d9d9d9;
	text-decoration: none;
}

div#mainmenu_topbanner a:active {
	color: #ffffff;
	text-decoration: underline;
}

div#mainmenu_topbanner a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/********
 * banner_topbanner  
 ********/
div#banner_topbanner {
	width: 500px;
}


div#banner_topbanner img {
	height: 163px;
	width: 500px;
}

/********
 * menu_topbanner  
 ********/
div#menu_topbanner {
	background: url(../images/topbanner_rightbg.jpg) left top repeat-y;
	padding-right: 30px;
	text-align: right;
	height: 163px;
	width: 220px;
	#width: 250px;
}

div#menu_topbanner ul {
	padding: 5px 0px 0px 0px;
}

div#menu_topbanner li {
	padding: 5px 0px;
}

div#menu_topbanner a {
	#font-size: 14px;
}

div#menu_topbanner h2 {
	padding-top: 20px;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
}


/*************************************************************
 * Content
 *************************************************************/
div#content{
	font-size: 11px;
}

/********
 * leftpanel  
 ********/
div#leftpanel {
	background-color: #f2f2f2;
}
 
/********
 * rightpanel  
 ********/
div#rightpanel{
	border-left: 1px solid #cccccc;
	text-align: left;
	width: 250px;
}

/********
 * centerpanel  
 ********/
div#centerpanel{
	border-right: 1px solid #eeeeee;
	text-align: left;
	width: 499px;
}

div.twocol div#centerpanel {
	border-right: none;
	text-align: left;
	width: 750px;
}

/*************************************************************
 * Footer - footer 
 *************************************************************/
div#footer {
	background-color: #a6a6a6;
	font-size: 10px;
}

div#footer div {
	background-color: #a6a6a6;
}

/********
 * bottommenu  
 ********/
div#bottommenu{
	text-align: right;
	font-size: 11px;
	margin-left: 10px;
	
	#margin-left: 0px;
}

div#bottommenu ul.linklist_bottommenu {
	list-style: none;
	padding-left: 5px;
	
	#padding-left: 10px;
}

div#bottommenu li.linkitem_bottommenu {
	padding: 0px 0px 10px 5px;
	color: #0070c0;
	float: left;
	
	#padding: 0px 0px 10px 4px;
}

div#bottommenu a {
	font-size: 11px;
}

/********
 * bottomcopyright  
 ********/
div#bottomcopyright {
	color: #ffffff;
	font-size: 11px;
	#padding-bottom: 20px;
}

div#bottomcopyright a {
	font-size: 11px;
}


/********
 * bottomcounter  
 ********/
div#bottomcounter {
	margin-right: 10px;
	color: #ffffff;
	font-size: 11px;
	text-align: right;
}

div#bottomcounter p {
	margin: 0px;
	padding: 0px 15px 0px 0px;
	font-size: 11px;
	
	#padding: 0px 8px 0px 0px;
}


/********
 * sectioning
 ********/
div#pane_separator {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #cccccc;
}

div#left_pane1, div#left_pane2, div#left_pane3 {
	margin: 0px 10px;
	background-color: #f2f2f2;
	width: 190px;
}

div#left_pane1 h1, div#left_pane2 h1, div#left_pane3 h1 {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 16px;
    text-align: right;
}

div#center_pane1, div#center_pane2, div#center_pane3 {
	margin: 0px 10px;
	width: 478px;
}

div#center_pane1 h1, div#center_pane2 h1, div#center_pane3 h1 {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 16px;
	text-align: left;
}

div#right_pane1, div#right_pane2, div#right_pane3, div#right_pane4 {
	margin: 0px 10px;
	width: 230px;
}

div#right_pane1 h1, div#right_pane2 h1, div#right_pane3 h1, div#right_pane4 h1 {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 16px;
	text-align: left;
}

div#full_pane1, div#full_pane2, div#full_pane3, div#full_pane4 {
	margin: 0px 10px;
	width: 730px;
}

div#full_pane1 h1, div#full_pane2 h1, div#full_pane3 h1, div#full_pane4 h1 {
	margin: 0px;
	padding: 10px 0px 20px 0px;
	font-size: 16px;
	text-align: left;
}

div#TB_window {
	color: #686868;
}

.watermarkOn {
	color: #CCCCCC;
	font-style: italic;
}

#dreamwavefooter {
	float: right;
}

#powered, #powered span {
	color: #ffffff;
	font-size: 11px;
	margin-right: 10px;
}

#powered span {
	color: #bb0000 	!important;
}

#dreamwavefooter a:link, #dreamwavefooter a:visited {
	color: #bb0000 	!important;
	font-weight: normal;
	text-decoration: none;
}

#dreamwavefooter a:active {
	text-decoration: underline;
}

#dreamwavefooter a:hover {
	text-decoration: underline;
}