body {
	background: #a8b2af url(../images/bg-main.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", sans-serif;
}
dt {
    padding: 3px 0px 10px 10px;
    border-top: 1px solid #464646;
    border-left: 1px solid #464646;
	font-size: 11px; 
}

dt a {
   	font-weight:bold;
}


dd {
    padding: 0px 5px 7px 10px;
    border-left: 1px solid #464646;
	font-size: 11px; 
}
.red { color:#FF0000;}

/* ---------- LAYOUT ---------- */
#navigation { position:absolute;  left:0px; top:0px; width:766px; height:80px; background: url(../images/bg-navigation.gif) no-repeat left top; }
#flash-area { position:absolute; left:0px; top:80px; width:766px; height:200px; background: #a8b2af url(../images/bg-billboard.gif) no-repeat left top;  }
#flash { position: absolute; top: 0; left: 35px; background: #315d63; }
#sections { position:absolute; left:0px; top:267px; width:766px; height:83px; background: #a8b2af url(../images/bg-sections.gif) repeat-y left top;  }
#sections-main { position:absolute; left:0px; top:30px; width:766px; height:53px; background: #a8b2af url(../images/bg-sections_main.gif) repeat-y left top;}


body#about #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_about.jpg) no-repeat left top;  }
body#contact #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_contactus.jpg) no-repeat left top;  }
body#career #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_career.jpg) no-repeat left top;  }
body#hosting #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_hosting.jpg) no-repeat left top;  }
body#web-nonprofit #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_web-non.jpg) no-repeat left top;  }
body#portfolio #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_portfolio.jpg) no-repeat left top;  }
body#maintenance #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_maintenance.jpg) no-repeat left top;  }
body#newsroom #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_newsroom.jpg) no-repeat left top;  }
body#it #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_it.jpg) no-repeat left top;  }
body#recent #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_recent.jpg) no-repeat left top;  }
body#progress #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_progress.jpg) no-repeat left top;  }
body#services #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_services.jpg) no-repeat left top;  }
body#who #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_who.jpg) no-repeat left top;  }
body#Web Site #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_Web Site.jpg) no-repeat left top;  }
body#Web Sitedesign #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_Web Sitedesign.jpg) no-repeat left top;  }
body#webdesign #logo-image { position:absolute; left:0px; top:72px; width:766px; height:132px; background: #ffffff url(../images/header_webdesign.jpg) no-repeat left top;  }


#wrapper { width: 766px; margin: 0; padding: 200px 0 0 0; background: #ffffff url(../images/bg-wrapper.gif) repeat-y left top; }
body#home #wrapper { width: 766px; margin: 0; padding: 372px 0 0 0; background: #a8b2af url(../images/bg-wrapper-home.gif) repeat-y left top; }

#what { width: 345px; marging: 0; padding: 0px 0 0 50px; float: left; }
#right_column { width: 330px;  margin: 0px 0 0px 15px; padding: 0; float: left; }
#rprojects { width: 729px; float: left; padding: 0 0 0 50px; }
#rprojects span { margin: 0 5px; }

h5 .rprojects { position: relative; left: 30px; top: 20px; z-index:10}

div#rprojects ul { padding: 0;  list-style-type: none; margin: 9px 30px 0 0;  font-size: 11px;  }
div#rprojects ul li { font-size: 11px; display: inline; margin: 0; padding: 0 0 0 5px;  }
div#rprojects a:link, div#rprojects a:hover, div#rprojects a:visited { border-bottom:none; }

#main-column { width: 420px; margin: 0;  padding: 0 0 0 60px;  float: left; }
#side-column { width: 260px; margin: 0; padding: 10px 0 0 0; float:right; }

#footer {  margin: 0; padding: 0; height: 175px; background: #9aa19f url(../images/bg-footer.gif) no-repeat left top; }
body#home #footer {  margin: 0; padding: 0; background: #9aa19f url(../images/bg-footer-home.gif) repeat-y left top; }


#footer-links { width: 755px; float: left; }
#footer-links span { margin: 0 5px; }

#footer-links p {
	margin: 0;
	padding: 18px 0 10px 48px;
	color: #ccc;
	font-size: 10px;
	letter-spacing: 1px;
}

