@charset "utf-8";
/* CSS Document */

body { 
font-family: tahoma, helvetica, sans-serif;  
font-size: 12px; 
color: #202020; 
background-image: url(images/background.jpg);
background-repeat: repeat-x;
background-color: #a4a4a4;
margin: 0px;
line-height: 1.5;
text-align: left; }

div#award {
border: 2px #990000 dotted;	
padding: 20px 20px;
line-height: 1.5;
margin-top: 30px;
background-color: #f4f4f4;
height: 320px;
}

.awardimg {
border: 0px;
margin-left: 35px;
}

h1 {
font-size: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
}


a { 
color: #202020; }

a:hover { 
color: #800000; 
text-decoration: none; }

.mainhead {
font-size: 15px;
color: #800000;
font-family: Tahoma, Geneva, sans-serif;
font-weight: 600;
}

.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}


/* START NAVIGATION */

#header_home {
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
width: 961px; 
background-image: url(images/bannerhome.jpg); 
background-repeat: no-repeat; 
height: 230px;	
}

#header {  
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
width: 961px; 
background-image: url(images/bannerinterior.jpg); 
background-repeat: no-repeat; 
height: 142px; }

.social {
text-align: right;
padding: 10px;
}

#navbar { 
margin-left: auto; 
margin-right: auto; 
margin-top: 0px;
padding-top: 0px;
width: 961px; 
background-image: url(images/navigation.gif); 
background-repeat: no-repeat; 
background-color: #000; 
height: 80px;
}

#navlist {
margin-top: 0px;
padding-top: 5px;
padding-bottom: 2px;
margin-bottom: 0px;
}

#navlist li
{
display: inline;
list-style-type: none;
padding-right: 15px;
padding-left: 15px;
padding-top: 0px;
padding-bottom: 0px;
border-right: 1px #800000 dotted;
margin-right: auto;
margin-left: auto;
}

#navlist li a { color: #990000; 
font-family: tahoma, arial; 
font-size: 14px; 
text-decoration: none; 
font-weight: normal; 
line-height: 1.0;
}

#navlist li a:hover { 
color: #ffffff; 
font-family: tahoma, arial; 
font-size: 14px; 
text-decoration: none; 
font-weight: normal 
}

#noborder {
border: 0px!important;	
}

#leftjust {
padding-left: 35px;	
}

div.navbottom {	
margin-top: 0px;
padding-top: 0px;
margin-left: 80px;
color: #ffffff; 
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
height: 50px;
}

div.navbottom a { 
text-decoration: none;
color: #ffffff;
line-height: 1.0;
}

div.navbottom a:hover {
color: #ccc;	
}

div.navbottom img {
padding-right: 10px;
padding-top: 0px;
position: relative;
top: -12px;
}

div.icon { 
float: left; 
width: 160px;
height: 50px;
padding-left: 10px;
padding-right: 50px;
padding-top: 17px;
margin-top: 0px;
position: relative;
overflow: hidden;
}

/* END NAVIGATION */

/* START SIDEBAR*/

div#ebook {
background-image: url(images/free_ebook.gif);
background-repeat: no-repeat;
width: 325px;
height: 500px;
float: right;
position: relative;
right: -20px;
top: -20px;
}

div#ebook h2 {
color: #800000; font-size: 17px; font-family: Tahoma, Arial, Verdana; margin-top: 157px; margin-left: 105px; font-weight: 700;
}

div#ebook p {
color: #444; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin-top: -8px; margin-left: 105px; margin-right: 30px; line-height: 1.5;
}

div#ebook form {
padding: 10px 0px 0px 10px;	
}

.email {
font-size:12px; border:1px solid #000000;; font-family:Tahoma; color:#800000;
}

.getitnow {
border: 1px solid #000000; font-family:Tahoma; font-size:12px;color:#FFFFFF; background-color: #333333;	
}

/* END SIDEBAR */


/* START MAIN CONTENT */

