/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
*{
	font-size:100%;
	margin:0;
	padding:0;
}
html{
	min-width:711px;
}
body{
	text-align:center;
	background:#FFF url(../images/bgd2_.jpg) 50% 0 no-repeat;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
/** html body{padding-left:-1px} /*to make up for 1 pixel jog in IE when padding is applied to #wrap*/
#outer{
    min-height:100%;
	width:711px;
	margin:0 auto 0 auto;
	text-align:left;
	position:relative;
	padding-left: 7px;
}
#header{
	height:109px;
}
#header h1 {
    text-align:left;
}
h1{
	height:109px;
	width:220px;
	position:absolute;
	top: 0px;
	left: 7px;
	font-size:.6em;
}
h1 span{
	background: transparent url(../images/logo.jpg) no-repeat left top;
	position:absolute;
	left:0px;top:0px;
	color: #666666;
	display:block;
	height:109px;
	width:220px;
}
#foot{
	clear:both;
	margin:20px 0 0 0;
	padding:10px 0px;
	height: 47px;
	background:url(../images/footer2.gif) no-repeat bottom left;
}
#foot_copy{
	position: relative;
	height: 10px;
	left: 0px;
	top: 38px;
	color:#6084A9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 64%;
	width: 100%;
	text-align:center;
}
#foot_links{
	position: relative;
	height: 20px;
	left: 0px;
	top: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 64%;
	width: 100%;
	text-align:center;
	clear:both;
}
#flash_content{
	height:138px;
	background:url(../images/flash_holder.jpg) no-repeat;
}
#bottom_bar{
    background:bottom;
}
#middle{
    margin: 22px 8px 0 17px;
	min-height: 300px;
}
#skip {display:none;}
/*******************************************************************
 *                      Some Structural Bits                       *         
 ******************************************************************/
#right, #centre{
    margin: 0 0 0 19px;
}
#left_img_bott{
   	background: url(../images/headings_bottom_blue.gif) no-repeat left bottom;
	bottom: 0px;
	height: 15px;
}
#left, #right, #centre {
    margin-top: 0px;
    padding: 0;
    list-style-type: none;
	width:214px;
	height: 295px;
	float:left;
	position: relative;
	background:url(../images/topcontent_smallslice.gif) repeat-y;
}
#left p, #centre p, #right p{
     padding: 4px 10px 2px 10px;
}
.imgbottom{
	 position:absolute;
	 bottom: 0px;	 
}
#right_about{
    margin: 0 0 0 19px;
}
#right_about_img{
	background: url(../images/headings_bottom_blue.gif) no-repeat left bottom;
	height: 15px;
}
#left_about, #right_about {
    margin-top: 0px;
    padding: 0;
    list-style-type: none;
	float:left;
	position: relative;
	background: url(../images/topcontent_smallslice.gif) repeat-y;
}
#left_about{
    width: 450px;
	background:url(../images/topcontent_bigslice.gif) repeat-y;
}
#right_about{
    width: 214px;
}
#left_about p, #right_about p{
     padding: 4px 10px 2px 10px;
}
#left_about_img{
	background:url(../images/headings_bottom_bluebig.gif) no-repeat left bottom; 
	height: 15px;
}
.extra_box{
	width: 430px;
	margin-left: 10px;
	/*background: #E0EAF8;*/
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFB1D2;
	border-bottom-color: #AFB1D2;
	border-left-color: #AFB1D2;
}
.extra_box_320{
    width: 320px;
	float: left;
}
.extra_box_100{
    width: 100px;
	float: left;
}
.extra_box_220{
    width: 220px;
	float: left;
	padding: 0 0 0 5px;
	margin:0;
}
/*************portfolio boxes***************/
.extra_box_{
    width: 430px;
	height: 140px;
	margin: 4px 8px;
	color: #fff;
}
 * html .extra_box_{
    height: 130px;
 }
.extra_box_ p{
    text-indent: 0;
	margin: 0;
	padding: 0;
}
.smallBox_{
	height: 145px;
	margin: 4px;
}
 * html .smallBox_{
    height: 135px;
 }
/*****************web***********************/
.extra_box_430{
    width: 430px;
	height: 340px;
	margin: 4px 8px;
}
 * html .extra_box_430{
    height: 330px;
 }
