a:visited {color: #2d3f5f}
a:link {color: #2d3f5f}
a:hover {color: #2d3f5f}

form { margin:0;padding:0;}

P {
padding:0px;
margin-top:8px;
margin-bottom:8px;
}

ul {
list-style:outside;
padding:0px 0px 0px 0px;
margin:0 0px 0px 22px;
display:block;
}
li { padding:0px 0px 0px 0px; }

body {
font-size:11px;
line-height:120%;
font-family: arial, helvetica, "bitstream vera sans", sans-serif;
color: #222;
text-align:center;
margin-top:20px;
padding:0;
background-image: url(images/benjohn_background.jpg);
}

/* GLOBAL CONTAINERS */

#canvas {
width:886px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#head-container {
position: relative;
height:310px;
background-color:none;
padding:0px 0px 0px 0px;
}

#body {
overflow: hidden;
width: 100%;
background-image: none;
}

#outer {
width:886px;
padding:0;
float:left;
background-color:#acadb0;
margin-bottom:12px;
}
#leftmargin {
width:28px;
height:231px;
margin:0px 0px 0px 0px;

float:left;
}
#rightmargin {
width:28px;
height:231px;
margin:0px 0px 0px 0px;
float:right;
}

#innershade {
width:830px;
margin:14px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

#basespacer {
width:886px;
height:14px;
float:left;
}

#footer {
position:relative;
height:43px;
padding:0px 0px 0px 0px;
z-index:1;
float:left;
width:886px;
background-color:none;
}

#footer p {
margin:0;
}



/* GLOBAL CONTENT */

#content {
width:544px;
background-color:none;
margin-right:0px;
float: left;
background-color:none;
}

#menucolumn {
width:258px;
background-color:none;
border-bottom:8px;
margin-right:0px;
float: left;
}
#gutter {
width:28px;
height:60px;
background-color:none;
margin-right:0px;
float: left;
}



/* BEN JOHNSONS */
/* HOME HEADER */

#grey {
position:absolute;
top:0px;
left:0px;
width:886px;
height:92px;
background-color:#acadb0;

}
#logo {
position:absolute;
top:0px;
left:28px;
width:218px;
height:92px;
background-color:none;
text-indent:-900em;
font-size:10px;
background-image: url(images/benjohnson_logo.gif);
}

#contactdetails {
position:absolute;
top:68px;
right:28px;
width:420px;
height:24px;
background-color:none;
text-indent:-900em;
font-size:10px;
background-image: url(images/benjohnson_phone.gif);
}

#banner_home {
position:absolute;
top:92px;
left:0px;
width:886px;
height:218px;
background-image: url(images/banner_home.jpg);
}

/* SECTION HEADERS */

#sectionhead-container {
position: relative;
height:237px;
background-color:none;
padding:0px 0px 0px 0px;
}

#banner_office {
position:absolute;
top:92px;
left:0px;
width:886px;
height:145px;
background-image: url(images/banner_office.jpg);
}
#banner_tech {
position:absolute;
top:92px;
left:0px;
width:886px;
height:145px;
background-image: url(images/banner_tech.jpg);
}
#banner_interior {
position:absolute;
top:92px;
left:0px;
width:886px;
height:145px;
background-image: url(images/banner_interior.jpg);
}


/* FONT STYLES */

