@charset "utf-8";
/* CSS Document */
/* Colors
Dark Grey: #161616  BACKGROUND
Light Blue Grey: #ACCFCC  BANNER
Blue Grey Text:  #507389

/*  Universals */

html, body {font: 14px/14px "TitilliumText14L250wt", arial, sans-serif; background: #66f url(../images/bkgd.gif) repeat-x; color: #000; height: 100%;}
* {margin: 0 auto; padding: 0px;}

#container {width: 1000px; overflow:hidden;}

#banner,  #content, #column_A, #pic, #footer, #belowBannerStrip, #aboveBanner {display: block; float: left; position: relative; z-index:5;}
#mainNavi, #column_B {display: block; float:right;}

#container {}
#banner {width: 1000px; height: 141px; background-image: url(../images/banners_01.jpg); background-repeat:no-repeat; display: block; float: left; position: relative; z-index:5;}
#bio {display: block; float: left; width: 190px; height: 75px; margin: 36px 0px 0px 100px; font-weight:bold;color: #CC3300; text-align:right;}
#bio img {border: none; margin-top: 5px;}

#belowBanner {width: 1000px; height:9px; background-image:url(../images/banners_02.jpg); background-repeat: no-repeat;display: block; float: left; position: relative; z-index:5;}

a:link, a:visited, a:active {color: #000; text-decoration: none;}
a:hover {color: #009900; text-decoration: none;}
 {font: 22pt/24pt "TitilliumText14L400wt", Helvetica, Arial, sans-serif; text-align: right; color: #777; margin: 15px 0px 0px 0px; padding: 0px 25px 0px 0px;}

#mainNavi {width: 520px; height:30px; margin: 110px 0px 0px 0px;  padding: 0px; position: relative; z-index: 10;display: block; float: right; text-align:center;} /*overflow added for ie 6*/

#mainNavi  a:link {text-decoration: none; color: #507389;  margin: 2px; }
	#mainNavi a:active {text-decoration: none; color: #507389; margin: 2px; }
	#mainNavi a:visited {text-decoration: none; color: #507389; margin: 2px; }
	#mainNavi a:hover {background-color: #ffcc33; color: #000; margin: 2px;}
	
#content {width: 1000px; height: 550px; display: block; float: left; position: relative; z-index:5; margin: 0px 0px 0px 0px; color: #000; background-color: #fff;}


#column_A {height: 510px; width: 280px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 20px; position: relative; z-index:600; overflow:hidden;}
#column_A p {text-align: left; width: 280px; display:block; float:left; }
#column_A p a:link {margin: 4px; text-decoration:none;}
#column_A p a:active {text-decoration:none;}
#column_A p a:visited {text-decoration:none;}
#column_A p a:hover {text-decoration:none; background-color: #ffcc33;}


#cA  {position:absolute; top:15px; left:12px; visibility:visible;}
#cA2 {position:absolute; top:15px; left:12px; visibility:hidden;}

.thumbnail {display: inline; float: left; width: 80px; height: 50px; margin: 3px 0px 3px 6px; border: 1px solid  #507389; overflow:hidden; }
img.thumbnail  {width:auto; height: auto; }

.thumbnail:link {border: 1px solid #ccc;}
.thumbnail:active {border: 1px solid #ccc;}
.thumbnail:visited {border: 1px solid #006666;}
.thumbnail:hover {border: 1px solid #CC0000;}
img.thumbnail:hover  {opacity: .5; border: 1px solid #c00;}

#column_B {width: 700px; height: 550px; display: block; float: left; position: relative; z-index:5; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}

#pic {display: block; float: left; width: 680px; margin: 0px 15px 10px 5px;}
	#pic a:link img {text-decoration:none; border: none;}

/**/

#description {display: block; float: left; width: 680px; padding: 5px 10px 5px 0px; margin: 0px 10px 0px 00px; font: 10pt/12pt "DaysRegular", Georgia, Times, serif; color: #161616; text-align: text; overflow:hidden;}
	#description h1 {font: 12pt/14pt "DejaVuSerifBold", Georgia, Times, serif; color: #990000; margin: 0px 0px 2px 0px;  }
	#description p {font: 10pt/12pt "DejaVuSerifBook", Georgia, Times, serif; color: #342B4F; margin: 5px 0px 0px 0px;}
	 #description p .client{font: 10pt/12pt "DejaVuSerifItalic", Georgia, Times, serif; font-style:italic; color: #342B4F;}

#project {font: 12pt/14pt "DejaVuSerifBold", Arial; color: #f0f;}
#client {font: 10pt/12pt "DejaVuSerifItalic"; color: #ccc;}

#enlarge {display:block; float:right; position:relative; z-index: 500; margin: -10px 10px 0px 0px; font-size: 10pt;}
	#enlarge a {color: #333; text-decoration: underline;}
	#enlarge a:active {color: #333;}
	#enlarge a:visited {color: #333;}
	#enlarge a:hover {color:#009900;}

#footer {width: 980px;  height: 15px; font-size: 8pt; line-height:9pt; background-color:#F2CE3A; display: block; float: left; position: relative; z-index:5; text-align:right; padding-right: 20px;}
 

/* --- doo dads---*/
#funnySquiggle {width: 400px; height: 400px; background-color: transparent; position: relative; z-index: 500; display: block; float: left; margin:-650px 0px 0px -100px; overflow:hidden;}

/* Buttons	


 */

/*lightbox*/
  .alertbox
  {
    background  : url(../sexy-lightbox-2.3/Mootools/images/dialog-help.png) no-repeat scroll left top;
    margin      : 0 10px;
    padding     : 0 0 5px 40px;
    font-family : Verdana;
    font-size   : 12px;
    text-align  : left;
  }
  .alertbox .buttons
  {
    text-align  : right;
  }

/*About Page*/

#about_Pic {width: 450px; display: block; float:left; text-align:center; margin: 20px 0px 0px 0px; }
#about_text {width: 500px; display: block; float: left; margin: 20px 60px 0px 00px;}
#about_text p {font-size: 10pt; line-height:13pt; margin: 10px 0px 0px 0px; text-align:left;}
#about_text p.company {margin: 5px 10px 0px 0px; font-weight:bold; text-indent: 0px;}


/*home Page*/
#home_Content {width: 940px; height: 550px; color: #000; background-color: #fff; padding: 85px 30px 0px 30px; margin: 50px 0px 0px 0px ;}
#home_siteName {text-align: center; width: 800px; font: 32pt/38pt "TitilliumText14L600wt", Helvetica, Arial, sans-serif;  margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; }
#home_text {text-align: center; width: 800px; margin: 0px 0px 0px 0px;}
#home_text p {font-size: 28px; line-height:32px; margin: 10px 0px 0px 0px;}
#home_text a:link {text-decoration:none; color: #990000;}
#home_text a:active {text-decoration:none; color:  #990000;}
#home_text a:visited {text-decoration:none; color: #990000;}
#home_text a:hover {text-decoration:none; color: #00CC33;}
#about_text h1 { font-size:18px; line-height:20px; font-weight:bold;}


/*Contact Form*/

div.contact_form
{
  font-family: Verdana, Sans-Serif;
  font-weight: 900;
  font-size:  11px;
  color: #404040;
}

div.contact_form input,
div.contact_form textarea
{
  font-family: Verdana, Sans-Serif;
  font-size: 1.2em;
}
div.contact_form form,
div.contact_form table,
div.contact_form td,
div.contact_form th    { margin: 0px; padding: 0px; vertical-align: top; text-align: left; }

div.contact_form table { border-collapse: collapse; }
div.contact_form th    { padding: 0px 10px 3px 0px; }
div.contact_form td    { padding: 0px  0px 3px 0px; }

div.contact_form img   { margin-left: 5px; }

div.contact_form em
{
  text-decoration: none;
  font-style:  normal;
  font-weight: 900;
  color: #004080;
}

div.contact_form  em.error, div.contact_form form em { color: #FF0000; }
div.contact_form div.error { margin-bottom: 15px; }

div.contact_form div.input { float:  left; }
div.contact_form select    { width: 250px; }