/*
Title:      Miller Design, master styles for screen media
Author:     Steven Miller, millerdesign.biz
Updated:    Jan 27, 2008
*/

html,body
{
margin: 0;
padding: 0;
color: #000;
background: #fff;
}

#mainwrap
{
padding: 0; 
margin: 0;
background: #fff url(images/bkgd.gif) repeat-x;
width: 100%;
}

body
{
font-size: 62.5%;
font-family: Verdana, sans-serif;
padding: 0px;
min-width: 750px;
}


h2
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 2.1em;
color: #069;
}

h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size: 1.8em;
color: #069;
}

h4
{
font-size: 1.6em;
color: #666;
}

p
{
font-size: 1.1em;
line-height: 1.6em;
}

small
{
font-size: 0.9em;
}
.smallcap
{
font-size: 85%;
}

.center
{
text-align: center;
}

p.large
{
font-size: 1.3em;
line-height: 1.6em;
margin-bottom: 16px;
color: #333;
}


/* =Links
----------------------------------------------- */

a, a:link, a:visited, a:active
{
text-decoration: underline;
color: #06f;
}

a:hover
{
color: #f00;
}

a.more
{
padding-right: 7px;
background: url(images/more.gif) no-repeat 100% 5px;
}

/* =Layout
----------------------------------------------- */

div#wrap
{
background: none;
margin: 0 auto;
width: 750px;
}

#brand
{
padding-top: 98px;
background: none;
background-image: url(images/title.gif);
background-repeat: no-repeat;
text-align: center;
overflow: hidden;
margin: 0;
/* WIN IE5 hack */
height: 100px;
voice-family: "\"}\""; 
voice-family:inherit;
height: 0;
}

#main
{
float: left;
width: 500px;
line-height: 1.8em;
padding-top: 0px;
padding-bottom: 20px;
}

html #main /* IEWIN Hack */
{
padding-top: 10px;
}

#main p
{
margin-top: 0;
padding: 0 0px 0 0px;
}

#main h2
{
margin: 0;
padding: 0 0 10px 0;
}

#main h2.extra
{
margin-top: 0;
padding: 0 0 20px 0;
}

#main h3, #main h4
{
margin: 0;
padding: 0 0 5px 0;
}

#mainwide
{
line-height: 1.8em;
padding-top: 0px;
padding-bottom: 20px;
}


#contact
{
line-height: 1.8em;
padding-top: 0px;
padding-bottom: 20px;
}


#contact h2
{
padding: 0 125px 0 125px;
}

/*
#contact p
{
margin: 0;
padding: 0 125px 10px 125px;
} */

#spacer
{
background: none;
text-align: center;
clear: both;
}

/*#twocol
{
margin: 4px 8px 4px 0;
float: left;
width: 242px;
background: #f8f8f8 url(images/bottomfade.png) no-repeat bottom left;
}

#twocol p
{
font-size: 1.1em;
margin: 0;
padding: 8px 15px 20px 15px;
text-align: left;
}

#twocol h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size:1.5em;
height: 25px;
margin:0;
padding: 5px 0 5px 0;
background: #fff url(images/twocol_h3.png) no-repeat top left;
text-align: center;
} */

#main .twocol
{
margin: 4px 8px 4px 0;
float: left;
width: 242px;
background: #f8f8f8 url(images/bottomfade.png) no-repeat bottom left;
}

#main .twocol p
{
font-size: 1.1em;
margin: 0;
padding: 8px 15px 20px 15px;
text-align: left;
}

#main .twocol h3
{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-size:1.5em;
height: 25px;
margin:0;
padding: 5px 0 5px 0;
background: #fff url(images/twocol_h3.png) no-repeat top left;
text-align: center;
}


#fourcol
{
float: left;
width: 125px;
height: 150px;
margin-top: 5px;
}

#fourcol p
{
font-size: 1.1em;
line-height:1.5em;
margin:0;
padding: 0 15px 0 0;
text-align: left;
}

.clearboth { clear: both; }

/* =Tabs
----------------------------------------------- */

#tabs
{
float: left;
width: 100%;
background: none;
padding: 0 0 20px 0;
font-size: 1.1em;
font-weight: bold;
line-height: normal;
}

#tabs ul
{
margin: 0;
padding: 10px 0 0 0px;
list-style: none;
}

