@charset "utf-8";
/* BBD 2009 - Global - Screen CSS Document */

/* @group Global Reset */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /*sub,*/ sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* @end */

body {
font: 80% Tahoma, Verdana, Helvetica, sans-serif;
background:#fff url(../i/bg.gif) top left repeat-x; 
color:#00214c;}

div.hr {clear:both;height: 15px;background: url(../i/divider.gif) center left no-repeat;}
div.hr hr {display: none;}

a, a:link, a:visited {color:#33cc00; text-decoration:none;}
a:hover, a:active {text-decoration:underline;color:#33cc00;}	



div.clear {clear: both;}
div.left {float:left;width:50%;text-align:left;padding-top:20px;}
div.right {float:right;width:50%;text-align:right;padding-top:20px;}
img {border:none;}

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: ; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Tahoma, Verdana, Helvetica, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 10px; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 10px; text-align:center; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }



/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 20px 0px; line-height:1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em;}
ul li, ol li{ font:12px/1.5 Tahoma, Verdana, Helvetica, sans-serif;}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

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

blockquote { margin: 1.5em; font:12px/1.5 Tahoma, Verdana, Helvetica, sans-serif; border-top:1px solid #00cc00;border-bottom:1px solid #00cc00;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
span.amp { /* For better-looking ampersands */
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
}



/* ---------------------------------------------------------------------------- HEADER
--------------------------------------------------------------------------------------*/
#header {width:930px;height:160px;margin:0 auto;}

#header h1.logo {text-indent:-9999px;margin:0;padding:0;}
#header h1.logo a {background: url(../i/uc-logo-2010.png) no-repeat;display:block;float:left;width:930px;height:160px;}	
#header h1.logo a:hover {background: url(../i/uc-logo-2010.png) 0px 0px no-repeat;}
#header form {float:right;margin-right:10px;}
#header p {margin:0;padding:0;}
#header p a, #header p a:link  {color:#9e9e9e; text-decoration:none;}
#header p a:hover, #header p a:active  {color:#9e9e9e; text-decoration:underline;}

   
/* ---------------------------------------------------------------------------- MAIN WRAP 
--------------------------------------------------------------------------------------*/
#main {width:930px;margin:0 auto;clear:both;position:relative; margin-bottom:30px;}
#main img {float:left;}

/* ----- HOMEPAGE Banner Slider   */
.project_pic { float:left;margin-right: 20px; }

.details p, h4 {line-height: 22px; padding: 0px 0px; margin: 0px 0px;}

.subtitle { font-weight:bold; color:#00cc00;}

.project_title { font-weight:bold; color:#fff; background-color:#00438b; padding: 2px; margin-left: 20px; }

p.view_site  {text-indent:-9999px; }
p.view_site  a {width:71px;height:21px; margin-left: 475px; background:url(../i/view_site.gif) 0px 0px no-repeat; display:block;}	
p.view_site  a:hover {background: url(../i/view_site.gif) 0 -21px no-repeat;}



/* ----- MAIN DIV -- BLOG 2 Column Layout   */

div#blog-left {float:left;width:65%;}
div#blog-left .entry {border-bottom:1px dashed #333;margin-bottom:15px;padding-bottom:5px;} 
div#blog-right {float:right; width:34%;}


	
/* ---------------------------------------------------------------------------- FOOTER
--------------------------------------------------------------------------------------*/
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 379px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -379px; /* negative value of footer height */
	height: 379px;
	clear:both;
	background:#001941 url(../i/footer-bg.gif) top left repeat-x;
	
	} 
#footer .gutter {width:930px;padding:10px 0;margin:0 auto;}

#clients { width: 430px;  float:left; }

#clients_box {background:url(../i/clients_back.gif) no-repeat; width: 410px; height: 218px; margin-left:20px;}

#clients h3 {color: #fff; text-align:left;}

#right_footer { width: 430px;  float:right; margin-left:60px;}

#right_footer h3{color: #fff; text-align:left;  }



#form_table { width: 450px; margin-top:25px;margin-left:10px;}

#form_table td{ height: 30px; vertical-align:top; }

#form_table label{ color: #fff; }

#name, #email, #subject, #message {background-color:#FFFFFF; color:#00438b; border:none; width:300px;}

#message { height: 80px;}

#submit { margin-top: 10px; margin-left: 248px;}

/* ---------------------------------------------------------------------------- EXTRAS and HACKS 
--------------------------------------------------------------------------------------*/	
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}