/* CSS Document */
/**** BODY ****/
body { margin:0; padding:0px; background-image: url(images/background_gr.jpg); background-repeat: repeat-x;  background-color: #300a00;  font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
* { padding: 0; margin: 0; }

/**** NAVIGATION ****/
#nav{ background: transparent; width: 800px; position: absolute; top: 186px; padding-left: 10px;}
#nav ul{ margin-left: 360px; list-style: none; }
#nav li{ display: inline; margin: 0 0px 0 0; text-transform:none; }
#nav a{ float: left; display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #998b7a; text-decoration: none; margin: 0 1px 0 0; padding: 5px 15px; background-image: url(images/nav.png); background-repeat: no-repeat;  }
#nav a:hover{  color: #fff; background-image: url(images/nav_hover.png); background-repeat: no-repeat; }
a { color: #706161; text-decoration: none; }
a:hover { color: #d0b2b2; background: inherit; text-decoration: underline; }

/**** headers ****/
h1 { height:48px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; text-indent: -9999px; margin-left: -5px; }
h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.3em; color:#998b7a;  margin-left: 4px; margin-top: 7px; }
#header { position:absolute; width:800px; height: 257px; background-image: url(images/images/logo.jpg); background-repeat: no-repeat;  margin:0; padding:0px;   }
#wrapper { width:800px; height: 1000px; margin:0px auto; }
/**** Content ****/
#container { position: relative; top: 200px; margin:0px auto; height: 800px; width:800px; }
#maincontent { position: relative; top: 5px; float: left; color: #fff;  margin: 10px 0 0 5px; height: 200px; width: 580px; }
#pop { float: right; margin-top: 0px; margin-left: 200px; background-image: url(images/pop2.png); background-repeat: no-repeat;}

/**** Home image Class ****/
.latestWork { float:right; padding: 0 2px 10px 0; }
.latestNews { padding: 15px 0 10px 0; }
.latestNews { padding: 15px 0 10px 0; }

/**** text styles ****/
.bold { font-weight:bold;}
em { font-size: 20px; font-style: normal;}
acronym { cursor: help; border-bottom: 1px dashed #b3a4a4; }

/**** Home TEXT Class ****/
.latestWorkText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; margin-left: 80px; margin-top: 20px; padding: 15px 0 10px 0; list-style: none;}

.latestNewsHead { font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.2em; color:#2e3133;  margin: 7px 0 5px 10px; }

.latestNewsText { float:right; font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 1em; color:#998b7a;  margin-top: 10px; margin-right:20px; width: 560px;  }
.failte { float:right; font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: .9em; color:#998b7a;  margin-top: 2px; margin-right:20px; width: 560px; }
.latestNewsImage { float: left; margin: 4px; }
.mainImage{ float:left; margin-top:10px; width: 180px; }
.thumb { float:left; margin-top:10px; width: 200px; }
/**Latest News**/
.latestContainer { margin: 4px; padding: 2px;}
.latestWorkImage { float: left; margin: 5px 5px 0 0px; padding: 2px;  }


div#thumbcontainer { margin-bottom: 10px; padding-bottom: 10px;}
#thumbcontainer a { text-decoration: none; color: #035081; }
#thumbcontainer a:hover { color: #fff; }
div#thumbHead { font-size: 100%; font-weight: bold; margin-top: 4px; margin-bottom: 2px; color:#035081;} 
.thumbSubHead { font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif;  font-size: 90%; }
.thumbText {font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 85%; color:#494a4a;  }

/**** latest work ****/
#news { float: left; margin: 8px 0px 0px 0px; padding: 0 0 5px 0;  width: 580px; border-bottom: solid 1px #3d100b;  }
/**** LEFT COLUMN ****/

.float { float: left; margin: 20px 10px 4px 0; clear:both; border: solid 4px #fff; }
.columnHead { padding: 0px; font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 14px; color:#fff; margin: 18px 0 -10px 5px;}
.mainheader { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color:#FFF; margin-top: 20px; padding-bottom: 5px; }
.maintext { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFF; margin-top: 0px; padding: 0px; }

/**** RIGHT COLUMN 

SideBar****/
#rightcolumn { float: right; color:#fff; margin: 10px 2px 10px 0px; padding: 2px; height: 332px; width: 200px; display: inline; background-image: url(images/pop2.png); background-repeat: no-repeat;}
#homecolumn { float: right; position: relative; top: -200px; color: #706161; margin: 0px 2px -2px 0px; padding: 2px; height: 332px; width: 200px; display: inline; }
#amazoncolumn { float: right; margin: 11px 10px 0px 0px; padding: 0px; }
#homecolumn { float: right; color: #706161;  margin: 0px 5px -2px 0px; padding: 2px; height: 332px; width: 200px; display: inline; }

/**About**/
#aboutContent {position: relative; top: 5px; float: left; color: #fff;  margin: -5px 0 0 -2px; height: 356px; width: 590px; background-image: url(images/aboutBg.png); background-repeat: no-repeat; }
.aboutquote { font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight:bold; font-size: 14px; color:#b3a4a4; padding-left: padding: 5px; text-align: center;}
.aboutText { font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 1.1em;  padding: 5px; width: 560px; margin: 0 0 0 10px; color: #ede5e5;  }
.aboutHeader { margin-left: 15px;}
.whatdo { font-size: 14px; padding-left: 4px; padding-top: 6px; color: #4b0000; }
.about li { padding-left: 0px; font-size: 12px; color: #494a4a; list-style: url(images/bullet.png); list-style-position: inside;}
#sidebar { float: right; color:#fff; margin: 17px -5px 0px 0px; padding: 2px; height: 753px; width: 210px; display: inline; }
#sidebarBottom { float: right; position: relative; top: -200px; color: #706161; margin: 0px 2px -2px 0px; padding: 2px; height: 332px; width: 200px; display: inline; }


/**** LISTS 
.homelinks { margin: 10px 0 0 20px; list-style:none;}****/
.homelinks{ list-style: none; background-image: url(images/signPost.png); background-repeat: no-repeat; width: 200px; height: 310px; padding: 10px; margin-left: -5px; margin-top: -5px; }
.homelinks ul{  padding: 0; list-style: none; }
.homelinks li{ display: block;  margin-left: 15px; text-transform:none; padding: 1px; border-bottom: dashed 1px #8f806e; width: 150px; }
.homelinks a{ display: block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #4b0000; text-decoration: none; margin: 0 1px 0 0; padding: 2px 0px;  }
.homelinks a:hover{  color: #fff;  }

/**** PHOTO SHUFFLER ****/
#photodiv{ overflow: hidden; float: left; width: 570px; height: 321px; border: solid 8px #847562; margin: 25px 0 10px  0px; }
.photodiv * { padding: 0; margin: 0; border: none; list-style: none; }            

/**** Useful links ****/
.useful {font-family: "MS Trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 14px; color:#706161; padding: 5px 0 0 5px; }
.browser { background-image: url(images/browserBg.jpg); background-repeat: no-repeat; width: 565px; height: 127px; position: absolute; top: -50px 0 0 10px;}
.browsersContent { font-size: 1em; margin: 40px 0 0 10px; padding: 5px 0 0 5px; color: #cabeac; }
.browsers a { color: #bbb09f; text-decoration: none; }
.browsers a:hover { color: #01fafd; background: inherit; text-decoration: none; }
#bottomcolumn { color: #706161; position: relative; top: 40px; margin: 0px 0 0 5px; padding: 0px; height: 341px; width: 580px; float: left; }
#favLinks { float: right; color: #706161;  margin: 0px 5px -2px 0px; padding-bottom: 90px; height: 332px; width: 200px; display: inline; }

table.strip { width: 96%; padding: 5px; margin-top: 0px; margin-left: 0px; font-size: 1em;}
td.library { height: 5px;  padding: 5px;}
td.header { color:#3d100b; font-weight:bold; height: 5px;  padding: 5px;}
tr.odd { background-color:#7d7060;}
tr.even { background-color: #8f806e;}
td.library  a { color: #392828; text-decoration: none; }
td.library a:hover { color: #d0b2b2; background: inherit; text-decoration: underline; }
.smalltext {  font-size: .8em; color: #333;}


/**** FOOTER ****/
#footer { width: 800px; height: 169px; clear: both; position: relative; left: -20px; top: -10px;  text-align: center; color: #706161; background-image: url(images/footer2.jpg); background-repeat: no-repeat;}
.footer { font-size: .9em; color:#706161; padding-bottom: 5px;}
.ted { width: 550px; font-size: 1.1em; color:#000; position: relative; bottom: -30px; }
.copy {  padding-top: 2px; padding-bottom: 12px;}
#footer  a { color: #fff; text-decoration: none; }
#footer a:hover { color: #01fafd; background: inherit; text-decoration: underline; }