/*-----------------------------------------------------------------------------------------------

CSS for Honeycross, designed and built by Neil Milliken for Easyspace, please do not copy, but if u do give me a nod, thanks. 

------------------------------------------------------------------------------------------------*/





/*--------FOR IE 6 AND UNDER ONLY --------*/



/*-------------END-----------------*/



body {

font-family:  "Arial, Verdana";

font-size: 12px;

color: #fff;

background: url(../images/back.jpg) repeat-x #1e1e1e;

margin: 0;

padding: 0;

height: 100%



}


#ajax {
	font-family: "Arial, Verdana";
	width: 100%;
}

.kwick:hover {
	cursor: pointer;
}

.leftbox img:hover {
	cursor: pointer;
	opacity: .50;
	filter: alpha(opacity=50);
}

#outer {

width:829px; 

margin-left:auto;

margin-right:auto;

position:relative;

height: 100%;

margin-top: 0;

margin-bottom: 0;

}





/*-------the link section------*/





a:link, a:link, a:visited {

color:#666;

text-decoration:none;

}



a:hover {

color:#f00;

text-decoration:none;

}



a:active {

color:#f00;

}



a.current {

text-decoration:underline;

color: #414522;}



.font{

color:#666;

}



/*-----------------------------------------------------------------------------------------------------------------------------------

                                                      Menu												-----------------------------------------------------------------------------------------------------------------------------------*/



#glowingtabs{

margin-top: 6px;

float:right;

width:829px;

font-size:100%;

line-height:normal;

font-family:Arial, Helvetica, sans-serif;

}



#glowingtabs ul{

list-style-type: none;

margin:0;

margin-left: 5px; /*Left offset of entire tab menu relative to page*/

padding:0;

}



#glowingtabs li{

display:inline;

margin:0;

padding:0;

}



#glowingtabs a {

float:right;

background:url(../images/glowtab-left.gif) no-repeat left top;

margin:0;

margin-left: 5px; /*spacing between each tab*/

padding:0 0 0 9px;

text-decoration:none;

}



#glowingtabs a span{

float:left;

display:block;

background: url(../images/glowtab.gif) no-repeat right top;

padding: 7px 12px 4px 3px;

font-weight:bold;

color:white;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#glowingtabs a span {float:none;}

/* End IE5-Mac hack */



#glowingtabs a:hover span {

color: white;

}



#glowingtabs #current a{ /*Selected Tab style*/

background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/

}



#glowingtabs #current a span{ /*Selected Tab style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

color: white;

}



#glowingtabs a:hover{ /*onMouseover style*/

background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/

}



#glowingtabs a:hover span{ /*onMouseover style*/

background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/

}



<!--[if IE]>

<style type="text/css">

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/

padding-top: 1em;

}





/*-----------------------------------------------------------------------------------------------------------------------------------                                                          Content Section                                                       -----------------------------------------------------------------------------------------------------------------------------------*/







h1 {

font-size:16px;

color: #1B7B9C;

}



h2 {

font-size:14px;

}



#content {

text-align:center;

width:829px;

margin-left: auto;

margin-right: auto;

padding: 0;

background-image:url(../images/body.jpg);

background-repeat:no-repeat;

font-family:Arial, Helvetica, sans-serif;

font-size:98%;

}



#logo {

position: absolute;

background-image:url(../images/logo.jpg);

background-repeat:no-repeat;

width: 93px;

height: 464px;

top:50px;

left:-98px;

}



.left {

padding:0px;

margin-bottom: 0px;

margin-top: 20px;

width: 364px;

float: left;

text-align:center;
font-family: "Arial, Verdana";

}



.leftbox {

text-align:justify;

padding: 12px;

background-color: #353535;

margin-right: 12px;

margin-bottom: 12px;

height: 203px;

font-family: "Arial, Verdana";

}





.right {

float: left;

margin-top: 20px;

margin-bottom: 10px;

padding: 0px;

width: 400px;

text-align: justify;

}

.portfolioright {
float: left;

margin-top: 20px;

margin-bottom: 10px;

padding: 0px;

min-width: 461px;
min-height: 461px;
width: 461px;
vertical-align: middle;
text-align: center;

border: 2px solid #fff;

}



.tl {

float:left;

margin-right: 12px;

margin-bottom: 12px;

}



.tr {

float:left;

margin-bottom: 12px;

}



.bl {

float:left;

margin-right: 12px;

}



.br {

float:left;

}



.bottombox {

position:relative;

width: 817px;

background-color: #313130;

padding-left: 12px;

padding-top:12px;

margin-left: 0px;



}



.clear {

clear:both;

}







#footer {

border-top: 1px solid #222;

width:829x;

height: 82px;

color:#FFFFFF;

margin-left: auto; 

margin-right: auto; 

padding-top: 5px;

text-align:right;

font-family:Arial, Helvetica, sans-serif;

font-size: 11px;

}





/*-------------------------------

MOO TOOL THING

-----------------------------*/







#kwicks_container { 

	height: 70px;

}

#kwicks {

	position: relative;

	margin-left:-40px;

	margin-top:-13px;

	padding-top: 13px;

}

 

#kwicks .kwick {

	float: left;

	display:block;

	width: 197px;

	height: 60px;

	margin-right: 6px;

	list-style-type:none;

}

 

#kwick_red {background: url(../images/cont.jpg) no-repeat #ffb8bd; }

#kwick_orange {background: url(../images/trad.jpg) no-repeat #c6eea3;}

#kwick_green {background: url(../images/wedd.jpg) no-repeat #facf5c;}

#kwick_blue {background: url(../images/port.jpg) no-repeat #6ed5f8;}