@charset "ISO-8859-1";

/* CSS Document */

/* for Internet Explorer only */
/*\*/
* html .container { height: 8em; }
/**/

/* NAV MAIN TEXT BOXES */
#home, #seo, #webdesign, #consulting, #plastic, #aboutus, #contactus, #portfolio, #graphicdesign, #languages, #sample1, #sample2 {
float: left;
height: auto;
width: auto;
margin: 0;
list-style-image: none;
list-style-type: none;
}

#nav img {
margin: 0 0 -5px 0;
padding: 0px;
}

#nav {
float: left;
height: 24px;
width: 1000px;
text-align: left;
margin: 25px 0 0 120px;
}

.wrap .head1 #nav #seo a, .wrap .head1 #nav #home a,  .wrap .head1 #nav #webdesign a,  .wrap .head1 #nav #consulting a,  .wrap .head1 #nav #plastic a, .wrap .head1 #nav #aboutus a, .wrap .head1 #nav #contactus a, .wrap .head1 #nav #portfolio a, .wrap .head1 #nav #languages a 
{ text-decoration: none; }

#nav a:link, #nav a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
text-decoration: none;
}

#nav a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
padding: 0;
text-decoration: none;
color: #00A6D0;
}

#nav a:active {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
text-decoration: none;
}

/* DROP DOWN NAV */

/* drop down menu WIDTHS */
#seo ul, #seo li {
width: 180px;
text-decoration: none;
}

#webdesign ul, #webdesign li {
width: 155px;
text-decoration: none;
}



#homepage .wrap .head1 #nav #portfolio ul li {
width: 94px; }

/* drop down menu HEIGHT,COLOR,BORDERS */
#nav li ul li {
background-color: #f3f3f3;
height: 17px;
border-bottom-width: 1px;
border-top-width: 1px;
border-left-width: 0px;
border-top-style: none;
border-bottom-style: solid;
border-bottom-color: #FFF;
font-family: Arial, Helvetica, sans-serif; }

#nav #webdesign li ul li a:hover {
text-decoration: none; }
.wrap .head1 #nav #portfolio ul li {
	width: 80px;
}

#nav li ul {
position: absolute;
left: -999em; }

/* drop down text margin */
#nav ul li a p {
margin: 0 0 0 5px;
}
.wrap .head1 #nav #webdesign ul li a p {
}

#nav li ul li a {
font-size: 11px; width: 100%;
height: 17px;
line-height: 18px; 
color: #FFF; }	

/* drop down menu rollover hover color */
#nav li ul li a:hover {
font-size: 11px;
background: none;
background-color:#FFF;
color:#00A6D0;
text-decoration: none; }

#nav #consulting ul li a {font-size: 11px; }
#nav #plastic ul li a {font-size: 11px; }
#nav #portfolio ul li a {font-size: 11px; }

#consulting ul, #consulting li { width: 165px; }
#plastic ul, #plastic li { width: 140px; }
#portfolio ul, #portfolio li { width: 130px; }

#nav li ul li a:active {
font-size: 11px; color: #3F6; }

#nav li ul li a span {
font-size: 11px; display: block; padding-left: 0px; }

#nav li:hover {text-decoration:none;
background-position: 0 0; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto; }

#nav li:hover, #nav li.sfhover { }
#nav span { display: none; }
#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav li, #nav a {
height: 20px;
display: block;
margin-right: 0px; }

#nav ul li {
margin-left: 0px;
margin-right: 0px;
font-style: normal;
font-weight: normal;
}

/* VIEWPORT CRAP PAGESHIFT PAST THE FOLD FIX */
html {
margin-left: -5px;
overflow-Y: scroll;
}

html, body {
height: 100%;
}

#homepage #home a {
color: #00A6D0;
}
#consultpage #consulting a {
color: #00A6D0;
}
#webpage #webdesign a {
color: #00A6D0;
}
#seopage #seo a {
color: #00A6D0;
}
#plasticpage #plastic a {
color: #00A6D0;
}
#aboutuspage #aboutus a {
color: #00A6D0;
}
#contactuspage #contactus a {
color: #00A6D0;
}
#portpage #portfolio a {
color: #00A6D0;
}


