body { 
background: #7d7d7d url(../layout/repeat.jpg) repeat-x;
cursor: default; 
overflow: auto;
margin: 0px;
padding: 0px;
}

a {text-decoration: none; cursor: default; }
td {margin: 0px; padding: 0px;}
tr {margin: 0px; padding: 0px;}
.right {float: right; padding: 2px; margin: 2px; background: #e2e2e2; }

.alignright {text-align: right;}
/*---------------------------------------------------
Textpattern Plugin Related
-----------------------------------------------------*/

#text blockquote {
background: #d5f0f8; 
padding: 2px 0px 0px 4px; 
}

.zemContactForm fieldset {
border: none; 
   border-top: 1px dotted #ccdbf0;
   border-bottom: 1px dotted #ccdbf0;
   padding-bottom: 1em;
}
.zemContactForm legend {
padding: 1px 2px 1px 2px;
width: 150px; 
color: #fedb43; 
font-weight: bold;  
text-transform: uppercase; 
   }
.zemContactForm label {
float: left;
width: 80px;
margin: 0px 0px 0px 0px;
text-align: left; 
font-weight: bold; 
color: #747474; 
   }
.zemContactForm br {
clear: left;
   }
.zemContactForm #zemSubmit {
margin: 0.5em 0 0 70px;
   }
.zemContactForm input, select, option {
color: #4594dc;
font: 12px sans-serif;
padding: 0px;
margin: 3px 0px 3px 0px; 
border: 1px solid #a9a9a9; 
letter-spacing: 0.3ex; 
}

.zemContactForm select, option {
width: 150px; 
}


/*---------------------------------------------------
Wraps and Header Wrap Info
-----------------------------------------------------*/

div#mainwrap {
width: 100%; 
}

div#childwrap {
width: 759px; 
margin: 0 auto; 

}

div#header1 {
background: url(../layout/banner.jpg) top no-repeat;
width: 759px;
height: 202px; 
}

div#contentwrap {
background: url(../layout/content.jpg) top repeat-y;
width: 759px; 

}

div#content {
background: url(../layout/contentwrap.jpg) top left no-repeat;
width: 759px; 
min-height: 534px; 
}

#content:after { 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#content { 
display: inline-block;
} 

/* Hides from IE Mac \*/
 * html #content {height: 1%;} 
        #content {display:block;} 
/* End Hack */ 


.clear {clear: both; display: block; }
.clearleft {clear: left;}
.clearright {clear: right;}
/*---------------------------------------------------
Index Information
-----------------------------------------------------*/

div#index p { 
padding: 0px 4px 3px 3px; 
color: #424449; 
font: 11.3px verdana; 
line-height: 16px; 
text-align: justify; }

div#index li {
list-style-image: url(../layout/vebotix_list.gif); 
color: #252044; 
font: 11.3px verdana; 
line-height: 23px; 
}

div#index ul {
margin: 0px 0px 0px 30px; 
padding: 0px 0px 0px 0px; 
}

.sideboxblue {
background: url(../layout/box-sideblue.jpg) top right no-repeat;
width: 232px; 
height: 345px; 
float: left; 
}

div.customer {
background: url(../layout/box-customerlogin.jpg) top no-repeat;
width: 294px; 
height: 154px; 
float: left; 
}

div.image1 {
background: url(../layout/image.jpg) top no-repeat;
width: 213px; 
height: 149px; 
float: right; 
}

div#popular {
background: url(../layout/box-popular.jpg) top no-repeat;
width: 508px; 
height: 192px; 
float: left; 
text-align: center; 
}

div#popular a {
display: block; 
width: 169px; 
height: 148px; 
text-decoration: none; 
}

div#popular span { visibility: hidden; }

div.pop-box {
background: url(../layout/box-minipopular.jpg) top center no-repeat;
width: 169px; 
height: 148px; 
margin: 35px 0px 0px 0px; 
float: left; 
text-align: center;
}

div#pop-box1 {
background: url(../layout/box-minipopular1.jpg) top center no-repeat;
width: 169px; 
height: 148px; 
margin: 35px 0px 0px 0px; 
float: left; 
text-align: center;
}

div#pop-box2 {
background: url(../layout/box-minipopular2.jpg) top center no-repeat;
width: 169px; 
height: 148px; 
margin: 35px 0px 0px 0px; 
float: left; 
text-align: center;
}

div#pop-box3 {
background: url(../layout/box-minipopular3.jpg) top center no-repeat;
width: 169px; 
height: 148px; 
margin: 35px 0px 0px 0px; 
float: left; 
text-align: center;
}

div#latest {
background: url(../layout/box-latestaddition.jpg) top no-repeat;
width: 741px; 
height: 189px; 
float: left; 
}

div.latestimages {
margin: 45px 0px 0px 10px; 
float: left; 
}


div.latestside {
margin: 40px 0px 0px 0px; 
width: 145px; 
border-left: 1px solid #fff; 
float: right; 
}

