/* - - - - - - CSS Document - - - - - - - - -
Title : Global style sheet for client-side web development
Author : digital RGB
- - - - - - - - - - - - - - - - - - - - - */

* {padding: 0; margin: 0;}

html, body { margin:0; padding:0; text-align:center; background:#FFF url(../images/bg.png) repeat-x top; line-height:1.25em; height:100%; }
body { font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
p { padding: 0; margin:4px 0; }
img { border:0; }
a:hover,img:hover, a:active,a:link { outline:none; }

/* ----- head tags ----- */
h1 { font-size:16px; color:#003366; font-weight: bold; margin-top:20px; } 	/* dark blue */
h2 { font-size:14px; color:#FFF; font-weight: bold; margin:0; }		/* white right */
.blue1 { color:#6699cc; }
.blue2 { color:#99ccff; }
.blueBG { background: #89939C; color:#FFF; height:30px; }

/* ----- float images ----- */
.floatR { float: right;	padding: 5px 0 25px 10px; }
.floatL { float: left; padding: 5px 10px 25px 0; }

/* TOOLTIP */
a.tooltip span {display:none; padding:2px 3px 5px 10px; margin-left:10px; width:105px; }
a.tooltip:hover span{display:inline; position:absolute; background:#336699; border:1px solid #fff; color:#fff;}

/* FORM FIELDS */
form { padding: 0; margin:4px 0; }
label {width: 5em;float: left;text-align: right;margin-right: .5em;letter-spacing:0.03em;text-transform: uppercase;}
input, textarea { vertical-align: middle; background: #EDEFF0; border: 1px solid #57646F; }
input:focus,textarea:focus,input[type="file"]:focus { background: #d0dff4; }
input.file,input[type="image"]{ border:none; }

.submit input { background: #4F82A7; color: #FFF; float: left; margin-right: 0.5em; border-top-style: none;	border-right-style: none; border-bottom-style: none; border-left-style: none; } 
fieldset { border-top: thin solid #57646F; border-left:none; border-right:none; border-bottom:none; }

/* IDS & DIVS */
#wrapper { min-height:100%; position:relative; text-align:left; margin:0 auto; width:729px; background: #FFF; top:5px; }
div[id] #wrapper { height:auto; }

#header { width:729px; height:107px; }
	.banner { width:729px; height:68px; }
		.banner img { float:left; }
	.navbar { width:729px; height:39px; }
		.navbarL { width:11px; height:39px; float:left; background-image:url(../images/navbarL.gif); }
		.navbarC { width:703px; height:39px; float:left; padding-left:4px; background-image:url(../images/navbarC.gif); }
			.navbarC a { color:#FFF; font-size:14px; padding:0 39px; font-weight:bold; text-decoration:none; display:block; float:left; line-height:2.8em; }
			.navbarC a:hover, .navbarC a:active, .navbarC a.active:link, .navbarC a.active:visited, .navbarC a.active:active, .navbarC a.active:hover  { background-image:url(../images/navbarC-ON.gif); background-repeat: no-repeat; background-position: center bottom; }
		.navbarR { width:11px; height:39px; float:left; background-image:url(../images/navbarR.gif); }

/* ----- Page Images ----- */
#imgIndex { width:729px; height:310px; background-image: url(../images/img-index.jpg); }	
#imgPage { width:418px; height:202px; float:left; }
	body#company #imgPage {background-image:url(../images/img-company.jpg); }
	body#team #imgPage { background-image:url(../images/img-team.gif); }
	body#contact #imgPage {background-image:url(../images/img-contact.jpg); }
#imgPage2 { width:729px; height:202px; float:left; }
	body#portfolio #imgPage2 {background-image:url(../images/img.gif); }
	

#main { width:378px; float:left; padding: 5px 20px; padding-bottom:40px; /* Height of the footer */ }
	body#index #main p:first-line,body#company #main p:first-line,body#portfolio #mainP p:first-line { color:#57646f; font-weight:bold; }	/* paragraph opener Home */
	#main p b, #main p strong, #main b, #main strong { color:#57646f; }
	#main p { padding:5px 0 0 0; }
	#main a { color:#003366; font-weight:bold; text-decoration:none; }
	#main a:hover { text-decoration:underline; }
#mainP { width:689px; float:left; padding: 5px 20px; padding-bottom:40px; } /* PORTFOLIO Page */

#barR { width:311px; float:right; padding-bottom:40px; }
	.barTop { width:311px; height:18px; background-image:url(../images/barR_top.gif); }
	.barTop1 { width:271px; height:30px; background-image:url(../images/barR_top1.gif); padding: 8px 20px; }
	.barMain { width:271px; background-image:url(../images/barR_bg.gif); background-repeat:repeat-y; padding: 0 20px; color:#FFF; background-position: top; }
		#barR .barMain p { margin:0; padding: 5px 0; }
		#barR .barMain b, #barR .barMain strong { color:#99ccff; }
		.barMain a { color:#99ccff; }
	.barMain2 { float: right; width: 140px; height: auto; }
	.barBot1 { width:311px; height:28px; background-image:url(../images/barR_bot1.gif); }
	.barBot { width:311px; height:12px; background-image:url(../images/barR_bot.gif); }
	.clear { clear:both; display: block; height: 0px; visibility: hidden; }		

/* ----- Portfolio Gallery ----- */
div.movie { float:right; border:0; padding-top:15px; }
 div.gallery { float: left; padding: 10px; margin: 10px 10px; text-align: center; font-size: 1em; width:300px; height:194px; } 
	div.gallery a, div.gallery a:visited { text-decoration:none; color:#003366; font-weight:bold;  }
	/* div.gallery a:hover { color:#89939c;} */
	div.gallery img { padding:5px; width:250px; height:161px;  }
	div.gallery img:hover {  padding:5px; /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }
	div.movie img:hover {  /* for IE */ filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; }

#footer { position:absolute; bottom:0; text-align:center; width:729px; height:34px; background-image:url(../images/bar_footer.gif); background-repeat:no-repeat; color:#fff; line-height: 3.5em; font-size:10px; }
	#footer a { color:#FFF; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }