/*-----------------------------------------------------------
Karyx layout style sheet

This style sheet controls the main web site presentation

version: 	1.0
date:		23-May-2006
author: 	Robin Layfield
email: 		Robin@Karyx.co.uk
website:	http://www.karyx.co.uk
-------------------------------------------------------------*/
@import "motifs.css";
@import "colour.css";
@import "type.css";
/* sizing over-ride hack - thanks to Peter-Paul Koch http://www.quirksmode.org/css/100percheight.html */
html,body{height:100%;}
/* defaults */
*{margin:0;padding:0;border:0;}
body{margin:0;padding:0;background-image:url(../images/bgrounds/body.gif);background-repeat:repeat-x;}
p{margin:15px 0;}
hr{height:1px;margin:0 0 5px 0;padding: 0;clear: both;}
/* ie-excluding margin hack */
div>hr{margin:10px 0 10px 0;}
/* strips down side and background panel */
#page{width:819px;height:auto;min-height:100%;position:relative;display:block;margin:auto;background-image: url(../images/bgrounds/page.jpg);background-repeat:repeat-y;}
#left_strip{width:10px;height:400px;display:block;float:left;background-image: url(../images/bgrounds/top_edge_left.gif);	background-repeat:no-repeat;}
/* inner content section */
#content{width: 799px;padding:0;float:left;display:block;}
#right_strip{width:10px;height:400px;display:block;float:left;background-image:url(../images/bgrounds/top_edge_right.gif);	background-repeat:no-repeat;}
#nav{width:799px;height:34px;display:block;margin:0;overflow:hidden;}
#nav ul{list-style:none;margin:0;padding:0;display:block;}
#nav li{float:left;display:block;}
#nav img{border:0;}
#masthead{width: 799px;height:243px;display:block;margin:auto;background-image:url(../images/masthead.jpg);	background-repeat: no-repeat;}
#pagetitle{margin-left:20px;}
/* various columnar layouts */
#one{width:265px;height:auto;margin:0 0 10px 0;padding:0 10px 0 20px;display:block;clear:left;float:left;}
#one ul{margin-left:20px;list-style:none;}
#one li{display:block;margin-bottom:8px;}
#two{width:480px;height:auto;padding:0 10px 0 10px;border-left:1px solid #E2E2E2;margin: 0 0 10px 0;float:left;display: block;}
/* ie-exclusive margin hack */
div>#two{margin:0 0 20px 0;}
#two ul{list-style:none;margin-left:20px;}
#two li{list-style-image:none;display:block;}
#two li a{width:85px;display:block;float:left;}
.left {width:265px;margin:10px 0;padding:0 10px 0 20px;display:block;clear:left;float:left;}
/* ie-exclusive margin hack */
div>.two{margin:10px 0 20px 0;}
#two_nopad{width:490px;height:auto;padding:0 0 0 10px;border-left:1px solid #E2E2E2;margin:0 0 10px 0;float:right;display:block;}
/* ie-exclusive margin hack */
div>#two_nopad {margin:0 0 20px 0;}
.left ul{margin-left:20px;list-style:none;}
.left li{display:block;margin-bottom:8px;}
.middle{width:250px;padding:0 10px 0 10px;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;margin:10px 0;float:left;}
/*ie-exclusive margin hack */
div>.middle{margin:10px 0 20px 0;}
.right{width:200px;padding:0 20px 0 10px;margin:10px 0;float:left;}
/*ie-exclusive margin hack */
div>.right{margin:10px 0 20px 0;}
/* Jaggy Strip has been changed for Xmas */
/*#jaggy_strip{width:799px;height:150px;clear:both;background-image: url(../images/bgrounds/lower_jaggy.jpg);	background-repeat:no-repeat;display:block;}*/
#jaggy_strip{width:799px;height:150px;clear:both;background-image: url(../images/bgrounds/lower_jaggy.jpg); background-repeat:no-repeat; display:block;}
#lower{width:799px;/*height:40px;*/clear:both;display:block;}
#text_links{width:540px;clear:both;margin:auto;display:block;}
#textsplitter{width:520px;height:5px;margin:auto;}
#text_links ul{list-style:none;margin:0;padding:0;display:block;}
#text_links li{float:left;margin-left:10px;display:block;}
#small_text_links{width:260px;clear:both;margin:auto;display:block;}
#small_text_links ul{list-style:none;margin:0;padding:0;display:block;}
#small_text_links li{float:left;display:block;}
/* pseudo-classes */
a:link,a:visited{color:#990000;background-color:#FFF;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
a:hover,a:active,a:focus{color:#FFF;background-color:#990000;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
#nav a:link,#nav a:visited,#nav a:hover,#nav a:active,#nav a:focus{border:0;padding:0;margin:0;}
/* classes */
.swirl{width:57px;height:57px;display:block;margin:60px auto 0 auto;border:0;}
.pad{clear:both;height:1px;width:800px;display:block;}
.hr_nomargin{height:1px;margin:5px 0;clear:both;}
/* attribute selectors */
acronym[title]{border-bottom:1px dotted #999;} 
acronym[title]:hover{cursor:help; }
/* Except on the home page */
#homecol{width:200px;height:285px;padding:0 20px 0 10px;margin:0;float:left;}
/* Dan added CSS 15/06/06 - Needs to be sorted into the correct file */
.input{margin-bottom:5px;border:1px solid #E2E2E2;background-color:#ECEFED;font-family:futura, Arial, Helvetica, sans-serif;font-size:12px;padding:2px;}
select{border:1px solid #E2E2E2;font-family:futura, Arial, Helvetica, sans-serif;font-size:12px;}
.formtitle{margin-bottom:5px;}
#techie{border:1px dashed #E2E2E2;background-color:#ECEFED;padding-left:10px;padding-right:10px;}
#latestnews{border:1px dashed #E2E2E2;background-color:#ECEFED;padding-left:10px;padding-right:10px;}
.ptitle{line-height:18px;margin:10px 0;font-size:14px;font-weight:normal;}
.stamp{width:145px;height:170px;float:left;}
/*portfolio*/
.link_nopad{padding:0 !important;border:0 !important;}
/* Dan added 22/06/06 - Simple div to make the hosting plans stand out a little more on the page */
.hostingplan{border:1px dashed #E2E2E2;background-color:#ECEFED;padding:10px;margin-bottom:10px;}
#latestnews img {border:1px dashed #E2E2E2;}
#latestnews a:link,a:visited{color:#990000;background-color:#ECEFED;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
#latestnews a:hover,a:active,a:focus{color:#FFF;background-color:#990000;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
/* Added by Dan for Xmas */
.checkbox {border:1px dashed #990000; padding:1px 10px; background-image:url(../images/stripeybg.gif); color:#990000;}
#xmaswish {border:1px dashed #E2E2E2;background-color:#ECEFED;padding-left:10px;padding-right:10px; padding-top:5px; padding-bottom:10px;}
#xmaswish a:link,a:visited{color:#990000;background-color:#ECEFED;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
#xmaswish a:hover,a:active,a:focus{color:#FFF;background-color:#990000;text-decoration:none;border-bottom:1px dotted #990000;padding:0 2px;}
/* WARNING! - THe bottom bar #jaggy_strip has been altered too. Don;t forget to put this back again */