@charset "utf-8";
/* CSS Document */

@import url('reset.css');

body 		{
	background-color:#F3FFFF;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a 			{ color:#AF0ACD; }
a:hover,
a:active 	{ color:#42B3B9; }



/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* TYPOGRAPHY */
/* h1	{ font:normal 2.5em Georgia, "Times New Roman", Times, serif; color:#42B3B9; margin:0 0 0.25em; } */
h1	{ font:bold 2.75em "Helvetica Neue", "HelveticaNeue-Bold", Helvetica, arial, sans-serif; margin:0 0 0.25em; color:#42B3B9; }
h2	{ font:bold 2.25em "Helvetica Neue", "HelveticaNeue-Bold", Helvetica, arial, sans-serif; margin:1em 0 0.25em; color:#AF0ACD; }
h3 	{ margin:2em 0 0; }
h2 + h3 { margin:1em 0 0; }
p	{ margin:0 0 1em; }

#body ul 	{ list-style:outside disc; margin:0 0 1em; line-height:1.25; }
#body li 	{ margin-bottom:0.5em; }

dt 			{ padding-left:20px; font-weight:bold; font-size:1.25em; margin-top:2em; }

.legal 		{ font:10px Verdana, Arial, Helvetica, sans-serif; }

.purple 	{ color:#AF0ACD; }
.red 		{ color:#FF0000;}

.clear {clear:both;}
.clearLeft { clear:left; }


blockquote { margin:0 0 2em; background:url('../img/layout/blockquote.gif') 25px 0 no-repeat; padding-left:40px; font-style:italic;}
blockquote p { margin:0 0 0.5em; }
blockquote cite { font-style:normal; font-weight:bold; }

/*------------------------------------------------------*/
/*------------------------------------------------------*/
/* LAYOUT */
#container 	{ width:820px; margin:1em auto; }

#body 		{ padding:20px 0; width:100%; overflow:visible; line-height:1.5; }
#body p,
#body ul,
#body h1,
#body h2,
#body h3,
#body form,
#body cite 	{ padding-left:20px; }

#footer 	{ clear:both; font:10px/1.5 Verdana, Arial, Helvetica, sans-serif; text-align:center; border-top:1px dotted #999999; padding-top:1em; }

#body img.bodyimg { border:8px solid #D4DEDE; float:right; margin:0 0 15px 20px; padding:0; }


/*------------------------------*/
/* NAV */
#nav { list-style:none; display:block; width:800px; height:110px; padding:0 0 10px; margin:0 0 0 20px; border-bottom:1px dotted #999999; }
#nav li { display:block; float:left; margin:0; padding:0; }
#nav li a { display:block; text-indent:-9999px; overflow:hidden; background:#FFF url(../img/layout/nav.gif) no-repeat; height:110px;}

#nav li.logo a { width:89px; background-position:0 0; /*margin-right:39px;*/ margin-right:100px; }
#nav li.logo a:hover { background-position:0 -110px; }

#nav li.home a { width:68px; background-position:-128px 0; margin-right:44px; }
#nav li.home a:hover, body.home #nav li.home a { background-position:-128px -110px; }

#nav li.services a { width:80px; background-position:-240px 0; margin-right:45px; }
#nav li.services a:hover, body.services #nav li.services a { background-position:-240px -110px; }

#nav li.oracle a { width:70px; background-position:-365px 0; margin-right:44px; }
#nav li.oracle a:hover, body.oracle #nav li.oracle a { background-position:-365px -110px; }

#nav li.faq a { width:61px; background-position:-479px 0; margin-right:46px; }
#nav li.faq a:hover, body.faq #nav li.faq a { background-position:-479px -110px; }

#nav li.blog a { width:47px; background-position:-586px 0; margin-right:46px; }
#nav li.blog a:hover, body.blog #nav li.blog a { background-position:-586px -110px; }

#nav li.contact a { width:85px; background-position:-679px 0; }
#nav li.contact a:hover, body.contact #nav li.contact a { background-position:-679px -110px; }



/*------------------------------*/
/* FORMS */
form 		{ overflow:hidden; zoom:1; }
label, input, select, textarea 	{ display:block; float:left; width:275px; margin-bottom:10px; }
label			{ width:150px; margin-right:10px; clear:left; font-style:italic; }
#submit 		{ clear:left; width:auto; margin-left:160px; }

input.hidden 	{ display:none; }