/* Datacation Ltd. South West Relocation Cascading Style Sheet Version: 1.0 (Jan 22, 2006) */

* {
margin:0;
padding:0;
}

/******** General tags ********/

body {
margin:25px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#1e3044;
color:#303030;
line-height:1.3em;
}

a {
text-decoration:none;
color:#20526a;
font-weight:bold;
}

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

a img {
border:0;
}

p {
margin:0 0 18px 8px;
}

h2 {
	font-size:0.8em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:10px 0 8px 0;
}

h3 {
font-size:1.0em;
margin:2px 0 8px 0;
}

/******** Main wrap ********/

#wrap {
background:#ffffff url(jokkmokk/images/wrapbg.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:760px;
}

/******** Header ********/

#header {
clear:both;
background:url(jokkmokk/images/header.jpg) top left no-repeat;
height:150px;
}

#header h1 {
font-size:3.2em;
letter-spacing:-4px;
color:#d88d44;
padding:55px 0 10px 45px;
}

#header h1 a {
color:#d88d44;
text-decoration:none;
}

#header h1 a:hover {
	color:#2B8353;
}

#slogan {
color:#20526a;
margin:15px 0 0 45px;
font-size:1.4em;
letter-spacing:-1px;
}

/******** Sitemenu, left sidebar ********/

#sitemenu {
clear:both;
float:left;
width:135px;
margin:0;
padding:20px 0 0 15px;
}

#sitemenu ul {
list-style:none;
width:135px;
margin:0 0 20px 0;
padding:0;
font-size:1.2em;
letter-spacing:-1px;
}

#sitemenu li {
margin-bottom:4px;
}

#sitemenu li a {
font-weight:bold;
text-decoration:none;
color:#20526a;
display:block;
height:1.1em;
padding:2px 2px 2px 8px;
border-left: 8px solid #70a2ba;
}

#sitemenu li a:hover {
color:#d88d44;
text-decoration:none;
border-left:8px solid #d88d44;
}

#sitemenu .current {
border-left:8px solid #d88d44;
}

#sitemenu ul ul {
font-size:0.8em;
width:110px;
font-weight:normal;
margin:5px 0 8px 20px;
}

#sitemenu ul ul li {
margin-bottom:2px;
}

#sitemenu ul ul li a {
border:0;
padding:2px;
}

#sitemenu ul ul li a:hover {
border:0;
padding:2px;
text-decoration:underline;
}

/******** Extras, right sitebar ********/

#extras {
float:right;
width:135px;
margin:0;
padding:10px 15px 0 0;
}

#extras ul {
margin:0 0 14px 2px;
list-style:none;
color:#808080;
}

#extras li {
margin:0 0 2px 0;
}

#extras li a {
padding:2px 2px 2px 2px;
height:1.2em;
letter-spacing:-1px;
font-weight:bold;
}

#extras li a:hover {
color:#d88d44;
}

#extras ul ul, #extras ul ul ul {
font-size:0.9em;
line-height:1.2em;
margin:2px 0 2px 15px;
}

#extras ul ul a, #extras ul ul ul a {
font-weight:normal;
}

/******** Content variations ********/

#content {
margin:5px 170px 0 170px;
padding:2px 0 0 0;
line-height:1.5em;
text-align:left;
}

#content h2 {
font-size:1.6em;
margin:20px 0 10px 0;
}

#content h3 {
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
}

#content p {
text-align:justify;
}

form#login {
 background-color: #CCCCCC;
 color: #000000;
 border: 1px solid #999999;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: left;
}

/******** Footer ********/

#footer {
clear:both;
margin:5px auto 0 auto;
padding:10px 0 10px 0;
width:760px;
text-align:center;
background: url(jokkmokk/images/footer.jpg) bottom left no-repeat;
color:#808080;
font-size:0.9em;
}

#footer p {
margin:3px;
}

#footer a {
color:#808080;
text-decoration:none;
}

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

/******** Various classes ********/

.datetag {
width:50px;
padding:0 0 10px 0;
text-align:center;
background:#20526a url(jokkmokk/images/date-bottom.gif) bottom left no-repeat;
margin:2px 15px 1px 10px;
color:#ffffff;
font-size:1.8em;
text-align:center;
float:left;
}

.datetag .date {
width:50px;
display:block;
letter-spacing:-1px;
padding:15px 0 5px 0;
background:#20526a url(jokkmokk/images/date-top.gif) top left no-repeat;
}

.datetag .month {
font-size:0.8em;
letter-spacing:-1px;
width:50px;
display:block;
font-weight:bold;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.frontphoto {
margin:20px 0 10px 0;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.clear {
clear:both;
}

.hide {
display:none;
}

/******** Table classes ********/

table.servicesT
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 320px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}


table.servicesT td.servHd
{ border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;}


table.servicesT td
{ border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding-left: 3px;}

.servBodL { border-left: 1px dotted #CEDCEA; }

table.contacts
{ width: 420px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040; }


td.contact
{ border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 1.0em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

/******** Table collapse classes ********/

table.footcollapse{
	width:30em;
}
table.footcollapse caption{
	font-size:120%;
	text-transform:uppercase;
	text-align:left;
	padding:.5em 1em;
}
table.footcollapse th{
	text-align:left;
}
table.footcollapse,table.footcollapse th,table.footcollapse th
{
	border:none;
	border-collapse:collapse;	
}
table.footcollapse thead th
{
	width:10em;
	border-style:solid;
	border-width:1px;
	border-color:#cff #69c #69c #cff;
	background:#9cf;
	padding:2px 10px;
}
table.footcollapse tfoot th,
table.footcollapse tfoot td
{
	border-style:solid;
	border-width:1px;
	border-color:#9cf #369 #369 #9cf;
	background:#69c;
	padding:2px 10px;
}
table.footcollapse tbody{
	background:#ddd;
}
table.footcollapse tbody td{
	padding:5px 10px;
	border:1px solid #999;
}
table.footcollapse tbody th{
	padding:2px 10px;
	border:1px solid #999;
	border-left:none;
}
table.footcollapse tbody tr.odd{
	background:#ccc;
}

table.footcollapse tfoot td img{
	border:none;
	vertical-align:bottom;
	padding-left:10px;
	float:right;
}