/*DESIGNBOX STYLESHEET 2008*/
	@import url("http://dynamic.icecreamlovestheweb.com/labs/gallery.css");
/*IE 6 KILLER*/

  #IE6_overlay{ width:600px; z-index:9999; height:100%; text-align:center; left:0; top:0; margin:0; padding:0;
  font-size:11px}
  #IE6_killer{width:700px; height:499px; border:1px solid #fff; background:transparent url(http://www.jghinternet.com/images/ie6.png) repeat scroll right top;
margin:10px; padding:20px 120px 0 50px; text-align:left;}
  #IE6_killer a{color:#000!important;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
  #IE6_killer a:hover{color:#fff;}
  #IE6_killer p{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#fff;}
  #IE6_killer li{color:#fff;}
  #IE6_killer h1{color:#fff;}
  #IE6_killer h2{
  font-size:14px !important;color:#fff;
 padding:0px 0px 10px !important;
 font-weight:bold !important;
  }


/*REST OF DOCUMENT*/
	*{
		margin:0;
		padding:0;
		outline:none;
	}

	body{
		background:#999;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		height:100%;
	}

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

	#social{
		background:#999999 none repeat scroll 0%;
		margin:0px auto;
		text-align:right;
		padding-top:0px;
		top:0;
		width:100%
	}

	#social a{padding:0px 3px;}

	#container{
		margin:0px auto 0pt;
		padding:0px 0pt 0pt;
		text-align:left;
		width:750px;
                padding:20px;
                background:#FFFFFF;
	}

	#top{
		background:#FFFFFF url(images/Logo.gif) no-repeat scroll 0% 50%;
		height:100px;
		margin-top:25px;
		border-bottom:1px dotted #666666;
	}

/*MENU STYLED HERE*/

	#menu{
		height:80px;
		line-height:normal;
		padding:15px 0px 0pt 464px;
		float:right;
	}
	#menu ul{list-style:none; margin-top:46px;}
	#menu li{
		float:left;
		margin:0 0 0 10px;
		padding:0 0 0 0;
		white-space:nowrap;
	}
	#menu a{
		color:#666666;
		font-weight:lighter;
		text-decoration:none;
	}
	#menu .clicked{color:#05D2B2!important;}

        .contentbg{
		background:transparent url(images/bg.png) no-repeat bottom left;
        }
	.content{
		color:#666666;
		padding:0pt 0px 40px 45px;
		font-family:Arial, Helvetica, sans-serif;
		min-height:477px;
		height:auto!important;
		height:520px;
		overflow:hidden;
	}

	.content p{
		margin:20px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
		line-height:20px;
		clear:left;
	}

	.content h1{
		clear:both;
		padding:10px 0px;
		color:#666666;
		font-size:14px;
	}

        .porttext{
            display: block;
            float: left;
            height: 200px;
            margin: 20px 0;
            width: 235px;

        }
        .porttext h1 a{
            text-transform: uppercase;
            color: #666666;

        }
/*FOOTER STYLED HERE*/

	#footer{
		height:15px;
		width:100%;
		clear:both;
		margin:0px 0px 35px 3px;
		padding:0px;
		color:#ccc;
	}

	#bottom_bar{
		background:#999999 none repeat scroll 0%;
		height:15px;
		width:100%;
		margin-top:20px;
		bottom:0px;
	}

/*CONTENT TOOLS TOP STYLED HERE*/

	.content_tools_top{margin:0px; width:100%; padding:0px 0px 1px 0px;}
	.content_tools_top ul{list-style:none; float:left;}
	.content_tools_top li{display:inline; margin:5px 10pt 0px 0px;}
	.content_tools_top a{color:#DCE3E4; text-decoration:none; font-weight:bold;}

	.home_tags{display:none;}

	.projects{
		float:left;
		margin:10px 10px 10px 0px;
		width:31%;
		height:275px;
	}

	.site_3 .projects{height:145px;}

	.projects h1{
		font-weight:lighter!important;
	}

	.projectstext{margin:10px 3px 10px 15px;}
	.projectstext h1{
		clear:both;
		padding:0px 35px;
		font-weight:lighter;
		text-align:center;

	}

	.projects img{
		border:#000000 1px solid;
		padding:1px;
	}

	.projects a{
		color:#666;
		margin:0px;
		padding:0px;
		font-weight:lighter;
	}

	.projects .content_tools_top{display:none;}

	.donegal{padding:10px 0px 0px; text-align:center;}
	.donegal img{ border: 1px solid #FFFFFF;
    margin: 10px !important;}
	.site_2 .donegal img{margin:5px 122px;}

	.donetext{margin:10px 48px 0px;}
	.donetext h1{margin:0px 0px 10px 0px;}

	.justext{margin:10px 3px 10px 15px;}

	.justext ul ul{margin-left:50px;}

	.justext img{margin:10px 0 0;}

	.milk_stage_tags{display:none;}
	.milk_stage_close{display:block; color:#05D2B2;}

/*IE 7*/
	*:first-child+html #social{
		position:fixed;
		_position:absolute;
		top:0px;
		_top:expression(eval(document.body.scrollTop));
		left:0;
		margin:0;
		padding:0;
		background:#999999 none repeat scroll 0%;
		height:15px;
		width:100%;
	}
	*:first-child+html #bottom_bar{
		position:fixed;
		_position:absolute;
		bottom:0px;
		_bottom:expression(eval(document.body.scrollBottom));
		left:0;
		margin:0;
		padding:0;
		background:#999999 none repeat scroll 0%;
		height:15px;
		width:100%;
		margin-top:20px;
	}

	*:first-child+html .projects a{clear:both; display:block;}
	*:first-child+html .projects p{clear:both; display:block;}
	*:first-child+html .home_tags{display:none!important;}



        /* CSS CODING FOR A DROP DOWN MENU */


	/* remove all the bullets, borders and padding from the default list styling */

	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#menu li {float:left; position:relative;}

	/* style the links for the top level */
	#menu a, .menu a:visited {display:block;text-decoration:none;
                height: 20px;}

	/* style the second level background */

	/* style the second level hover */


	/* hide the sub levels and give them a positon absolute so that they take up no room */
	#menu ul ul {
		height: 0;
                margin: 0;
                padding: 0;
                position: absolute;
                left: 0;
                text-align: right;
                top: 20px;
                z-index: 99;
                visibility: hidden;
                width: 154px;
	}


	/* style the second level links */
	#menu ul ul a, #menu ul ul a:visited {
		  background: none repeat scroll 0 0 #FFFFFF;
                    height: auto;
                    padding: 2px 5px 7px;
                    text-align: left;
                    width: 144px;
	}
	#menu li li{border:none; padding:0px; margin: 0;}

	/* style the top level hover */

	/* make the second level visible when hover on first level list OR link */
	#menu ul li:hover ul,
	#menu ul a:hover ul{visibility:visible;color:#a6d24a; }


/*IE 6*/
	*html body #social{
		position:fixed;
		_position:absolute;
		top:0px;
		_top:expression(eval(document.body.scrollTop));
		left:0;
		margin:0;
		padding:0;
		background:#999999 none repeat scroll 0%;
		height:15px;
		width:100%;
	}

	*html body #bottom_bar{
		position:fixed;
		_position:absolute;
		bottom:0;
		_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
		left:0;
		background:#999999 none repeat scroll 0%;
		height:15px;
		width:100%;
		margin-top:20px;

	}
	*html body #content{height:477px!important; overflow:visible;}
	*html body .back{display:none;}
	*html body .projects a{clear:both;}