@charset "UTF-8";
/* CSS Document */

html

{
	overflow-y: scroll; 
	overflow: -moz-scrollbars-vertical;
	height: 100%;

}


body{
	font: 11px Verdana, sans-serif; color:#1a1a1a;
	line-height: 14px;}

p{
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #1a1a1a;}

#wrapper {
	margin:  0 auto;
	width: 860px;	
}

#bodwrap{
	margin:  0 auto;
	width: 860px;	
}

#topbodleft{
		width: 207px;
		height:163px;
		padding: 25px 0px 15px 20px;
		float:left;		
	
}
#topbodright{
	width: 633px;	
	float:left;
	padding: 25px 0px 15px 0px;
}

#midbod{
	width: 626px;
	padding-bottom:30px;
	padding-left:7px;
}

#innerbod{
	width: 588px;
	margin-left:38px;
}

#innerbodleft{
	width: 294px;
	float:left;
}
#innerbodright{
	width: 294px;
	float:left;
}

#frontbod{
	width: 860px;
	margin-top: 20px;
}

#frontbodleft{
	width: 245px;
	float:left;
}
#frontbodright{
	width: 594px;
	float:left;
	border-left:1px red solid;
	padding-left:20px;
}

#frontbodright2{
width: 575px;
margin-left:265px;
margin-top:20px;
padding-top:20px;
border-top:1px red solid;
}




#foothold{
	margin:  0 auto;
	width: 860px;
}

#porthold{
	width: 546px;	
	background:red;
	margin-left:30px;
	margin-right:50px;
}
	

.redcopy {
	color: #ff0000;
	margin: 0px 0px 0px 0px;}
	
.redtitle {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #ff0000;
	line-height: 16px;
	font-weight: bold;}		

.redcopybold {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;}	
	
.footer {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #4d4d4d;
	line-height: 15px;
	margin: 28px 0px 0px 0px;}
	
.copy{
	line-height: 14px;
	}
	
.copySm{
	font-size: 10px;
	line-height: 14px;}
	
.copySmBold{
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;}		
	
.copyboldinterior{
	font-weight: bold;}	
	
.copybold{
	font-weight: bold;}		
	
ul {
	margin-left: 20px;
	padding-left: 38px;}
	


li {
	list-style-image:url(../graphx/bullet.jpg);
	font: 12px Verdana, sans-serif; color:#1a1a1a;}

#innerbod ul {
	margin-left: 20px;
	padding-left: 0px;
	}
	


#innerbod li{
	list-style-image:url(../graphx/bullet.jpg);
	font: 12px Verdana, sans-serif; color:#1a1a1a;
	}


.bloglist2 ul {
	margin-left: 20px;
	padding-left: 18px;}
	
.bloglist2 li {
	list-style-image:url(../graphx/bullet.jpg);
	font: 12px Verdana, sans-serif; color:#1a1a1a;
	Padding-bottom:5px;
	}
	

.bloglist ol {
	margin-left: 20px;
	padding-left: 18px;}
	


.bloglist li{
	list-style-image:none;
	font: 12px Verdana, sans-serif; color:#1a1a1a;
	Padding-bottom:4px;
	}

#holdit{
z-index:0;
width:860px;
position:relative;
height:387px;
} 

#topmenu{
	width: 860px;
	background:#b1b1b1;
	height:85px;
	z-index:5;
position:absolute;
}

#topmenu2{
	width: 860px;
	background:#b1b1b1;
	height:85px;
}
#topmenuleft{
	width: 247px;
	background:#ffffff;
	height:80px;
	float:left;
	overflow:hidden;
}
#topmenuright{
	width: 612px;
	background:#da192c;
	float:left;
	height:79px;
	border-bottom:1px solid #ffffff;
	
}

#youholder{
	width: 619px;
	height:160px;
	overflow:hidden;
	margin-left:-7px;
}

img { border: 0px; }

#nav {
	width: 612px;
	float: right;	
}


#nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		float: right;
		}
		
#nav li {
	margin: 0;
	float: left;
	display: inline;
	text-transform: uppercase;
	text-align: center;
    width:102px;

	}

#nav li a {
		display: block;
		text-decoration: none;
		width: 100%;
		height:79px;
		}

	html>body #nav li a {
		width: auto;
		}

#nav li.last {
	background: none;
	}

#nav a#active {
  background-position: 0 -79px;  
}

/*--------------- default links ---------------*/
a, a:link{text-decoration:underline; color: #41aed2;}
a:visited{text-decoration:underline;color: #41aed2;}
a:hover{text-decoration:underline; color: #41aed2;}	


/*SPRITES*/
.sprite {background:url("http://www.mcginnispr.com/graphx/nav2.gif") no-repeat top left;}
.mainheader {height:79px; width:102px; background-position:top left;}	
.services {background-position: 0 0; }
.services:hover { background-position: 0 -79px;  }
.you { background-position:-102px 0;}
.you:hover { background-position: -102px -79px;}
.us {background-position:-204px 0;}
.us:hover { background-position: -204px -79px;}
.port {background-position: -306px 0; }
.port:hover { background-position: -306px -79px;  }
.blog2 { background-position:-408px 0;}
.blog2:hover { background-position: -408px -79px;}
.con {background-position:-510px 0;}
.con:hover { background-position: -510px -79px;}
		
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
	}
		
		