/* ---------- LINKs ---------- */
a:link { color: #256063; text-decoration: none; border-bottom: 1px dotted #de7008; }
a:visited { color: #256063; text-decoration: none; border-bottom: 1px dotted #de7008; }
a:hover { color: #de7008; text-decoration: none; border-bottom: 1px dotted #256063; }





div#footer a:link, div#footer a:visited { font-size: 10px; color: #ccc; text-decoration: none; border: none;}
div#footer a:hover { color: #fff; border-bottom: 1px dotted #7aaeb1;  }



/* ---------- NAVIGATION ---------- */
div#navigation .logo { margin-left:35px; position: absolute; width:210px; height:49px; top:2px; }
div#navigation ul { list-style-type: none;padding-left:280px;  }
div#navigation ul li { display: inline; }

div#sections ul { margin: 0; padding: 0; list-style-type: none; font-family: "Trebuchet MS", Verdana, "Lucida Grande", sans-serif; }
div#sections ul li { font-size: 13px; text-transform: uppercase; font-weight:bold; }
div#sections ul li a { text-decoration: none; }
div#sections ul li a#section-web {
	position: absolute;
	top: 0;
	left: 35px;
	width: 222px;
	height: 25px;
	display: block;
	padding: 60px 0 0 15px;
	border: none;
}
div#sections ul li a#section-web:link, div#sections ul li a#section-web:visited { color: #edeef1; border: none; }
div#sections ul li a#section-web:hover { border: none;color:#59a0ac; }
div#sections ul li a#section-it {
	position: absolute;
	top: 0px;
	left: 273px;
	width: 222px;
	height: 25px;
	display: block;
	padding: 60px 0 0 15px;
	border: none;
}
div#sections ul li a#section-it:link, div#sections ul li a#section-it:visited { color: #edeef1; border: none; }
div#sections ul li a#section-it:hover {  border: none;color:#74b3be; }
div#sections ul li a#section-nonprofit {
	position: absolute;
	top: 0px;
	left: 512px;
	width: 222px;
	height: 22px;
	display: block;
	padding: 60px 0 0 15px;
	border: none;
}
div#sections ul li a#section-nonprofit:link, div#sections ul li a#section-nonprofit:visited { color: #edeef1; border: none; }
div#sections ul li a#section-nonprofit:hover {border: none;  color:#9bcad2;}


