/* standard body style */
body {
	font-family: Trebuchet, Verdana, sans-serif;
	color: #575759;
	background: url('../images/background.gif') no-repeat;
	background-position:right;
	margin:0;
}

h1 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:38px;
margin:10px 0 20px 0;
letter-spacing:2px;
}

#page {
width:800px;
padding-left:100px;
background-color:#fff;
}

#header {
background-position:bottom left;
height:151px;
}

#logo {
background: url('../images/logo.png') no-repeat;
position:absolute;
z-index:1002;
width:247px;
height:155px;
margin-top:10px;
}

#header ul {
margin:0 10px 0 0;
padding:0;
list-style:none;
float:right;
margin-top:121px;
width:540px;
}

#header ul li {
float:left;
margin-left:10px;
padding: 0;
color:#fff;
cursor:pointer;
height:30px;
overflow:hidden;
font-size:12px;
width:80px;
}

#header ul li.contact {
width:110px;
}

#header ul li a {
width:50px;
}

#header ul li.contact a {
width:80px;
}

#header ul li:hover, #header ul li.active {
margin-top:-5px;
height:35px;
}

#header ul li.inactive a {
color:#fff;
text-decoration:none;
height:30px;
line-height:30px;
display:inline-block;
float:left;
text-align:center;
}

#header ul li.active a {
color:#fff;
text-decoration:underline;
height:30px;
line-height:30px;
display:inline-block;
float:left;
text-align:center;
}


#header ul li a:hover {
text-decoration:underline;
color:#FFF;
}

#header ul li .left {
width:15px;
height:35px;
display:block;
float:left;
} 

#header ul li .right {
width:15px;
height:35px;
display:block;
float:right;
} 



#header ul li#tab-home .left {
background:  #fff url('../images/tabs/tab1-L.gif') no-repeat;
} 

#header ul li#tab-home .right {
background: #fff url('../images/tabs/tab1-R.gif') no-repeat;
} 

#header ul li#tab-home {
background-color:#1a1a1a;
}



#header ul li#tab-about .left {
background:  #fff url('../images/tabs/tab2-L.gif') no-repeat;
} 

#header ul li#tab-about .right {
background: #fff url('../images/tabs/tab2-R.gif') no-repeat;
} 

#header ul li#tab-about {
background-color:#222222;
}


#header ul li#tab-about .left {
background:  #fff url('../images/tabs/tab2-L.gif') no-repeat;
} 

#header ul li#tab-about .right {
background: #fff url('../images/tabs/tab2-R.gif') no-repeat;
} 

#header ul li#tab-about {
background-color:#222222;
}




#header ul li#tab-print .left {
background:  #fff url('../images/tabs/tab3-L.gif') no-repeat;
} 

#header ul li#tab-print .right {
background: #fff url('../images/tabs/tab3-R.gif') no-repeat;
} 

#header ul li#tab-print {
background-color:#1e1e1e;
}



#header ul li#tab-web .left {
background:  #fff url('../images/tabs/tab4-L.gif') no-repeat;
} 

#header ul li#tab-web  .right {
background: #fff url('../images/tabs/tab4-R.gif') no-repeat;
} 

#header ul li#tab-web  {
background-color:#0a0a0a;
}




#header ul li#tab-contact .left {
background:  #fff url('../images/tabs/tab5-L.gif') no-repeat;
} 

#header ul li#tab-contact .right {
background: #fff url('../images/tabs/tab5-R.gif') no-repeat;
} 

#header ul li#tab-contact {
background-color:#000000;
}



#header ul li.active .left {
background: url('../images/nav-left.jpg') no-repeat;
width:15px;
height:35px;
display:block;
float:left;
} 

#header ul li.active .right {
background: url('../images/nav-right.jpg') no-repeat;
width:15px;
height:35px;
display:block;
float:right;
} 

.banner {
height:295px;
width:800px;
background-position:top right;
background-repeat:no-repeat;
text-align:right;
}

.banner img {
margin:0;
z-index:0;
}

.banner#home {
background-image: url('../images/banner-webdesign.jpg');
}

.banner#about {
background-image: url('../images/banner-about.jpg');
}

.banner#print-design {
background-image: url('../images/banner-brochures.png');
}

.banner#web-design {
background-image: url('../images/banner-webdesign.jpg');
}