.wrap {
height: 1000px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-color: #F2F2F2;
}
body, div, h1, h2, h3, ol, ul, li, p, img {
margin: 0px;
padding: 0px;
border: 0;
border-style:none;
}
body {
background-image: url(../images/bghome.jpg);
background-repeat: repeat-x;
background-color: #F2F2F2;
margin: 0 0 0 0px;
}
.headwrap {
float: left;
height: 306px;
width: 1000px;
}
.head1 {
float: left;
height: 56px;
width: 1000px;
background-image: url(../images/head1.jpg);
background-repeat: no-repeat;
}
.head1a {
float: left;
height: 29px;
width: 1000px;
background-image: url(../images/head1.jpg);
background-repeat: no-repeat;
}


.head2 {
float: left;
height: 250px;
width: 1000px;
background-image: url(../images/head2.jpg);
background-repeat: no-repeat;
}
.bodywrap {
float: left;
height: auto;
width: 1000px;
margin-bottom: 0px;
background-color: #FFF;
}
.footer2 {
float: left;
height: 77px;
width: 1000px;
background-image: url(../images/footer2.jpg);
background-repeat: no-repeat;
text-align: center;
}
.body1 {
float: left;
height: 180px;
width: 712px;
background-image: url(../images/body1.jpg);
background-repeat: no-repeat;
}
.body1text {
float: left;
height: auto;
width: 570px;
margin: 25px 0px 0px 130px;
}

.body1 h1{
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #5d8cb0;
}

.body1 p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
margin: 15px 0px 0px 0px;
}

.body2 {
float: left;
height: 180px;
width: 288px;
background-image: url(../images/body2.jpg);
background-repeat: no-repeat;
}

.body3 {
float: left;
height: 25px;
width: 1000px;
background-image: url(../images/body3.jpg);
background-repeat: no-repeat;
}

.body4 {
float: left;
height: 252px;
width: 1000px;
background-image: url(../images/body4.jpg);
background-repeat: no-repeat;
}

.body4 h2    {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
margin: 1px 0px 0px 0px;
color: #5d8cb0;
}

.wrap .bodywrap .body4 p {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
margin: 20px 0px 0px 0px;
}
.column1 {
float: left;
height: auto;
width: 200px;
margin: 2px 0px 0px 140px;
}
.column2 {
float: left;
height: auto;
width: 200px;
margin: 2px 0px 0px 60px;
}
.column3 {
height: auto;
width: 200px;
margin: 2px 0px 0px 50px;
float: left;
}
.footext {
height: auto;
width: 1000px;
margin-top: 30px;
}
.footer {
height: 200px;
width: 1000%;
text-align: center;
font-size: 11px;
background-color: #FFF;
background-repeat: no-repeat;
float: left;
}
.footer p {
margin-top: 5px;
margin-left: -20px;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #999;
font-weight: lighter;
margin: 10px 0 0 0;
}
img {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

.wrap .bodycolumnwrap .bodywrap bodywrap img  {
margin-right: 10px;
margin-left: -5px; }

a:link {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
text-decoration: none;
}
a:visited {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
text-decoration: none;
}
a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
padding: 0;
text-decoration: underline;
}
a:active {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
color: #064280;
text-decoration: none;
}

.body1 h1 a:link, .body4 h2 a:link {
font-family: Verdana, Geneva, sans-serif;
color: #5d8cb0;
font-size: 12px;
}
.body1 h1 a:visited, .body4 h2 a:visited {
font-family: Verdana, Geneva, sans-serif;
color: #5d8cb0;
font-size: 12px;
}
.body1 h1 a:hover, .body4 h2 a:hover {
font-family: Verdana, Geneva, sans-serif;
color: #5d8cb0;
font-size: 12px;
text-decoration: underline;
}
.body1 h1 a:active, .body4 h2 a:active {
font-family: Verdana, Geneva, sans-serif;
color: #5d8cb0;
font-size: 12px;
}
.footer2 h6 img, .footer2 h6 img a:link, .footer2 h6 img a:hover {
vertical-align: top;
background-color: #F4F8F9;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.column1 p {
}