/*---------------------------------------------------
Titles
-----------------------------------------------------*/

#welcome {
background: url(../layout/title-welcome.jpg) top no-repeat;
width: 759px; 
height: 37px; 
}

#business {
background: url(../layout/title-business.jpg) top no-repeat;
width: 759px; 
height: 37px; 
}

#contact {
background: url(../layout/title-contact.jpg) top no-repeat;
width: 759px; 
height: 37px; 
}

#products {
background: url(../layout/title-products.jpg) top no-repeat;
width: 759px; 
height: 37px; 
}

#showcase {
background: url(../layout/title-showcase.jpg) top no-repeat;
width: 759px; 
height: 37px; 
}

/*---------------------------------------------------
Showcase Divs
-----------------------------------------------------*/

.showcase-image img {
margin: 2px;
padding: 3px; 
background: url(../layout/showcase-gradient.jpg) top left repeat;
border: 1px solid #a6c3ea; 
}

.showcase-image {
float: left;}

.showcase-metas { 
float: left; 
margin-left: 2px; }

.showcase-metas span { 
background: url(../layout/showcase-gradient.jpg) center repeat;
width: 120px; 
height: 13px; 
border: 1px solid #a6c3ea; 
padding: 2px; 
margin: 2px; 
}

.showcase-image span { 
background: #000;  
width: 138px; 
text-align: center; 
background: url(../layout/showcase-info.jpg) top center no-repeat; 
height: 15px; 
display: block; 
font: bold 11.3px arial; 
text-transform: uppercase; 
margin-left: 2px; 
}

.showcased {
background: url(../layout/showcase-bottom.jpg) bottom right no-repeat;
width: 740px; 
height: 200px; 
color: #a3a3a3; 
letter-spacing: 0.06em; 
text-align: justify;
}

.showcased .indent {
margin: -10px 0px 0px 0px; 
text-indent: 40px; 
}

.showcased a {font-weight: bold; text-transform: uppercase;}

.showcased2 {
background: url(../layout/showcase-bottom.jpg) bottom right no-repeat;
width: 740px; 
}

.showcase-personal {
background: url(../layout/showcase-personal.jpg) top right  no-repeat;
width: 740px; 
height: 37px; 
}

.showcase-commission {
background: url(../layout/showcase-commissioned.jpg) top right  no-repeat;
width: 740px; 
height: 37px; 
}

.showcase-professional {
background: url(../layout/showcase-professional.jpg) top right  no-repeat;
width: 740px; 
height: 37px; 
}

.showcase-creative {
background: url(../layout/showcase-creative.jpg) top right  no-repeat;
width: 740px; 
height: 37px; 
}


/*---------------------------------------------------
Some Layout Boxes for Navigation
-----------------------------------------------------*/

#extendblue {
background: url(../layout/box-extendblue.jpg) top right no-repeat;
width: 740px; 
height: 108px; 
}

#extendblue h4 {
margin: 0px 0px 0px 0px; 
padding: 4px 0px 0px 25px; 
font: 14pt sans-serif; 
letter-spacing: 0.03em;  
color: #2459af; 
}

.orangemini {
background: url(../layout/box-orangemini.jpg) top no-repeat;
width: 169px;
height: 108px; 
float: left;}

div#orange a {
display: block; 
width: 169px; 
height: 108px; 
text-decoration: none; 
}

div#orange span { visibility: hidden; }

.orangemini-consulting {
background: url(../layout/box-orange-consulting.jpg) top no-repeat;
width: 169px;
height: 108px; 
float: left;}

.orangemini-graphics {
background: url(../layout/box-orange-graphics.jpg) top no-repeat;
width: 169px;
height: 108px; 
float: left;}

.orangemini-services {
background: url(../layout/box-orange-services.jpg) top no-repeat;
width: 169px;
height: 108px; 
float: left;}

.orangemini-websites {
background: url(../layout/box-orange-websites.jpg) top no-repeat;
width: 169px;
height: 108px; 
float: left;}

#extendblue p { 
padding: 0px 5px 0px 5px; 
line-height: 15px; 
font: 11px verdana; 
color: #f3961e; }

.spacer0 { width: 85px; height: 108px; float: left;}
.spacer1 { width: 40px; height: 108px; float: left;}
.spacer00 { width: 10px; height: 108px; float: left;}
.spacer2 { width: 15px; height: 108px; float: left;}

ul#plisting {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

ul#plisting li {
list-style-image: url(../layout/vebotix_list.gif); 
color: #252044; 
font: 11.3px verdana; 
line-height: 23px; 
}

#sidebox-grey {
margin: 10px 0px 0px 0px; 
padding: 3px 0px 0px 4px; 
background: #f1f1f1; 
border: 1px solid #c4c4c4; 
width: 150px; 
float: left; 
}

#sidebox-grey ul { 
margin: 0px 0px 0px 20px; 
padding: 0px 0px 0px 0px; 
}