.mainmenu {font-family:Verdana, Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;color:#444444;text-decoration:none;}
.mainmenulinx {font-family:Verdana, Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;color:#444444;text-decoration:none;}
.mainmenulinx:link {color:#444444;text-decoration:none;} 
.mainmenulinx:visited {color:#444444;text-decoration:none;}
.mainmenulinx:active {color:#444444;}
.mainmenulinx:hover {color:#ffffff;text-decoration:underline;}

.mainmenuonlinx {font-family:Verdana, Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;color:#ffffff;text-decoration:none;}
.mainmenuonlinx:link {color:#ffffff;text-decoration:none;} 
.mainmenuonlinx:visited {color:#ffffff;text-decoration:none;}
.mainmenuonlinx:active {color:#ffffff;}
.mainmenuonlinx:hover {color:#ffffff;text-decoration:none;}

.headline { font-size:11px;line-height:120%;font-family: verdana, arial, helvetica, "bitstream vera sans", sans-serif;color: #FFFFFF;text-align:left;font-weight:bold;padding:0px 0px 6px 0px;}
.subhead { font-size:11px;line-height:120%;font-family: verdana, arial, helvetica, "bitstream vera sans", sans-serif;color: #FFFFFF;text-align:left;font-weight:bold;}
.newsheadline { font-size:14px;line-height:120%;font-family: verdana, arial, helvetica, "bitstream vera sans", sans-serif;color: #FFFFFF;text-align:left;font-weight:bold;padding:10px 0px 10px 0px;}
.caption_division { font-size:11px;line-height:120%;font-family: verdana, arial, helvetica, "bitstream vera sans", sans-serif;color: #222222;text-align:left;font-weight:bold;padding:6px 0px 12px 0px;}

.imagepad { padding-left:10px;}


/* CONTENT CONTAINERS */

#text_1column {
margin-top:0px;
width:258px;
background-color:none;
float: left;
}


#text_2column {
margin-top:0px;
width:544px;
background-color:none;
float: left;
}

#text_2column_border {
border-top: 1px solid #CECECE;
margin-top:10px;
padding-top:8px;
width:544px;
background-color:none;
float: left;
}













#text_3column {
margin-top:0px;
width:830px;
background-color:none;
float: left;
}

#image_2column {
margin-top:0px;
width:544px;
background-color:none;
float: left;
}


/* HOME */

#section_container {
margin-top:15px;
width:258px;
background-color:none;
float: left;
}

#section_office {
width:258px;
height:114px;
background-color:none;
background-image: url(images/section_office.gif);
}
#section_technology {
width:258px;
height:114px;
background-color:none;
background-image: url(images/section_technology.gif);
}
#section_interiors {
width:258px;
height:114px;
background-color:none;
background-image: url(images/section_interiors.gif);
}


/* CONTENT CONTAINERS */

#menu_block {
margin-top:0px;
width:258px;
background-color:none;
float: left;
}

#section_office_smltxt {
width:258px;
font-size:10px;
color:#FFFFFF;
background-color:none;
float: left;
padding:10px 0px 0px 0px;
}
#section_testimonial {
width:258px;
font-size:11px;
color:#FFFFFF;
background-color:none;
float: left;
padding:10px 0px 0px 0px;
}

#news_benefits {
width:258px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:none;
float: left;
padding:10px 0px 0px 0px;
}
#news_benefitslist {
width:258px;
font-size:11px;
background-color:none;
float: left;
padding:00px 0px 0px 0px;
}

#section_news {
width:258px;
font-size:11px;
background-color:#a9a7ac;
float: left;
padding:10px 0px 0px 0px;
}
#news_contacts {
border-top: 1px solid #CECECE;
width:258px;
font-size:11px;
color:#FFFFFF;
background-color:none;
float: left;
padding:10px 0px 0px 0px;
}


#article_container {
border-top: 1px solid #CECECE;
margin-top:10px;
padding-top:8px;
width:544px;
background-color:none;
float: left;
}
#listimage {
margin-top:0px;
width:120px;
background-color:none;
float: left;
}
#listtext {
margin-top:0px;
width:424px;
background-color:none;
float: left;
}
#formcontainer {
margin-top:0px;
width:544px;
background-color:none;
float: left;
}



.superfield
{
	margin-top:2px;
	padding: 3px 0px 1px 0.25em;
	border-left:1px solid #8E8E8E;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#F7F7F7;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#515151;
    font-size:11px;
    height: 1.4em;
    min-height: 1.4em;
	width:338px;
}
 .mediumfield
{
	margin-top:2px;
	padding: 3px 0px 1px 0.25em;
	border-left:1px solid #8E8E8E;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#F7F7F7;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#515151;
    font-size:11px;
    height: 1.4em;
    min-height: 1.4em;
	width:136px;
}
.smallfield
{
	margin:0;
	padding: 3px 0px 1px 0.25em;
	border-left:1px solid #8E8E8E;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#F7F7F7;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#515151;
    font-size:11px;
    height: 1.4em;
    min-height: 1.4em;
	width:45px;
}

 .select
{
	margin:0;
	padding: 2px 0px 2px 0.25em;
	border-left:1px solid #8E8E8E;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#F7F7F7;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#515151;
    font-size:11px;
    height: 1.8em;
    min-height: 1.8em;
	width:136px;
}

 .message
{
	margin-top:8px;
	padding: 3px 0px 1px 0.25em;
	border-left:1px solid #8E8E8E;
	border-top:1px solid #8E8E8E;
	border-bottom:1px solid #8E8E8E;
	border-right:1px solid #8E8E8E;
	background-color:#F7F7F7;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    color:#515151;
    font-size:11px;
	height: 7em;
    min-height: 7em;
	width:508px;
}