/*****************************************************/
/* <!-- ALL EYES ON YOU, ALL RIGHTS RESERVED, 2009   */
/*****************************************************/

/* General styles */
	body {
		margin:0;
		padding:0;
		border: 0; 
		                                /* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
		color:#fff			/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
                background-color:#000;
        }


	h1, h2, h3 {
                margin-top   :0px
		margin-bottom:0px;
		padding:0;
                color: #FF00FF;
                padding: 5px 0 5px 0px;
	        background: #000;
                text-align: center;
                border-bottom: 5px double #202020;
                border-top: 5px double #202020;
	        
        }


        
h1 { font: bold 2em "Times New Roman", Times, serif; }
h2 { font: bold 1.5em "Times New Roman", Times, serif; }
h3 { font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }



 
        ul {
                color: #666666;
        }
     
      
	p {	
                margin:.4em 0 .8em 0;	
		padding:0;
                color:#666666;
        }

	img {
		margin:0;
	}

/* Link Colors   */

        a:link {color: #FF00FF; text-decoration: underline; }
        a:active {color:#FFFF00; text-decoration: underline; }
        a:visited {color: #00FF00; text-decoration: underline; }
        a:hover {color: #ff0000; text-decoration: none; }

/* Contact icons

a.button{
background:url(img/button.gif);
display:block;
color:#555555;
font-weight:bold;
height:30px;
line-height:29px;
margin-bottom:14px;
text-decoration:none;
width:191px;
}
a:hover.button{
color:#0066CC;
}
/** CLASS */
.facebook{
background:url("images/facebook.png") no-repeat 10px 8px;
text-indent:30px;
display:block;
}
.blog{
background:url("images/blog.png") no-repeat 10px 8px;
text-indent:30px;
display:block;
}


/* contact box

 
ul.icons, 
ul.icons li{ 
  border:0; 
  margin:0; 
  padding:0; 
  list-style:none; 
}
 
ul.icons li{ 
  display:block; 
  padding:2px 0; 
  padding-left:20px; 
}
 
.icon { 
  background: left 5px no-repeat; 
}
 
div.icon { 
  vertical-align: middle; 
}
 
div.icon a { 
  display: block; 
  padding: 5px 0px 0px 20px; 
}

 
.digg { background-image:url('http://digg.com/favicon.ico');}
.delicious{ background-image:url(http://delicious.com/favicon.ico);}
.flickr{background-image:url(http://flickr.com/favicon.ico);}
.facebook{background-image:url('../images/facebook.png');}
.blog{background-image:url('../images/blogger.png');}
.yahoo{background-image:url('../images/yahoo.png');}
.technorati{background-image:url(http://technorati.com/favicon.ico);}
.twitter{background-image:url(http://twitter.com/favicon.ico);}
.stumbleupon{background-image:url(http://stumbleupon.com/favicon.ico);}

/* Main color classes */

.pinktext   {color:#FF00FF}
.greentext  {color:#00FF00}
.yellowtext {color:#FFFF00;}


#yellowlist { list-style-image: url("images/byellow.gif"); }



/* boxes    */



.solid-grey{
       background:#101010;
       color:#FF00FF;
       font-weight:bold;
       padding:10px;
       text-align:center;
}


#the_box {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 300;
  color: #BBBBDD;
  background-color: #000;
  width: 100%;
}

.box_header {
  padding-top: 1em;
  font-weight: 600;
  color: #FF00FF;
  background-color: #101010;
  text-align: center;
  height: 35px;
  border-bottom: 20px double #202020;
                border-top: 20px double #202020;
}

.box_text {
  text-align: left;
}
        


/* Header Style - LOGO */

       
	#headermain {
		clear:both;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
        }


	#header {
		clear:both;
		float:left;
		width:100%;
                padding: 0 0 0 20px;
                border-bottom: 20px double #202020;
                border-top: 20px double #202020;
                                                                                              
	}

        #header img{
                display:block;
        }	

	#header p,
	#header h1,
	#header h2 {
		
		margin:0;
	}

        #header h1{
                float: left;
                letter-spacing: 0.25cm;
                padding: 0 0 0 20px;
	        font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif;
                color: #fff;
                background: none;
	        border: none;
        }

        #header h2{
                float: left;
                letter-spacing: 0.25cm;
                padding: 20px 0px 0px 20px;
	        text-transform: lowercase;
	        font-size: 16px;
	        color: #666666;
                background: none;
	        border: none;
                 
        } 
     
        #header h3{
                float: left;
                letter-spacing: 0.10cm;
                padding: 25px 0px 0px 30px;
	        text-transform: lowercase;
	        font-size: 12px;
	        color: #32cd32;
                background: none;
	        border: none;
                 
        } 