#sidebox-grey li {
list-style-image: url(../layout/vebotix_list.gif); 
color: #252044; 
font: bold 11.3px verdana; 
line-height: 23px; 
}

#sidebox-subtop {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border-bottom: 1px dotted #fec008;
height: 20px; 
}

#sidebox-subtop ul { 
margin: 0px 0px 0px 20px; 
padding: 0px 0px 0px 0px; 
}

#sidebox-subtop li {
list-style-image: url(../layout/vebotix_list.gif); 
color: #252044; 
font: bold 11.3px verdana; 
line-height: 23px; 
width: 130px; 
float: left; 
}


/*---------------------------------------------------
Footer Information
-----------------------------------------------------*/
#footerwrap {
background: url(../layout/footrepeat.jpg) top left repeat-x; 
}

#footer {
background: url(../layout/footer.jpg) top left no-repeat;
width: 759px; 
height: 149px; 
margin: 0 auto; 
}

#footer input {
background: #111213;
border: 1px solid #000; 
color: #fff; 
font: 11.3px verdana; 
}

.copy { 
color: #fff; 
text-align: right; 
padding: 4px 0px 0px 3px; 
font: 11px tahoma; 
letter-spacing: 0.05em;
text-transform: uppercase;  
}

#footerlist ul {
margin: 10px 0px 0px 40px; 
padding: 0px 0px 0px 0px; 
float: left; 
border-right: 1px solid #424549; 
width: 140px;
}

#footerlist li {
list-style-image: url(../layout/vebotix_list2.png); 
color: #252044; 
font: 11.3px verdana; 
line-height: 17px; 
}

#footerlist lh { 
font: bold 12px arial; 
text-transform: uppercase; 
color: #fec008;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#footerlist a:active {color: #8baad4;}
#footerlist a:link {color: #8baad4;}
#footerlist a:visited {color: #8baad4;}
#footerlist a:hover {color: #fff;}



/*---------------------------------------------------
Main Content Elements
-----------------------------------------------------*/

#text { 
width: 740px; 
color: #111213; 
font: 9pt arial, serif sans-serif, tahoma, verdana; 
text-align: justify; 
line-height: 22px; 
padding: 0px 0px 0px 8px; 
letter-spacing: 0.001em; 
}

.textindent {padding: 0px 0px 0px 5px; width: 730px; }

#text h1 { 
color: #5c78a7; 
font: 20pt "arial narrow"; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
letter-spacing: 0.001em;
}

#text h2 { 
color: #83a2d4; 
font: 14pt arial; 
letter-spacing: 0.03em;  
margin: 0px 0px 0px 0px;
padding: 0px 0px px 0px; 
letter-spacing: 0.001em;
}

#text h3 {
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 5px; 
font: bold 14px arial; 
color: #f89e33; 
text-transform: uppercase; 
}

#text i {color: #938e8e; }
#text p {text-indent: 5px; margin: 5px 0px 10px 0px;}

#text b {color: #000;}
#text strong {color: #f89e33;}
#text a { }

#text a:visited{ color:#5f7bab;}
#text a:link { color:#5f7bab; }
#text a:active { color:#5f7bab;}
#text a:hover { color:#4c4e52;}

/*---------------------------------------------------
Main Navigation Information
-----------------------------------------------------*/

#head2 {
width: 759px;
height: 78px;
}

#head2_navi { 
}

#head2_navi ul{
padding: 0px; margin: 0px;
}

#navi {
background: transparent url(../layout/navigation.jpg) top right no-repeat;
margin: 0;
padding: 0;
position: relative;
width: 759px; 
height: 78px; 
}

#navi li {
display: block; 	
list-style: none;
margin: 0;
padding: 0;
position: absolute;
}

#navi a { 
display: block; 
height: 60px;
text-decoration: none;
}

#navi span { 
font-size: 1.0em;
visibility: hidden; 
}

#link1 {
top: 13px;
left: 19px;
width: 258px; 
}

#link2 {
top: 13px;
left: 296px;
width: 90px;
}

#link3 {
top: 13px;
left: 416px;
width: 90px;
}

#link4 {
top: 13px;
left: 537px;
width: 96px;
}

#link5 {
top: 13px;
left: 663px;
width: 77px;
}
#link1 a:hover { background: url(../layout/navigation.jpg) -19px -91px no-repeat; }
#link2 a:hover { background: url(../layout/navigation.jpg) -296px -91px no-repeat;}
#link3 a:hover { background: url(../layout/navigation.jpg) -416px -91px no-repeat;} 
#link4 a:hover { background: url(../layout/navigation.jpg) -537px -91px no-repeat;}
#link5 a:hover { background: url(../layout/navigation.jpg) -663px -91px no-repeat;}

/*---------------------------------------------------
LightBox Javascript
-----------------------------------------------------*/

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

#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: transparent url(../layout/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../layout/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../layout/lightbox/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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}