body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
margin:0; 
padding:0; 
font-family: "MS Sans Serif", "Geneva", sans-serif;
font-size:76%;
} 

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
font-size:1em;
} 

body {
background-color:#e0e0e0;
}

p, li {
font-size:.93em;
}

p {
padding:0 0 9px 0;
line-height:1.2;
}

h1, h2, h3, h4 {
letter-spacing:1px;
}

a:focus {
background-color:#FFFF99;
}

#all {
width:760px;
margin:7px auto 0 auto;
padding:0 0 10px 0;
border:1px solid #999;
background-color:#fff;
}

p#footer {
width:760px;
margin:0 auto 20px auto;
padding:5px 0;
font-size:.8em;
text-align:center;
}

.skip-nav {

}

.skip-nav a {
left:-999px;
position:absolute;
}

.skip-nav a:hover, .skip-nav a:focus, .skip-nav a:active {
position: relative; 
left: 0; 
margin: 1px 0 2px 6px; 
text-decoration: underline;
background-color:#333;
color:#fff;
border:1px solid #000;
padding:3px 7px; 
}


.header {
display:bloack;
overflow:hidden;
background: url("../images/header.jpg") no-repeat right top;
height:120px;
}

.header h1 {
height:110px;
width:250px;
float:left;
position: relative;
font-size:.73em;
}

.header h1 span {
background: url("../images/logo.jpg") no-repeat left top;
position: absolute;
width:100%;
height:100%;
}

#nav-container {
background: url("../images/header_border.jpg") repeat-x left bottom;
overflow:hidden;
margin:-20px 0px 0 0;
padding:0 20px 3px 0;
height:1%;
}

#nav {
float:right;
list-style:none;
overflow:hidden;
margin:0;
position:relative;
}

#nav li {
float:left;
margin:0 11px 0 0;

}

#nav a {
float:left;
display:block;
text-decoration:none;
background: url("../images/menu_bg.jpg") no-repeat right top;
padding:3px 11px 3px 7px;
color:#000;
}

#nav a:hover, #nav a#active  {
background:url("../images/menu_bg_active.jpg") no-repeat right top;
color:#fff;
}

#content {
padding:7px 0;
}


.lead {
/*background: url("../images/lead_btm.jpg") no-repeat left bottom;*/
background: url("../images/lead_bg.jpg") repeat left bottom;
width:575px;
margin:20px auto 0 auto;
border:1px solid #b1c274;
position:relative;
}

.lead h2 {
/*background: url("../images/lead_top.jpg") no-repeat left top;*/
padding:15px 20px 0 20px;
font-size:1.1em;
}

.lead p {
padding:15px 20px 25px 20px;
font-size:1.06em;
}


.row {
overflow:hidden;
width:660px;
margin:5px auto;
}

.row-portfolio {
overflow:hidden;
width:660px;
margin:5px auto;
}

.row-spacer {
margin:30px auto;
}

.row ul {
width:100%;
display:block;
overflow:hidden;
margin:15px 0;
padding:0;
}

.single {
overflow:hidden;
width:660px;
margin:0 auto 40px auto;
}


.design, .consult, .portfolio, .contact {
display:block;
width:290px;
margin:0 15px;
list-style:none;
background: url("../images/design_btm.jpg") no-repeat left bottom;
font-size:.9em;
}

.design span, .consult span, .portfolio span, .contact span {
display:block;
padding: 0 17px 0 20px;
}

.design, .portfolio {
float:left;
}

.consult, .contact {
float:right;
}

.design strong, .consult strong, .portfolio strong, .contact strong {
padding:0;
font-size:1.1em;
font-weight:bold;
letter-spacing:1px;
color:#333;
display:block;
padding:0 15px 1px 15px;
margin:0 0 3px 0;
}

.design a, .consult a, .portfolio a, .contact a {
display:block;
text-decoration:none;
color:#333333;
font-size:.9em;
padding: 9px 15px 15px 15px;
}

/*
.design a.read-more, .consult a.read-more, .portfolio a.read-more, .contact a.read-more {
font-weight:normal;
display:block;
color:#3366FF;
letter-spacing:normal;
line-height:1;
padding:3px;
font-size:.9em;
text-align:right;
}
*/

.design a:hover span.read-more, .consult a:hover span.read-more, .portfolio a:hover span.read-more, .contact a:hover span.read-more {
text-decoration:underline;
}

.design a {
background: url("../images/design_btm.jpg") no-repeat left bottom;
color:#3366FF;
text-align:right;
}

.consult a {
background: url("../images/design_btm.jpg") no-repeat left bottom;
color:#3366FF;
text-align:right;
}

.portfolio a {
background: url("../images/design_btm.jpg") no-repeat left bottom;
color:#3366FF;
text-align:right;
}

.contact a {
background: url("../images/design_btm.jpg") no-repeat left bottom;
color:#3366FF;
text-align:right;
}

.design a:hover {
background: url("../images/design_btm_hover.jpg") no-repeat left bottom;
text-decoration:underline;
}

.consult a:hover {
background: url("../images/design_btm_hover.jpg") no-repeat left bottom;
text-decoration:underline;
}

.portfolio a:hover {
background: url("../images/design_btm_hover.jpg") no-repeat left bottom;
text-decoration:underline;
}

.contact a:hover {
background: url("../images/design_btm_hover.jpg") no-repeat left bottom;
text-decoration:underline;
}


/* */
#content h2 {
margin:11px 0 11px 0;
letter-spacing:1px;
font-family:"Trebuchet MS", sans-serif;
}

#content h2 span {
background-color:#f1f5e7;
padding:7px 20px 20px 25px;
background: url("../images/header_btm.jpg") no-repeat right bottom;
}


/* */
.single h3 {
margin:25px 0 0 0;
font-size:.9em;
}

.single h3.first {
margin:5px 0 0 0;
}

.single ul {
margin: 0 35px;
padding:0;
}


/* */
.port-logo {
width: 210px;
float:left;
text-align:right;
}

/* */
.w-image {
float:left;
padding:0 0 0 10px;
width:420px;
}

.w-image p {
margin:0 0 5px 0;
padding:0;
}

.w-image ul {
padding:0;
margin:0 25px;
}

/* */
#email {
letter-spacing:1px;
}

address {
font-family:"MS Sans Serif","Geneva",sans-serif;
font-style:inherit;
font-size:.93em;
}