#mainwrapper  { 
background-color: #ffffff; 
border: 0px; 
padding-top: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
margin-bottom: 0px; 
width: 961px; 
}

#main {
padding: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #000;
background-color: #fff;
text-align: left;
}

#main_home {
padding: 20px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
color: #000;
background-color: #dcdcdc;
text-align: left;	
}

/* END MAIN CONTENT */

#footer { 
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
width: 961px; 
background-image: url(images/footer2.gif); 
background-repeat: no-repeat; 
height: 55px; 
background-position: bottom left; 
background-color: #fff; 
border: 0px;
padding-top: 10px;
text-align: center;
font-family: Tahoma, Geneva, sans-serif; 
font-size: 13px; 
color: #fff;
clear: both;
}

#footer_home {
margin-left: auto; 
margin-right: auto; 
margin-top: 0px; 
width: 961px; 
background-image: url(images/footer_home.gif); 
background-repeat: no-repeat; 
height: 55px; 
background-position: bottom left; 
background-color: #dcdcdc;
border: 0px;
padding-top: 10px;
text-align: center;
font-family: Tahoma, Geneva, sans-serif; 
font-size: 13px; 
color: #fff;
clear: both;	
}

#footer p{
margin-top: 28px;	
}

#footer_home p {
margin-top: 28px;
}

#footer a, #footer_home a {
color: #fff;
text-decoration: none;
}

#footer a:hover, #footer_home a:hover {
color: #ccc;	
}

/* START HOME PAGE*/

div#homepagelink {
border: 0px;
padding: 0px;
position: relative;
bottom: -45px;
left: 622px;
width: 319px;
margin: 0px;
}


div#mainleft {
width: 60%;
float: left;
background-color: #dcdcdc;
padding-left: 20px;
padding-right: 20px;
}

div#mainright {
width: 300px;
float: right;
background-color: transparent;
border-left: 0px #800000 dotted;
padding-left: 20px;
}

div.follow {
width: 230px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

div.follow img {
padding-left: 5px;	
}

div.wordpress {
margin-top: 0px;
padding: 00px 0px 0px 0px;
width: 300px;
}


/* END HOME PAGE*/


/* START SERVICES PAGE */

ul.servicelist {
list-style-image: url(images/bulletred.gif);	
}

ul.servicelist li {
padding-left: 5px;	
}

a.servicebutton {
display: block;
background-color: transparent;
background-image: url(images/button.gif);
background-repeat: no-repeat;
width: 342px;
height: 32px;
margin: 0px;
padding: 6px 0px 5px 40px;
font-family: Tahoma, Arial, Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #800000;
}

a.servicebutton:link, a.servicebutton:visited {
color: #800000;
}
a.servicebutton:hover, a.servicebutton:active {
color: #000;
}

div.line { 
background: #fff url(images/line.gif) repeat-x center;
width: 100%;
height: 5px;
padding-top: 20px;
}

div.line hr, div.line2 hr, div.line3 hr, div.line-home hr {
display: none;	
}

div.line2 { 
background: #fff url(images/line.gif) repeat-x center;
width: 590px;
height: 5px;
padding-top: 20px;
}

div.line-home { 
background: #fff url(images/line-home.gif) repeat-x center;
width: 100%;
height: 5px;
padding-top: 0px;
margin-top: 20px;
}

table.logodesign {
width: 100%;
color: #000;
line-height: 1.0;
}

table.logodesign td {
border-bottom: 1px #800000 dotted;	
}

table.marketing {
width: 50%;
color: #000;
line-height: 1.0;
}

table.marketing td {
border-bottom: 1px #800000 dotted;	
}

a.returnlink {
font-size: 11px;
color: #800000;
} 

a.returnlink:hover {
text-decoration: none;
}

/* END SERVICES PAGE */

/* START COMPANY PAGE */

div.listen {
background-color: transparent;
background-image: url(images/listen-back.gif);
background-repeat: no-repeat;
width: 300px;
height: 260px;
float: right;
margin-top: 50px;
padding: 10px 10px 10px 20px;
}

p.redtext, .red {
color: #800000;
}

img.angela {
margin: 10px 0px 5px 10px;
clear: both;
border: 1px #000 solid;
}

div.line3 { 
background: #fff url(images/line.gif) repeat-x center;
width: 795px;
height: 5px;
padding-top: 20px;
float: right;
margin-bottom: 20px;
margin-top: 30px;
}

/* END COMPANY PAGE */

/* START RESOURCES PAGE*/

ul.resourcelist {
list-style-image: url(images/bulletred.gif);	
}

ul.resourcelist li {
padding-left: 5px;
padding-bottom: 15px;
}

/* END RESOURCES PAGE */

/* START ARTICLES PAGES */

div.printer { 
width: 250px;
height: 80px;
float: right;
position: relative;
right: -40px;
top: 0px;
text-align: center;
}

div.printer img {
text-decoration: none;	
border: 0px;
}

/* END ARTICLES PAGES */

/* START PORTFOLIO PAGE */

div#slideshow {
margin-left: auto;
margin-right: auto;
width: 600px;
background-color: #000;
background-image: url(portfolio/slideshow-bg.gif);
background-position: top right;
background-repeat: no-repeat;
padding: 65px 10px 10px 10px;
color: #800000;
}

