/* ELEMENTS*/
body { 
  background:url(images/body_bg.gif) repeat-x; font-size:62.5%; font-family:Georgia, "Times New Roman", serif; 
  padding:0; margin:0; text-align:center; 
} 
/*=IDS*/
#container { width:600px; margin:25px auto; text-align:left; }
#feat { background:#fff; width:405px; height:170px; border:6px solid #eda145; }
#tag { position:relative; background:#D4DD82 url(images/tagline.gif) 10% 16px no-repeat; display:block; height:50px; width:600px; border-bottom:1px solid #B4A390}
#arrow { position:absolute; top:50px; left:125px; background:url(images/current_bg.gif) no-repeat; display:block; height:9px; width:17px; z-index:120;}
#features { padding:10px; }    
#showcase { 
  height:60px; padding:10px;
  margin:0; background:#482112 url(images/mid_bg.gif) left bottom no-repeat;  
}
#mainContent { background:url(images/primaryBg.gif) repeat-y;  margin:0; padding:20px; z-index:200}
#description { float:left; width:45%; }
#services { float:right; width:25%;}
#subContent { 
  position:relative; width:580px; padding:10px; 
  background:#EDA145 url(images/low_bg.gif) repeat-x; 
}
#company { float:right; margin:10px 10px 0 0; width:40%; }
#footer { background:#D4DD82; padding:10px; width:580px; }
#send { 
  background:url(images/send.gif) no-repeat; display:block; width:122px; height:32px; text-indent:-9999px;
  margin:10px 0 0; padding:0; border:none; cursor:pointer; 
}
#webprojects, #printprojects, #logoprojects {
	background:#fff; position:absolute; top:400px; left:0;
	width:380px; height:130px; padding:10px;
	opacity: 0.85; MozOpacity: 0.85; KhtmlOpacity: 0.85; filter:alpha(opacity=85);
	border-top:8px solid #f9f4cc; 
}

/*=HEADERS*/
#showcase h2 { font-size:2.8em; font-weight:normal; margin:20px 0 0 10px; color:#fff; }
#mainContent h2 { font:1.8em Georgia, "Lucida Grande", serif; margin:0; padding:0; color:#482112; }
#mainContent h3 { font:1.6em Helvetica, "Lucida Sans", verdana, sans-serif; color:#482112; font-weight:bold; letter-spacing:-.5px;}

/*=IMAGES*/
#services img { float:right; padding:2px; border:1px solid #ccc; background:#fff; margin:10px 0 10px 10px; }

/*=PARAGRAPHS*/
p { font-size:1.2em; }
#showcase p {  margin-left:100px; font:1.2em verdana, arial, sans-serif; color:#fff }
#mainContent p { font:1.2em Helvetica, "Trebuchet MS", sans-serif; line-height:1.6em;}
#brief { margin:-10px 0 0 }
#company p { color:#482112; font:1.2em helvetica, "Lucida Sans", verdana, sans-serif; line-height:1.4em; margin:0;}


/*=LINKS*/
#mainContent p a { color:#482112; text-decoration:none; border-bottom:1px solid #eda145; }
#mainContent p a:hover { border-bottom:1px solid #482112; color:#333; background:#d6df84; }
#start a { color:#f9f4cc; }
#showcase a, #start a { font-size:1.2em; }
#company a { color:#d6df84; border-bottom:1px solid #dfd684; text-decoration:none; }
  #company a:hover { color:#482112 }
a.close { position:absolute; top:0; right:0; display:block; text-indent:-9999px; background:url(images/close.gif) no-repeat; width:21px; height:19px;}
.close:focus { outline:none }
#logo { border:none }

/*=LISTS*/

#header ul { margin:-35px 0 0; padding:0; float:right;}
#header li { display:inline; }
#header li a { float:left; margin:0 5px; padding:4px; color:#482112; text-decoration:none; font-size:1.6em; border-bottom:1px solid #d6df84}
#header li a:hover { background:#d6df84; color:#000}

#projects, #subContent ul { padding:0; list-style:none; width:80%; }
#projects li { border-bottom:1px solid #d6df84; }
#projects li a { 
  color:#482112; text-decoration:none; font-family:Helvetica, "Lucida Sans", sans-serif;
  display:block; line-height:1.8em;
}
#projects li a:hover { background:#f9f4cc; }

/*=PORTFOLIO LISTING */
#subContent li { border-bottom:1px solid #f9f4cc; }
#subContent li a {  
  font-size:1.4em; font-family:Helvetica, "Lucida Sans", verdana, sans-serif;
  line-height:2em; padding-left:10px;
  text-decoration:none; color:#f9f4cc; display:block; 
}
#subContent li a:hover { background:#f9f4cc; color:#eda145 }

#services ul { margn:0 0 0 ; padding:0; list-style:none; border-bottom:1px solid #ccc;}
#services li { border-top:1px solid #ccc; font:1.3em Helvetica, verdana, sans-serif; color:#482112; line-height:2em;
}
#services li a { 
	display:block; color:#eda145; padding-left:5px;
	text-decoration:none; height:30px; line-height:2em;
}
#services li a:hover { background-color:#d4dd82; color:#482112}

/*=NAVIGATION*/

.animate { }
.animate:focus { outline:none }


/*=CLASSES*/
.clear { clear:both; height:1px; }

/*=FORMS*/
form { margin:20px 0 0 20px; padding:0; width:80%; }
fieldset { border:none; padding:0; margin:0; }
textarea, input { padding:2px; width:100%; font:1.4em verdana, sans-serif; color:#666; border:1px solid #d6df84}
textarea { height:100px; }
label { display:block; font-size:1.4em; font-weight:bold; color:#482112; margin:5px 0; }
.send { border:none; height:32px; width:122px;}

/*=LIGHTBOX STYLES*/

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;	
	margin:-220px 0 0 -250px;
	border:4px solid #fff;
	padding:10px;
	background:#fff;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;	
}
#lightbox img { border:none }
#lightbox a#close {
     position:absolute; top:0; right:0; 
     display:block; width:25px; height:25px; 
     background:url(images/closeit.gif) no-repeat; text-indent:-9999px;     
}
#lightbox a#close: focus { outline:none }