* { padding: 0; margin: 0; }

html{
height:100%;
background-image:url(../images/dareham-design-packaging-faux.jpg);
background-position:top center;
background-repeat:repeat-y;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height:100%;
background-image:url(../images/dareham-design-packaging-header.jpg);
background-repeat:no-repeat;
background-position:center 0px;
color:#333;
}
#wrapper { 
margin: 0 auto;
width: 940px;
padding:0px 30px;
height:100%;
}
#header {
padding:0px;
margin: 0px;
height: 280px;
}
#navigation {
padding: 242px 0px 0px 0px;
float:right;
height:25px;
}
#content{
float:left;
border:#090 1px solid;
border-top:0px;
width: 938px;
margin-top:10px;
padding-bottom:20px;
}
#column30 {
float:left;
width:270px;
text-align:justify;
padding:0px 20px;
display:block;
}
#column1 {
float:left;
width:282px;
text-align:justify;
padding:0px 20px;
display:block;
}
#column2 { 
float:left;
width:430px;
padding:0px;
display:block;
}
#column3 { 
float:left;
width:164px;
padding:0px 0px 0px 5px;
display:block;
}
#column4 { 
float:left;
width:576px;
padding:0px 20px;
display:block;
}
.clear { clear: both; background: none; }

.textBox{
padding:0px 20px 0px 20px;
display:block;
float:left;
}

p{
margin:5px 0px;
}

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

#column1 ul li{
line-height:20px;
}

#column3 p{
display:block;
padding:5px 0px 10px 0px;
}

#column3 img{
border:#090 1px solid;
margin:0px 5px 5px 0px;
float:left;
}

h1{
background-color:#FFF;
background-image:url(../images/dareham-design-packaging-arrow.jpg);
background-position:center left;
margin:-6px 0px 5px -21px;
padding:5px 10px 0px 50px;
background-repeat:no-repeat;
line-height:40px;
height:50px;
font-weight:lighter;
color:#090;
text-transform:capitalize;
font-size:16px;
display:block;
}

#title{
margin:-21px 0px 0px -21px;
}

#subs{
clear:both;
background-image:url(../images/dareham-designs-arrow.jpg);
background-position:top left;
margin:0px 0px 0px 250px;
padding:0px 10px 0px 50px;
float:left;
background-repeat:no-repeat;
height:50px;
line-height:40px;
font-weight:lighter;
color:#090;
font-size:18px;
}

#footer { 
clear: both;
color:#9C3;
text-align:center;
font-size:8.5px;
padding:10px 30px 20px 30px;
}

#footer hr{ 
border:none;
border-top:#090 1px solid;
padding-top: 20px; 
}

strong{color:#060; text-align:left;}

a{
text-decoration: none;
text-decoration:underline;
}

a:link {color:#060;}
a:visited {color: #060;}
a:hover {color:#093;}
a:active {color: #060;}

/** jquery drop down **//** navigation **/
#navlist
{
padding: 0px 0px 0px 0px;
margin: 0px;
list-style-type: none;
color: #FFF;
width: 100%;
text-align: center;
}

#navlist li { 
display: block;
float:left;
}

#navlist li a
{
display:inline-block;
}

#navlist li a:hover
{

}

#navlist li a.drop:hover 
{
color: #fff;
}		
#navlist li ul
{
margin: -3px 0px 0px 0px;
padding: 0px;
display:none;
border-top: 1px solid #060;
z-index:99px;
position:absolute;
}

#navlist li ul li
{
float: none;
display: block;
font-size:12px;
}

#navlist li ul li a
{
width: auto;
background:#090;
height:30px;
width:122px;
line-height:30px;
padding:0px;
position:relative !important; /* ie Mac */
cursor:pointer !important;
color:#FFF;
text-decoration:none;
}

#navlist li ul li a:hover
{
height:30px;
background:#0C0;
width:122px;
}

#navlist li ul li ul
{	
margin: -30px 0px 0px 0px;
margin-left: 122px;
display:none;
border-top: 1px solid #060;
z-index:99px;
position:absolute;
}

#navlist li ul li ul li
{
float: none;
display: block;
font-size:10px;
}

#navlist li ul li ul li a
{
width: auto;
background:#090;
height:30px;
width:120px;
line-height:30px;
padding:0px;
position:relative !important; /* ie Mac */
cursor:pointer !important;
color:#FFF;
text-decoration:none;
}

#navlist li ul li ul li a:hover
{
height:30px;
background:#0C0;
width:120px;
}

a.linkopacity:hover img{
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

a.linkopacity img {
filter:alpha(opacity=0); 
-moz-opacity: 0; 
opacity: 0;
}

.newscolumn h5{ 
color:#060;
line-height:25px;
font-size:18px;
text-align:left;
}
.newscolumn h6{ 
color:#333;
line-height:25px;
font-size:10px;
float:right;
}

.newscolumn p{ 
border-top:dotted 1px #666;
padding:0px 0px 0px 0px;
}

.newscolumn strong{
color:#c30017;
text-align:left;
}

.newscolumn hr{ 
padding:5px 0px;
border:none;
}

#contact h5{ 
padding:10px;
font-size:14px;
text-align:left;
}

table td{
padding:10px;
}

table td strong{
text-align:left;
}

table tr{
text-align:justify;
padding:5px;
}
