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

html {height: 100%}

body {background-color: #333333;
font-family: Verdana, Arial,  sans-serif;
font-size: small;
color: #666666;
margin: 0;
padding: 0;
background-image: url(images/mainbg.gif);
background-position: top left;
background-repeat: repeat-x;
height: 100%;
}

#maincontainer {width: 985px;
margin: 0 auto;
padding: 0 0 7em 0 ;
background-color:#FFFFFF;

}


#header {
padding: 1em 0 ;
background-image:url(images/newdesignlogo.jpg);
background-position:top left;
background-repeat:no-repeat;
height: 260px}


#contact {text-align: right;
width: 300px;
float: right;
padding: 0 1.25em 0 1.25em;
color: #432b35;
line-height: 0.55em;
font-weight:bold}

#contact a {color: #FFFFFF;
text-decoration: none;
}

#contact a:hover {color: #000}

.clear {clear:both;
padding: 0;
margin: 0}

#nav {padding: 194px 0 0 1em;
margin: 0;
text-align:right

}
/*_________________topnav _____________*/

ul#horizontal {margin: 0 ;
padding: 1em 0 0 0;
}

 ul#horizontal li {list-style: none;
display: inline;

}

 ul#horizontal li a {color: #FFFFFF;
text-decoration: none;
font-weight: bold;
padding: 4px 17px 6px 5px ;
margin-right: 8px;



}
 ul#horizontal li   a:hover {color:#b0d818;
 background-image: url(images/dot.gif);
 background-position:right;
 background-repeat:no-repeat

}
	 

 
 
 /*___sub menus_________________*/

ul#horizontal li
{	
	position: relative;	 
}
ul#horizontal ul 
{
	
	margin: 0; 
	padding: 0;	
	display: none;
	position: absolute; 
	top:1.5em;
	left: 0;
	background-color: #666666;
		width: 240px;
	
	
	}
	
ul#horizontal li:hover ul, ul#horizontal li.over ul
{	display: block;}
	
	ul#horizontal li a.drop 
{	font-size:12px;
	display: block;
	text-decoration:none;
	color: #fff;
	padding: 0.5em  0.75em  ;
	text-align: left;
	border-bottom: 1px solid #fff;
	margin-right: 2px;}
	


ul#horizontal li a.drop:hover
{	color: #b0d818;	}		
	
		



/*-------------end nav----------------*/

#center {
padding: 0 1em 0 1em;
margin: 0;
}

#center a {color:#acc924;
text-decoration: none; 
font-weight: bold;
font-size: 13px}

#center a:hover {color:#333333;}

#left {width: 230px;
float: left;
margin-left: 2em
}

#left2 {width: 270px;}

#left2 ul {margin: 0 0 0 0; 
padding: 0;
 }

#left2 ul li {margin-bottom:1em;
list-style: none;
}

#left2 ul li a {background-image: url(images/arrowwhite.gif);
padding-left: 2em;
background-position:left;
background-repeat:no-repeat;
font-size: 11px;
 font-weight: bold}

#left2 ul li a:hover {background-image: url(images/arrowgrey.gif);
padding-left: 2em;
background-position:left;
background-repeat:no-repeat}


#left3 {width: 230px;
}

#left3 ul li {margin-bottom:1em;
margin-left: -1em}

#quote {background-image: url(images/speechbubble.gif);
background-position:top left;
background-repeat: no-repeat;
padding: 0.25em 1em }

#quote2 {background-image: url(images/speechbubble2.gif);
background-position:top left;
background-repeat: no-repeat;
padding: 1em;
height: 64px;
margin: 0;}

#quote3 {padding: 0;
margin-top: -2em;

}


#right {width: 610px;
float: right;
margin: 1em 2em 1em 0;
}

#rightcontact { width: 530px;
float: right;
margin: 6em 1em 1em 0;
padding-left: 4em}

#pagename {margin: 0 0 1em 0;
padding: 0 0 1.5em 0.5em;
height: 50px}

#quote ul {margin: 0 1em;
padding: 0}

#quote ul li {
line-height: 2em;
}

h1 {
font-weight: bold;
font-size: 14px;
margin: 0 0 1em 0;
padding: 0.5em 0;


}

h2 {
font-weight: bold;
font-size: small;
margin: 0 0 1em 0;


}

#base {
font-size: smaller;
color:#666666;
margin: 4em 0 0 0;
border-top: 1px solid #ccc;

}

#base a {color:#cc66cc;
text-decoration: none;}

#base a:hover {color:#333333;}

#printlogo {margin: 2em;
display: none}

/*-------oldport--------*/

.portgroup {border-bottom: 2px solid #ccc ;
color: #666 ;
padding: 1em ;
clear: both;
margin: 0.5em 0 0 0}

.portleft {width: 185px;
float: left;
margin:0 0 0 1em }

.portright {width: 325px;
float: left;
margin:0 0 0 1em;
}

p.portfolio {padding-top: 1em}

/*___________newport_*/

#portfoliolist {width: 230px;
float: left;
color: #66CC00;
padding: 0}

#portfolioimage {width: 330px;
float: right;
}

#portfoliolist ul {margin: 0;
padding: 1em 0 0 0}

#portfoliolist ul li {
list-style: none}


.link{
padding-top: 4em  }

.image {text-align: center;}

#listleft {width: 250px;
float: left;
margin: 0 0 1em 0;
}

#listright {width: 250px;
float: right;
margin: 0 0 1em 0;
}

p.reg {margin: 2em 0;
font-size: smaller}


.portbox {
padding: 0 8px 14px 8px;
margin: 0 0 2em 0;
border-top: 8px solid #7f756b;
background-color: #f1f0ef;
}

.portfoliothumb {float: left;
width : 245px;
border: 1px solid #80766d;
margin: 2em 0 0 1em}

.portfoliotext {float: right;
width: 270px;
padding: 1em 1em 0 0 }

p.bold {font-weight: bold;
color: #423b35}

/*___________footer_*/



#footer
{
background-color: #fff;
margin: 0 auto;
width: 985px;
color: #666;
height: 65px;
font-size: smaller;
border-top: 1px solid #ccc;


} 

#footer a {color:#666;
text-decoration: none;}

#footer a:hover {color:#000;}

#footertext {
text-align: center;
padding: 10px 0 0 0;
}

.hide {display: none}

p.emailquote {border: 1px solid #ccc;
padding: 10px;
}

/*----------home extras----------------*/

.slideshow {width: 250px;
float: right;
margin: 0 0 1em 0;
}

.slidetitle {
width: 240px;
padding: 5px 0 10px 0;
float: right;
color: #fff;
margin: -1em 0 0 0}



.homeleft {width: 300px;
float: left;
}

.comingsoon {width: 228px;
float: right;
margin: 3em 0 1em 0;
padding: 5px;

font-size: 12px }

.comingsoon ul {margin: 1em ;
padding: 0 0 0 1em}

.comingsoon ul li {padding-bottom: 1em;
list-style-image:url(images/arrowwhite.gif);
list-style-position:  left;
}