body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:0.75em;
	color: #3d3b3a;
	background-image: url(images/background_01.jpg);
}


/*Drop down menu*/
.dropdown {float:left; padding-left:5px; margin:0; text-align:left; font-size:15px; color:#FFFFFF;}
.dropdown dt {width:130px; height:26px; border:0px; padding:5px 0 1px 0px; font-weight:normal; cursor:pointer; color: #FFFFFF; margin:0;}
.dropdown dt:hover {padding:5px 0 1px 0px; margin:0; color: #f8cc7f;}
.dropdown dd {position:absolute; overflow:hidden; width:auto; display:none; background:#fff; z-index:300; opacity:0; padding:0px; margin:0px}
.dropdown ul {width:auto; border:0px; list-style:none; font-size:12px; border-top:3px solid #CCCCCC; padding:0px; margin:0px}
.dropdown li {display:inline; font-size:12px; padding:0px; margin:0;}
.dropdown a, .dropdown a:active, .dropdown a:visited {
	font-size:12px; display:block;
	padding:0px;
	color:#FFFFFF;
	text-decoration:none;
	background:#777777;
	width:inherited;
	margin:0px;
	text-align:left;
}
.dropdown a:hover {background:#999999; color:#182CA9; text-align:left; padding:0px; margin:0px}
.dropdown .underline {border-bottom:0px; padding:0px; margin:0; text-align:left;}
/*End Drop down menu*/

/**
*	General Typography
*	
*/
h1,h2,h3,h4,h5,h6,
#navigation ul li a { font-family: Arial, Helvetica, sans-serif; min-height:1em; }

h1 {font-size:190%; color: #e17d03; font-style:italic; font-stretch:semi-condensed; letter-spacing: 1px; font-weight: lighter; line-height: 1.25em; margin: 5px 0px 1px 0px; padding: 0px 0px 2px 0px;}
h2 {font-size:135%; color:#581d95; font-weight: lighter; line-height: 1.25em; letter-spacing: 1px; margin: 5px 0px 1px 0px; padding: 0px 0px 2px 0px;}
h3 { font-size:115%; color:#581d95; margin:1.2em 0 0.8em 0; line-height: 1.15em; font-weight:normal;}
h4 { font-size:126%; color:#581d95; margin:1.2em 0 0.8em 0; font-weight:800; }
h5 { font-size:108%; margin:0 0 0.6em 0; font-weight:bold; }
h6 {font-size:135%; color:#581d95; font-weight: lighter; line-height: 1.25em; letter-spacing: 1px; margin: 15px 0px 10px 0px; padding: 0px 0px 2px 0px;}

p { margin:0.2em 0 0.8em 0;}
em { font-style:italic; }
strong { font-weight:bold; }
.bigger {font-size:125%; letter-spacing: 1.5px; line-height: 1em;}
.smaller {font-size:165%;}
hr { border:1px solid #d0d7e9; margin:1em auto; }
.reverse { color: #FFF; }



.topnav { color:#5275e7; }
.topnav a { color:#f6b558; text-decoration:none; }
.topnav a:visited { color:#5275e7; }
.topnav a:hover { color:#FFFFFF; }
.topnav a:active { color:#f6b558; }

.footer {color:#9aa7f8; text-align: center; font-size:10px; line-height: 1.65em;}
.footer a { color:#9aa7f8; text-decoration:none;}
.footer a:visited { color:#9aa7f8;}
.footer a:hover { color:#FFFFFF;}
.footer a:active { color:#F8CC7F;}

a { color:#182CA9; text-decoration:none; font-weight:bold; }
a:visited { color:#182CA9; text-decoration:none; font-weight:bold;}
a:focus, a:hover { color:#EB9102; font-weight:bold; }
a:active { color:#EB9102; font-weight:bold;}
a:current { color:#581d95; font-weight:bold; }

body#services a#services_link, 
body#design a#design_link, 
body#development a#development_link,
body#quality a#quality_link,
body#tooling a#tooling_link, 
body#production a#production_link { 
color: #581d95; font-weight:bold;
} 



ul,ol { margin:0.4em 0 1em 2em; }
ul { margin-left:1.7em; }
ul li { list-style-type:disc; list-style-image:url(http://www.ucsc.edu/images/bluedot2.gif); }

ol li { list-style-type:decimal; }
ol li ol { margin-left:1.6em; }
ol li ol li { list-style-type:lower-alpha; }
dt { margin:1.8em 0 0.8em 0; font-weight:bold; }
dd { margin-bottom:1em; }

blockquote {
	border-left:4px solid;
	padding-left:1.2em;
	margin-left:2em;
	border-left-color: #CDDCED;
}
.citation { color:#666; font-style:italic; }

.clear-all { clear:both; }

.primary #center { line-height:1.6em; }
.primary #center img { display:block; margin:0; }


/**
*	Specific typography
*	
*/
.primary #center h2 { color:#000; }
.secondary #center h2 { margin:0 1em 0 1em; } 
#right { font-size:94.5%; }
#right h4 { margin-bottom:0.2em; }
#right p { margin-bottom:1.4em; }
#margin {margin:0 2em .5em 1em;}



/* Sidebar lists have not bullets if you give the <ul> or <ol> a class of "no-dots" */
#sb .no-dots,
#center .no-dots,
#right .no-dots,
#sb .contact-info { margin-left:0; }

#sb .no-dots li,
#center .no-dots li,
#right .no-dots li,
#sb .contact-info li,
#center li.no-dot { list-style-image:none; list-style-type:none; }


/* 
*	Captioned images:
*	These are images in the main content area that have captions.
*	The <img> should be wrapped in a <div class="caption"> element.
*	The caption should be inside a <p> inside the <div class="caption">
 */
.caption { font-size:95%; line-height:1.6em; }

/* Floats: for aligning elements left or right, give them a class or "left"" or "right"" */
.left { float:left; margin:0.4em 1.4em 0.8em 0; }
.right { float:right; margin:0.4em 0 0.8em 1.4em; }

/* A <div> or a <p> with this class will have a top border. Good for supplemental info at the bottom of a page */
.additional-info { margin-top:3em; padding-top:1.6em; border-top:2px solid #E7F0F6; }


/* Accessibility links are hidden until they receive focus by being tabbed to. */
#access-links { position:absolute; top:0; left:0; z-index:100; width:100%; font-size:1.4em; }
#access-links ul { margin:0; }
#access-links ul li { position:absolute; left:-900em; width:100%; list-style-type:none; }
#access-links ul li a:focus { position:relative; left:900em; display:block; background-color:#eef5fb; padding:0.8em; text-decoration:none; opacity:.75; }


.ppbody > p+p { margin-top: 1.5em; }

.bluebox {
	-moz-border-radius: 7px;
	border-radius: 7px;

	border: 1px solid #d7ddf0;
	background-color:#e4e4fe;
	background-image: -moz-radial-gradient(0% 0%, ellipse cover, #f7f8fb, #e9e9fe 50%,#e4e4fe 100%);
	background-image: -webkit-radial-gradient(0% 0%, ellipse cover, #f7f8fb, #e9e9fe 50%,#e4e4fe 100%);
	background-image: -o-radial-gradient(0% 0%, ellipse cover, #f7f8fb, #e9e9fe 50%,#e4e4fe 100%);
	background-image: -ms-radial-gradient(0% 0%, ellipse cover, #f7f8fb, #e9e9fe 50%,#e4e4fe 100%);
	background-image: radial-gradient(0% 0%, ellipse cover, #f7f8fb, #e9e9fe 50%,#e4e4fe 100%)
}

.graydrop {
	border: 1px solid #e5e6e8;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: -2px 2px 1px #BBB;
	-webkit-box-shadow: -2px 2px 1px #BBB;
	box-shadow: -2px 2px 1px #BBB;
}