.banner#contact {
background-image: url('../images/banner-contact.jpg');
}

.banner#advertising {
background-image: url('../images/banner-advertising.jpg');
}

.banner#brochure-design {
background-image: url('../images/banner-brochure-design.jpg');
}

.banner#marketing {
background-image: url('../images/banner-marketing.jpg');
}

.banner#logo-design {
background-image: url('../images/banner-logos.jpg');
}

.banner#packaging-design {
background-image: url('../images/banner-packaging-design.jpg');
}

.banner#exhibition-stand-design {
background-image: url('../images/banner-exhibition.jpg');
}

.banner#website-design {
background-image: url('../images/banner-webdesign.jpg');
}

.banner#web-development {
background-image: url('../images/banner-web-development.jpg');
}

.banner#ecommerce {
background-image: url('../images/banner-ecommerce.jpg');
}

.banner#packaging-design {
background-image: url('../images/banner-packaging.jpg');
}



.banner#blog {
background-image: url('../images/banner-blog.jpg');
}

.banner#socialmedia {
background-image: url('../images/banner-social.jpg');
}


.banner#emailmarketing {
background-image: url('../images/banner-email.jpg');
}


.banner#webbanners {
background-image: url('../images/banner-webbanners.jpg');
}


.banner#flash {
background-image: url('../images/banner-presentations.jpg');
}



#content {
margin:20px 0 37px 0;
min-height:301px
}

#content #left {
width:490px;
border-right:1px #B1B3B4 solid;
font-size:12px;
line-height:18px;
padding: 0 25px 0 10px;
float:left;
}

#content #left a {
font-weight:bold;
color:#575759;
text-decoration:none;
}

#content #right {
float:right;
width:230px;
padding: 0 20px 0 20px;
font-size:11px;
}

#content #right ul.nav {
list-style:none;
font-size:12px;
height:20px;
line-height:20px;
margin:0;
padding:0;
}

#content #right ul.nav li a {
color:#575759;text-decoration:none;
padding-left:20px;
}

#content #right ul.nav li a:hover {
text-decoration:underline;
background: url('../images/nav-side.jpg') no-repeat;
background-position:left center;
}

h2 {
font-size:20px;
font-weight:normal;
margin:10px 0 14px 0;
font-family:"Times New Roman", Times, serif;
}

h3 {
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:35px;
margin:3px 0 0 0;
}

#content #right.quote p {
font-size:16px;
line-height:22px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
color: #575759;
margin: 0 0 5px 0;
}

#content #right.quote {
font-size:13px;
color:#D10019;
}

#footer {
clear:both;
height:115px;
width:800px;
background: #BDBEBF url('../images/footer.png') no-repeat;
background-position:top left;
padding-top:15px;
}

#footer #footer-left {
width:155px;
float:left;
border-right:1px #A0A0A1 solid;
}

#footer #footer-left ul {
margin:5px 0 0 20px;
padding:0;
list-style:none;
font-size:11px;
}

#footer #footer-left ul li {
height:20px;
}

#footer #footer-left ul li a {
text-decoration:none;
color:#fff;
padding-left:15px;
}

#footer #footer-left ul li a:hover {
font-weight:bold;
background: url('../images/nav-footer-over.gif') no-repeat;
bakcground-position:left middle;
}

#footer #middle {
width:270px;
float:left;
border-right:1px #A0A0A1 solid;
padding:0 0 10px 10px;
height:80px;
}

#left.contact p {
clear:both;
display:block;
height:30px;
}

#left.contact input[type=text] {
width:319px;
height:25px;
float:left;
background-color:#E2E2E2;
border:0;
padding: 0 10px;
font-size:12px;
color: #575759;
}

#left.contact textarea {
background-color:#E2E2E2;
width:319px;
height:30px;
border:0;
overflow:auto;
resize:none;
padding: 10px;
font-size:12px;
color: #575759;
float:left;
}

#left.contact label {
width:77px;
display:block;
float:left;
font-weight:bold;
}

#left.contact input[type=submit] {
background-color:#D10019;
width:64px;
height:50px;
border:0;
color:#fff;
float:right;
}

.sharethis {
margin-bottom:20px;
}

.sharethis a {
color:#fff;
font-size:11px;
text-decoration:none;
}

span.grey {
color:#7C7E81;
}