/* HEADER MENU */

        #menu {
	        float: right;
	 
        }

        #menu ul {
	        margin: 0px;
	        padding: 0px 40px 15px 0px;
	        list-style: none;
         
               
         }

        #menu li {
	        float: left;
                
         }  

        #menu a {
	        padding: 10px 20px 10px 0px;
	        text-decoration: none;
	        text-transform: lowercase;
	        font-size: 14px;
	        color: #088a08;
        }

        #menu a:hover {
	        text-decoration: underline;
	        color: #32cd32;
        }

        #menu .first a {
	       background: none;
        }
        

/* Tab Box   */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background:#00FF00;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
	
        

/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;
                		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;

	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
  		        		only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
                	}
/* 3 Column settings */
	.threecol {
		
                		        /* right column background colour */
	}
	.threecol .colmid {
		right:25%;		/* width of the right column */
		color:#888888;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;		/* width of the middle column */
		
                	                /* left column background colour */
	}
	.threecol .col1 {
		width:46%;		/* width of center column content (column width minus padding on either side) */
		left:102%;
                 	                /* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;		/* Width of left column content (column width minus padding on either side) */
		left:31%;
               		                /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;		/* Width of right column content (column width minus padding on either side) */
		left:85%;
                                	/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}

/* 2 Column (left menu) settings */

	.leftmenu {
		background:#000;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#000;
              	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;
                color:#fff			/* 100% plus left column left padding */
                
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
                }

/* Footer styles */


	#footer {
		clear:both;
		float:left;
		width:100%;
		border-bottom: 5px double #202020;
                border-top: 5px double #202020;
	}
	#footer p {
		padding:10px;
		margin:0;
                color: #888888;
	}
	/* --> */

/* Full page settings */

	.fullpage {
		background:#000;		/* page background colour */
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
	}

/* Main Page SlideShow */

        #rotator
        {
	        border: 1px solid #000;
	        cursor: pointer;
	        overflow: hidden;
	        position: relative;
	        width: 500px;
	        height: 500px;
                background-color:#000
        }

        #rotator img
        {
	        border: 0;
	        cursor: pointer;
	        width: 500px;
	        height: 500px;
                position: relative;
         }

/*Tabbed Pricing Boxes */


#tabmenu {
		color: #000;
		border-bottom: 2px solid black;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		color: #DEDECF;
		background: #898B5E;
		font: bold 1em "Trebuchet MS", Arial, sans-serif;
		border: 2px solid black;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
		background: #ABAD85;
		border-bottom: 3px solid #ABAD85; }

	#tabmenu a:hover {
		color: #fff;
		background: #ADC09F; }

	#tabmenu a:visited {
		color: #E8E9BE; }

	#tabmenu a.active:hover {
		background: #ABAD85;
		color: #DEDECF; }

	#content {font: 0.9em/1.3em "bitstream vera sans", verdana, sans-serif;
		text-align: justify;
		background: #ABAD85;
		padding: 20px;
		border: 2px solid black;
		border-top: none;
		z-index: 2;	}

	#content a {
		text-decoration: none;
		color: #E8E9BE; }

	#content a:hover { background: #898B5E; }




.noHilite {color:black; text-decoration:none;}
.overit{background:#101010;}
.notoverit{background:none;}



/* Contact Form */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed #00FF00;
color: #00FF00;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Pricing Table */


/* Design 7 */
table.Design7 {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #F9F5D7;
    border: 0.3em solid #000000;
}
table.Design7 th {
    text-align: left;
    font-weight: normal;
/*    padding: 0.1em 0.5em; */
    border: 0px;
    border-bottom: 1px solid #000000;
}
table.Design7 td {
    text-align: center;
    border: 0px;
    border-bottom: 1px solid #000000;
/*    padding: 0.1em 0.5em; */
}
table.Design7 thead th {
    text-align: center;
    font-weight: bold;
    background-color: #088a08;
    color: #FFFFFF;
}
table.Design7 th.Corner {
    text-align: center;
}
table.Design7 td.Odd {
    background: #E8E4C0;
}

table.Design7 td.first {
    background: #088a08;
    color: #FFFFFF;
}

</style>