/* 
	    company: dial media group www.dialmediagroup.com
 author name(s): johan
	    website: www.dialmediagroup.com noflash version

	   	  index:-
				1. global
				2. layout
				3. menu
				4. content
				5. bugfixes
*/

/* 1. global */
a{text-decoration:underline;color:#f38a20}
a:hover{text-decoration:none;color:#f38a20}
a:focus{text-decoration:none;color:#f38a20}
acronym, abbr{border-bottom:0px dashed;cursor:help}
address{font-style:normal;color:#999}
body{margin:0;padding:0;color:#fff;background:#FFFFFF;font-size:0.7em;font-family:Verdana, Arial, Helvetica, sans-serif;}
img{border:0}
address{color:#fff}

/* 2.layout template(s) */
#head{width:100%;background-color:#000}
#head img{display:block;width:893px;margin:0px auto}
#wrap{width:893px;height:656px;margin:0px auto;background:#f48b20 url('../images/main.jpg') top left;position:relative}
#dmgi-btn a{position:absolute;z-index:2;top:-50px;left:590px;width:190px;height:125px;background:url('../images/btn_dmgi.png') no-repeat top left; cursor:pointer;}
#dmgi-btn a:hover{background:url('../images/btn_dmgi.png') no-repeat bottom left;}
#dmgi-btn span{position:absolute;left:-2000px;display:block}

/* 3.menu *//* [johan] padding sets height of item */
#menu {float:left;width:205px;margin:50px 0 0 75px;padding:0;display:inline}
#menu ul{margin:0;padding:0;list-style:none}
#menu li{margin:0;padding:0}
#menu li {float:left;margin-right:1px;display:block;width:176px;border:0}
#menu li.list1 {background:transparent url('../images/menu-company.gif')}
#menu li.list2 {background:transparent url('../images/menu-what-we-do.gif')}
#menu li.list3 {background:transparent url('../images/menu-contact.gif')}
#menu a {display:block;width:176px;padding-top:24px;height:0;color:#000;text-decoration:none;overflow:hidden} 
* html #menu a:link, * html #menu a:visited {height:24px; he\ight:0}
#menu a#item1 {background:transparent url('../images/menu-company.gif') no-repeat}
#menu a#item2 {background:transparent url('../images/menu-what-we-do.gif') no-repeat}
#menu a#item3 {background:transparent url('../images/menu-contact.gif') no-repeat}
#menu a#item1:hover {background-position:top right;z-index:50}
#menu a#item2:hover {background-position:top right;z-index:50}
#menu a#item3:hover {background-position:top right;z-index:50}
* html #menu a:hover {height:24px; he\ight:0}


/* 4.content */
#content{float:left;width:325px;margin:45px 0 0 8px;background-color:#282425}
#content h1,h2,h3,h4,h5{margin:0}
#content p{line-height:1.25em;padding:0;margin:8px 0}
#content ul{margin:0;padding:0;width:320px}
#content li{margin:0;padding:0px 0 0 15px;width:135px;float:left;display:block;background:url('../images/bullet.gif') no-repeat center left}

	

	/* definition list */
	#content dl{clear:both;margin:10px 0;padding:0}
	#content dt{margin:2px 0;float:left;clear:both;padding:0;font-weight:bold}
	#content dd{margin:2px 0;padding:0;clear:both;}

	/* forms */
	.errorMessage{padding:10px;border:#ff0000 1px solid;color:#000;background-color:#fcd8de}
	.form-one legend{border:0px;font-size:small;font-weight:bold;color:#acd52f;padding:0}
	.form-one select{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
	.form-one input{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left}
	.form-one textarea{border:1px solid #5c778c;background:#fff url('/images/form-textfield-bg.gif') no-repeat top left;width:350px}
	.form-one .required{color:#990000}
	.form-one label{color:#999;display:block;clear:both;width:215px;float:left;text-align:right;margin:0 5px 10px 0;font-weight:bold}
	.form-one input:focus	{background:#e9e9e9}
	.form-one textarea:focus{background:#e9e9e9}
	.form-one select:focus	{background:#e9e9e9}
	.form-one p{clear:both}

	/* data tables */
	.table-style1 table{border:solid #ccc;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
	.table-style1 td, .table-style1 th {padding:5px;border:solid #ccc;border-width: 1px 1px 0 0}
	.table-style1 th {font-weight:bold;background:#e7eff7;text-align:left}
	.table-style1 td {text-align:left;vertical-align:top;padding-top:5px}
	.table-style1 tbody tr:hover {background:#eaebf3}
	.table-style1 tbody tr:hover th{background:#e7eff7}
	.table-style1 input:focus{background:#f6f6f6}
	
	/* definition list (wrap in a div) */
	dl.selector{clear:both;margin:0;padding:0}
	.selector dt{margin:0 5px 5px 5px;float:left;clear:both;padding:0;font-weight:bold}
	.selector dd{margin:0 0 5px 0;padding:0}
	
	/* Bullet Style */
	.selector ul, 
	.selector ol{margin:1.2em 0;padding:0;border:0;list-style:none}
	.selector li{background:#fff url('x') 0 0.5em no-repeat;padding:0.4em 0 0 2em;line-height:1.5em}

/* 5.bugfixes */

/* CSS: min-height with !important works with IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2 */
.selector {min-height:500px;height:auto !important;height:500px}
.clear{clear:both}
/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */

#container{position:relative;width:100%;height:100%;float:left}
.mail-login-btn{height:27px; position:absolute; z-index:2; right:0; top:0; padding:3px 20px 0px 20px; background:#000000;}

#mail-layer{width:109px; padding:10px; position:absolute; z-index:2; right:0px; top:30px; display:none; color:#ffffff;background:#000000;}
#mail-layer form{padding:0; display:block; margin:0; float:left}
#mail-layer input{color:#f48b20; margin:4px 0 3px 0; border:none; font-size:85%;}
#mail-layer input.btn{margin:10px 0 0 0; border:none; float:right}
#mail-layer fieldset{border:none; margin:0; padding:0}
#mail-layer legend{display:none; margin:0; padding:0;}
#mail-layer input.no_border {border:0;}

#mail-layer a{text-decoration:underline; color:#999999;}
#mail-layer a:hover{color:#ff6600;}