div#slideshow img {
border: none;	
}

div#slideshow a {
outline: none;	
}

ul.portfolio {
margin-left: 0px;
padding-left: 5px;
}

ul.portfolio li {
display: inline;
margin-right: 5px;
}

div#stationery, div#web, div#corporate {
text-align: center;	
}

div#stationery a, div#stationery a:hover {
text-decoration: none;
border: 0px;
color: #000;
}

img.stat, img.web {
border: 0px;
margin: 10px;
}

img.bus {
border: 0px;
margin: 10px 15px 10px 15px;
}


/***************************LIGHTBOX*****************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
*/
/******************************END LIGHTBOX********************************/

/* END PORTFOLIO PAGE */

/* START QUOTE PAGE */

table.qouteform {
	
}

/* END QUOTE PAGE */

/* START HOSTING PAGE */

table#hosting-table td {
background-color: #f5f5f5;
color: #000;
text-align: right;
border: 0px;
}

td.hosting-table-left {
text-align: left!important;	
}

td.hosting-table-top {
background-color: #fff!important;
color: #800000!important;
border-bottom: 1px #800000 dotted!important;
}

/* END HOSTING PAGE*/

/* START MAINTENANCE PAGE */

table#maintenance-table {
width: 580px;
line-height: 1.15;
}

table#maintenance-table td {
border: 1px #333 solid;	
font-size: 12px;
}

td.maintenance-table-top {
background-color: #800000;
color: #fff;
}

p.footnote {
font-size: 11px;	
}

div.maintenance-left {
width: 45%;
float: left;
background-color: #fff;
padding-bottom: 20px;
}

div.maintenance-left ul, div.maintenance-right ul {
line-height: 1.15;
}

div.maintenance-right {
width: 50%;
float: right;	
background-color: #fff;
line-height: 1.15;
padding-left: 10px;
padding-bottom: 20px;
}

/* END MAINTENANCE PAGE */


/* START CLIENTS PAGE */

p.clients-mainhead {
font-size: 15px;
color: #800000;
font-weight: bold;
}

ul.clients-list {
line-height: 18px;	
font-weight: bold;
}

ul.clients-list li {
list-style-image: url(images/bulletred.gif);
}

/* END CLIENTS PAGE*/

/* START BLOGS PAGE */
.mini {
font-size: 11px;	
}

div.plugins {
background-color: #f1f1f1;
width: 550px;
border: 1px #990000 dotted;
padding: 10px;
}

p.plug {
margin: 5px;
font-weight: bold;
}

p.plug a:hover {
cursor: pointer;	
}

.plug img {
margin-right: 5px;	
}

table#blogs {
width: 700px;	
}

table#blogs td {
width: 30%;	
}

/* END BLOGS PAGE */