/* ---------- TEXT FORMATTING ---------- */
h1, h2, h3, h4, h5, h6 {  font-weight: normal;  }
p, ul, ol, li{ color: #333; }

h1 { margin: 0 0 .5em 0; padding: 0; font-size: 27px; line-height: 26px; color: #5C6767; }
h2 { margin: 0; padding: 0; font-size: 18px; line-height: 20px; color: #333; }
h3 { margin: 1em 0 .25em 0; padding: 0; font-size: 18px; color: #333; }
h4 { margin: 1em 0 .25em 0; padding: 0; font-size: 16px; color: #333; }
h5 { margin: 1em 0 .25em 0; font-size: 13px; color: #256063; font-weight: bold; }
h6 { color:#CC3300;font-size: 20px;}

p { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px;  }
ul { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px; list-style-position:inside; }

div#side-column ul { margin: 0; padding: 0; font-size: 12px; list-style-type: none; }
div#side-column ul li { margin: 0; padding: 2px 0 2px 14px; line-height: 16px; background: url(/en/images/icon-bullet.gif) no-repeat 0px 5px; }
div#side-column p { font-size: 11px; line-height: 16px; }
div#side-column select { font-size: 11px; background-color:#abcdcf;   color:#256063; font-weight:bold; width: 234px;}


#what p { font-size: 11px; line-height: 16px; color: #666; margin: 0 0 8px 0; padding: 0; }


#phone p { margin: 0; padding: 0; color: #eee; font-size: 12px; }

.breadcrumb {
    padding: 0 0 15px;
    border-top: 1px solid #464646;
	font-size: 12px;

}
.breadcrumb a {
    color: #256063;
	font-weight:bold;
	
}


/* ---------- SUB NAVIGATION---------- */
a.subnav:link, a.subnav:visited {
display: block;
vertical-align: middle;
color: #666666;
text-align: left;
padding-left:5px;
padding-top: 5px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
font-weight: normal;
width:175px;
padding-bottom: 5px;
border-left-width:2px;
border-left-style: solid;
border-left-color:#CCCCCC;
font-size: 11px;

}

a.subnav:hover {
border-bottom-color: #CCCCCC;
border-left-width:2px;
border-left-style: solid;
border-left-color:#0099CC;
color: #006699;
padding-left:5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 11px;
}

a.mainmenu:link, a.mainmenu:visited {
display: block;
vertical-align: middle;
font-size: 13px;
color: #256063;
text-align: left;
padding-left:9px;
padding-top: 3px;
height: 20px;
width:180px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-weight: normal;

}

#active_menu {
	color:#666666;
	font-weight: bold;}
a#active_menu:hover {color: #256063;}
a.mainmenu:hover {text-decoration: none;
	border-bottom-color: #CCCCCC;
    color: #256063;
	padding-left:7px;
	padding-top: 3px;
	border-left-width:2px;
	border-left-style: solid;
	border-left-color:#256063;}

.mainmenutopmenu{vertical-align: middle;
	font-size: 11px;
	color: #FFFFFF;
	padding-left:2px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
a.mainmenutopmenu:link, a.mainmenutopmenu:visited {

	vertical-align: middle;

	font-size: 11px;

	color: #FFFFFF;
	padding-left:2px;

	text-decoration: none;

	font-weight: normal;

	text-transform: uppercase;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a.mainmenutopmenu:hover {

	color: #256063;

	text-decoration: underline;
}
.mainmenubottommenu{

	vertical-align: middle;

	font-size: 10px;

	color: #FFFFFF;

	padding-left:2px;

	text-decoration: none;

	font-weight: normal;

	text-transform: capitalize;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: center;

}
a.mainmenubottommenu:link, a.mainmenubottommenu:visited {

	vertical-align: middle;

	font-size: 11px;

	color: #FFFFFF;
	padding-left:2px;

	text-decoration: none;

	font-weight: normal;

	text-transform: capitalize;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a.mainmenubottommenu:hover {

	color: #333333;

	text-decoration: underline;

}

/* ---------- SPECIAL DIVS & TYPE---------- */

#client_list{
color:#666666;
	font-weight: bold;}
#right_column p { margin: 32px 125px 0 12px; color: #ddeedc; line-height: 16px;  }
#rprojects p { padding: 20px 0 20px 50px; color: #ddeedc; line-height: 16px;  }


div.testimonial { margin: 10px 20px 20px 10px; font-size:11px; }
div.testimonial img { margin: 0 15px 5px 0; padding: 4px; border: 1px solid #ccc; float: left; }

/* =Contact Us Form */


#ContactForm {
     margin-top: 20px;
}

#ContactForm form {
     width: 420px;
}

#ContactForm fieldset {
border: none;
}

#ContactForm input {
     background: url(../images/input_bg.gif);
     margin-bottom: 3px;   
	 color: #256063; 
	 
}
#ContactForm textarea {
     width: 250px;
     mmargin-left: 5px;
     background: url(../images/textarea_bg.jpg);
	 color: #256063; 
	  font-size:11px;
}

#ContactForm label {
    
     float: left;
     width: 90px;
     margin-left: 5px;
     margin-bottom: 3px;
	 font-size:12px;
}

#ContactForm legend {
     display: none;
}


#ContactForm label.required {
	
	color:#dd2e05;

}


#ContactForm button p {
	 color: #256063;
	 font-size:12px;
}

.inner {
padding:0px 10px 0px 10px

     height: 226px;
}

.inner p {
     margin-bottom: 10px;
}

/** PORTFOLIO **/


#galleryContainer { width: 202px; height: 225px; position:absolute; top: 464px; left: 497px; overflow: hidden; z-index: 2; } 
#galleryContent { width: 190px; height: 225px; position: relative; }
#galleryScroller { margin: 0; width: 202px; list-style-type: none; text-align: right; position: absolute; top: 19px; right: 1px; }
#galleryScroller li { margin: 0; padding: 0; font-size: 11px; line-height: 14px;background: transparent url(../images/bullet_li.gif) no-repeat 0px 6px; }

#up {width: 202px; height: 251px; background: url(../images/scrollbar-background.gif) no-repeat top left; text-align: right; position: absolute; top: 457px; left: 524px; z-index: 1; } 
#down { width: 15px; position: absolute; top: 681px; left: 704px; z-index: 3; } 

#galleryContainer h3 { margin: 0 0 2px; padding: 0 15px 0 2px; width: 126px !important; width /**/:191px; color: #000; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 13px; text-align: right;}



.photoblock{float:right;}
.photoblockleft{float:left;}
.photoblock img{width:140px;}
.caption{font-size:8pt;color:#256063;width:160px;padding:0;}


/** FREE QUOTE FORM **/

#QuoteForm {
     margin-top: 20px;
}

#QuoteForm form {
     width: 420px;
}

#QuoteForm fieldset {
border: none;
}

#QuoteForm input {
     background: url(../images/input_bg.gif);
     margin-bottom: 3px;   
	 color: #256063; 
	 
}

#QuoteForm select, #QuoteForm option {
     background: url(../images/input_bg.gif);
	 width:154px;
     margin-bottom: 3px;   
	 color: #256063; 
	 
}
#QuoteForm textarea {
     width: 185px;
     mmargin-left: 5px;
     background: url(../images/textarea_bg.jpg);
	 color: #256063; 
	  font-size:11px;
}

#QuoteForm label {    
     float: left;
     width: 145px;
     margin-left: 5px;
     margin-bottom: 3px;
	 font-size:12px;
}

#QuoteForm legend {
 color: #256063; 
}

#QuoteForm button p {
	 color: #256063;
	 font-size:12px;
}



/*Testimonials */

.commentbox{
background-color: #ececec;
width: 400px;
padding: 10px;
font-size:11px;
color: #4A4A4A;
}

.commentfooter{
background: url(../images/quote.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size:11px;
color: #1a363b;
}