.extra_box_430 p{
    text-indent: 0;
	margin: 0;
	padding: 0;
}
.smallBox_port{
	height: 370px;
	margin: 4px;
}
 * html .smallBox_port{
    height: 330px;
 }
.smallBox{
	padding:0px;
	margin: 4px;
}
.colbackground{
    margin: 0 7px;
    background:url(../images/contact_slice.jpg) repeat-y;
	border: 1px solid #AFB1D2;	
}
/*******************************************************************
 *                       General Bits                             *         
 ******************************************************************/
img {
   padding: 0;
   margin: 0;
   border: none;
 }
img a, img a:link, img a:visited, img a:hover{
    border: none;
}
.left_img {
   padding: 0;
   margin: 0 0 0 4px;
   border: 1px solid #e7e7e7;
 }
.right_img {
   padding: 0;
   margin: 0 0 0 4px;
   border: none;
 }
.divider{
	 margin:7px;
	 border-bottom: 1px #ededed solid;
}
.divider_small{
     background:url(../images/divider_small.gif) no-repeat;
	 height:3px;
	 padding: 0px;
	 margin: 0px;
	 overflow: hidden;
}
.imgtextheading{
     background:url(../images/home_interested.gif) no-repeat;
	 height:24px;
	 margin-left: 7px;
}
h3, h4{
	font-weight: bold;
	margin: 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	padding: 3px 0 0 0;
}
h3{
	color: #515151;	
}
h4{ 
 	color: #2B415F;
}
p{
	margin: 0;
	padding: 0;
	line-height: 140%;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
}
.green-textsmall{
   color: #666666;
   font-size:58%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.bold-text{
   color: #666666;
   font-weight:bold;
 }
.bold-green{
   color: #6992B2;
   font-weight:bold;
 }
.green-text{
   color: #6992B2;
 }
/*******************************************************************
 *                            Thumbs                              *         
 ******************************************************************/ 
.thumbs{
	float: left;
}
.thumbs img{
	width: 50px;
	height: 50px;
    padding: 3px;
	margin: 3px 0 3px 11px;
	background: url(../images/image_bgd_slice.gif);
	border:none;
	}
.thumbs a:hover img{
	background: url(../images/image_bgd_slicedarkerblue.gif);

}
/***************************************/
.thumbs2{
	float: left;

}
.thumbs2 img{
	width: 50px;
	height: 50px;
    padding: 3px;
	margin: 3px 0 3px 9px;
	background: url(../images/image_bgd_slice.gif);
	border:none;
	}
.thumbs2 a:hover img{
	background: url(../images/image_bgd_slicedarkerblue.gif);
}
.thumbs2 .current2 img{
	background: url(../images/image_bgd_slicedarkerblue.gif);
}

 /*******************************************************************
 *                          H2 Headers                              *         
 ******************************************************************/
h2#welcome{
     background: url(../images/header_welcome.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#current{
     background: url(../images/header_current.gif) no-repeat;

	 text-indent: -9999px;
	 height: 56px;
}
h2#latest{
     background: url(../images/header_latest.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#hireus{
     background: url(../images/header_hireus.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#aboutus{
     background: url(../images/header_aboutus.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#enquire{
     background: url(../images/header_enquire.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#search{
     background: url(../images/header_search.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#services{
     background: url(../images/header_services.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#access{
     background: url(../images/header_access.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#hosting{
     background: url(../images/header_hosting.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#logo{
     background: url(../images/header_logo.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#work{
     background: url(../images/header_work.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#portlinks{
     background: url(../images/header_portlinks.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#contact{
     background: url(../images/header_contact.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#resources{
     background: url(../images/header_resources.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#links{
     background: url(../images/header_Links.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#thanks{
     background: url(../images/header_thanks.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#downloads{
     background: url(../images/header_downloads.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#hireus_small{
     background: url(../images/header_hireus_small.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#project{
     background: url(../images/header_project.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#afew{
     background: url(../images/header_afew.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#ourwhere{
     background: url(../images/header_ourwhere.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#jobs{
     background: url(../images/header_jobs.gif) no-repeat;
	 text-indent: -9999px;
	 height: 56px;
}
h2#request{
     background: url(../images/request.gif) no-repeat;
	 text-indent: -9999px;
	 height: 24px;
}
h2#xhtml{
     background: url(../images/xhtml.gif) no-repeat;
	 text-indent: -9999px;
	 height: 24px;
}
 /*******************************************************************
 *                            Lists                                *         
 ******************************************************************/
#right_about ul{
   padding: 0px;
   margin: 0px 0 1px 0;
   list-style-type: none; 
   width: 206px;
}
#right_about li{
	padding: 2px 0 2px 24px;
	background-image:url(../images/bullet_square.gif);
	background-repeat: no-repeat;
	background-position: 12px 9px;
}
#right_about li a{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 64%;
 color:#6992B2;
 font-weight: bold;
}
#right_about li a:hover, #right_about li .current{
   color:#243B54;
}
#left_about ul{
   padding: 0px;
   margin: 8px 0 3px 0;
   list-style-type: none; 
   width: 280px;
}
#left_about li{
	padding: 1px 0 1px 30px;
	background-image:url(../images/bullet_white.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	color: #515151;
}
 /*******************************************************************
 *                            Links                                *         
 ******************************************************************/
a {
text-decoration: none;
font-weight: bold;
}
a:link {
color: #6992B2;
font-weight: bold;
}
a:visited {
color: #6992B2;
font-weight: bold;
}
a:hover {
color: #243B54;
font-weight: bold;
}
a:active {
color: #243B54;
font-weight: bold;
}
 /*******************************************************************
 *					   Navigation							   *		 
 ******************************************************************/
ul#nav{
 list-style-type: none;
 padding: 0;
 margin: 0;
 border: 0;
 top: 53px;
 left: 342px;
 width: 364px;
 height: 56px;
 position:absolute;
 z-index:9999;
}
/* pre-load image rollover into background of list */
ul#nav li {height:56px;float:left;text-indent:-999em;margin:0;padding:0;}
ul#nav li.home {width:77px;background: url(http://www.9thwave.co.uk/images/nav_homeon.jpg) no-repeat left top}
ul#nav li.about {width:63px;background: url(http://www.9thwave.co.uk/images/nav_abouton.jpg) no-repeat left top}
ul#nav li.services{width:76px;background: url(http://www.9thwave.co.uk/images/nav_serviceson.jpg) no-repeat left top}
ul#nav li.work{width:79px;background: url(http://www.9thwave.co.uk/images/nav_workon.jpg) no-repeat left top}
/*ul#nav li.resources{width:87px;background: url(http://www.9thwave.co.uk/images/nav_resourceson.jpg) no-repeat left top}*/
ul#nav li.contact{width:68px;background: url(http://www.9thwave.co.uk/images/nav_contacton.jpg) no-repeat left top}
ul#nav li a{height:56px;display:block;text-decoration:none;}
* html ul#nav li a {float:left;display:inline;}/*weird ie5 bug*/
ul#nav li.home a{width:77px;background: url(http://www.9thwave.co.uk/images/nav_home.jpg) no-repeat left top}
ul#nav li.about a{width:63px;background: url(http://www.9thwave.co.uk/images/nav_about.jpg) no-repeat left top}
ul#nav li.services a{width:76px;background: url(http://www.9thwave.co.uk/images/nav_services.jpg) no-repeat left top}
ul#nav li.work a{width:79px;background: url(http://www.9thwave.co.uk/images/nav_work.jpg) no-repeat left top}
/*ul#nav li.resources a{width:87px;background: url(http://www.9thwave.co.uk/images/nav_resources.jpg) no-repeat left top}*/
ul#nav li.contact a{width:68px;background: url(http://www.9thwave.co.uk/images/nav_contact.jpg) no-repeat left top}
ul#nav li a:hover {background:transparent}
ul#nav li.current ul{display:block;z-index:1}/* display the submenu for the current page in case js is disabled*/
ul#nav li.current a{background:transparent}/* highlight the current item*/

  /*******************************************************************
 *				    	     News/Blog Styles		        	    *		 
 ******************************************************************/
.nugget {
	padding:0px;
	margin: 10px 4px;
	width: 206px;	
}
 * html .nugget{width: 214px; w\idth: 206px;}
.nugget_big {
	padding:0px;
	margin: 4px 10px;
	width: 430px;	
}
 * html .nugget_big{width: 450px; w\idth: 430px;}
.nugheader {
	background: url(../images/header_sidebar206px.gif) no-repeat;
	height: 21px;
}
.rightheader {
	background: url(../images/header_sidebar206px.gif) no-repeat;
	height: 21px;
	margin: 4px;
}
.nugheader_big{
	background: url(../images/header_sidebar430px.gif) no-repeat;
	height: 21px;
}
.nugbody{
	background-color: #EDEDED;
}
.nugbodyleft{
	background-color: #EDEDED;	
	text-align: left;
	border-bottom: 1px #AFB1D2 solid;
	border-top: 1px #ffffff solid;
}
.right{
    text-align:right;
}
/*******************************************************************
 *                         Contact                                *         
 ******************************************************************/
form#form1 {
	width:196px;
	margin:6px;
}

#form1 fieldset.text{/*width of contained labels and inputs*/
	width: 192px;
	padding: 3px 4px;
	clear: both;
	margin:1em 0;
	overflow:auto;
	background:url(../images/contact_slice.jpg) repeat-y;
	border: 1px solid #BBCDDC;
}
#form1 span {
	float: left;
	width: 70px;
	clear: both;
	text-align:right;
	line-height:2.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #666666;
}
#form1 span.pad{
	padding-left:10px;
	float:none;	
	text-align:left;
    clear:none;
    line-height:1.5em;
}
#form1 input{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
}
#form1 textarea{
	float: right;
	width: 112px;
	text-align: left;
	margin:5px 0;
	display:inline;
	padding:1px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
}
#form1 select{
	float: right;
	width: 80px;
	text-align: left;
	margin:5px 0;
	display:inline;
	padding:1px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
}
#form1 .height{
    height: 1.1em;
	float: right;
	width: 112px;
	text-align: left;
	margin:5px 0;
	display:inline;
	padding:0 2px 1px 2px;
}
#form1 input#trackqty_t,#form1 input#trackqty_f {
	width:100px;
	float:right;
	clear:right;
	margin-top:4px;
}
.submit_form{
	height: 18px;
	color: #2B415F;
	font-weight: bold;	
	float: right;
	width: 70px;
	text-align: center;
	margin:5px 0;
	display:inline;
	padding:0 9px 2px 2px;
}
html>body fieldset{border:none;}
#form1 #trackqty{height:2em;}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
input{position:relative}
.address{
	padding-left: 60px;
	width: 100px;
}
.submit_button{
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-transform: capitalize;
	color: #6992B2;
	font-weight: bold;
}
.checkbox{
    margin-left: 10px;
}
#form1 fieldset.text img{
padding: 0;
margin: 0;
	
}
/*******************************************************************
 *                         Contact 2                              *         
 ******************************************************************/
form#form2 {
	width:430px;
	margin:6px 10px;
}

#form2 fieldset.text{/*width of contained labels and inputs*/
	width: 420px;
	padding: 2px 4px;
	clear: both;
	margin:1em 0;
	overflow:auto;
	background: #F4F4F4;
	border:none;
}
#form2 span {
	float: left;
	width: 140px;
	clear: both;
	text-align:right;
	line-height:2.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #666666;
}
#form2 legend{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #6992B2;
	font-weight:bold;
}
#form2 span.pad{
	padding-left:10px;
	width: 140px;
	float:none;	
	text-align:right;
    clear:none;
    line-height:1.2em;
}
#form2 input{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	margin:5px 50px 0 0;
	width: 180px;	
}
#form2 input.submit_form{
	height: 18px;
	color: #2B415F;
	font-weight: bold;	
	float: right;
	width: 62px;
	text-align: center;
	margin:5px 90px 5px 0;
	display:inline;
}
#form2 textarea{
	float: right;
	width: 180px;
	text-align: left;
	display:inline;
	padding:1px 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	margin:5px 92px 0 0;	
}
#form2 select, #form2 option{
	float: left;
	width: 120px;
	text-align: left;
	padding:1px 2px;
	margin:5px 110px 0 0;	
	font-size: 66%;
}
#form2 .height{
    height: 1.1em;
	float: right;
	width: 160px;
	text-align: left;
	display:inline;
	padding:0 2px 1px 2px;
}
#form2 .radio{
	width:100px;
	float:right;
	clear:right;
	margin-top:4px;
}
#form2 .checkbox{
	width:200px;
	float:right;
	clear:right;
	margin:4px;
}

#form2 .checkbox{height:1.6em;}