#tabs li
{
display: inline;
margin: 0;
padding: 0;
}

#tabs a
{
float: left;
background: #666 url("images/tabs.png") no-repeat left top;
padding: 0 0 0 9px;
margin: 0 3px; /* Tab Spacing */
text-decoration: none;
color: #fff;
}

#tabs a span
{
float: left;
display: block;
background: #666 url("images/tabs.png") no-repeat right top;
padding: 4px 15px 3px 6px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs #current a span
{
padding-bottom:4px;
color: #000;
}


#tabs a:hover
{
background: #000 url("images/tabactive.png") no-repeat left top;
}

#tabs a:hover span
{
background: #000 url("images/tabactive.png") no-repeat right top;
}

#tabs #current a
{
background: #fff url("images/tabcurrent.png") no-repeat left top;
}

#tabs #current a span
{
background: #fff url("images/tabcurrent.png") no-repeat right top;
}

.domaintab
{
height:100px;
background: none;
background-image: url(images/title.gif);
background-repeat: no-repeat;
}

* html .domaintab /* IEWIN Hack */
{
height: 99px;
}

/* =Image Align
----------------------------------------------- */

img.icons
{
float: left;
padding: 2px 4px 0 4px;
}

img.server
{
float: right;
padding: 5px 5px 0 0;
}

/* =Sidebar
----------------------------------------------- */

#sidebar {
float: right;
margin: 0;
width: 210px;
padding: 0 0 5px 0;
}

* html #sidebar /* IEWIN Hack */
{
margin-top: 3px;
}

#sidebar p
{
margin: 0;
padding: 0 0 8px 5px;
font-size:1.1em;
line-height:1.3em;
}

/* =Sidebar Headings
----------------------------------------------- */

#sidebar h2 {
height: 25px;
padding: 6px 0 6px 11px;
margin: 12px 0 0 0;
font-size:1.5em;
line-height:1em;
color:#fff;
background: url(images/sidebarhead.png) top left no-repeat;
}

/* =Legal
----------------------------------------------- */

#contentlegal h2
{
margin: 0 0 -15px 0;
padding: 0;
}

#contentlegal h3
{
color: #333;
font-weight: bold;
}

#contentlegal h2.extra, p.extra
{
padding: 10px 0 0 0;
}

#contentlegal p.extra
{
padding: 25px 0 10px 0;
}

#contentlegal p
{
font-size: 1.2em;
line-height: 1.5em;
color: #333;
padding: 0 0 10px 0;
}

ol.legalnav
{
color: #333;
font-size: 1.2em;
line-height: 1.8em;
padding: 0 0 10px 28px;
}

ol.legal
{
color: #333;
font-size: 1.2em;
line-height: 1.5em;
padding: 0 0 10px 38px;
list-style-type: upper-alpha;
}

ol.legal li
{
padding-bottom: 6px;
}

ul.legal
{
color: #333;
font-size: 1.2em;
line-height: 1.5em;
padding: 0 0 10px 20px;
list-style-type: disc;
}

ul.legal li
{
padding-bottom: 6px;
}



/* =Footer
----------------------------------------------- */

#footerwrap
{
background: transparent url(images/footer_shadow.gif) top left repeat-x; text-align: left;
}

#footer
{
background: transparent url(images/footer_shadow.gif) top left repeat-x;
text-align: left;
margin: 0 auto;
width: 700px;
padding: 15px 0 25px 0;
}
			
#footer p
{
font-size: 1.1em;
line-height: 1.3em;
color: #666;
margin: 0;
}

#footer img
{
float: right;
position: relative;
top: 0;
right: 0;
}

#footer a
{
color: #666;
}

.clear
{
clear: both;
}

/* =Miller Footer Logo
----------------------------------------------- */

#miller
{
width: 165px;
height: 25px;
/*display:block;
margin-left:auto;
margin-right:auto;*/
float: right;
margin: 0;
background: url(images/mdtagDK.png) top left no-repeat;	/* second image place, for second background */
}

#miller a {	/* definition of the link that will take all of the container's place */
display: block;
width: 100%;
height: 100%;
background: url(images/mdtagLT.png) top left no-repeat;	/* Placement of first image in foregrand */
color: #000;
}

#miller a:hover {	/* masking the image when hovering */
background: transparent none;
}