/*Old*/

img.link
{
border: none
}

.center {text-align: center}

h1
{
font-family: verdana, georgia, arial, sans-serif;
color: #000000;
font-size: 18pt
}

h2
{
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
font-size: 12pt;
text-align: left
}

li
{
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
font-size: 10pt
}

p
{
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
font-size: 10pt
}


p.small
{
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
font-size: 8pt;
font-weight: normal
}


p.smallcenter
{
font-family: verdana, georgia, arial, sans-serif;
color: #ffffff;
font-size: 8pt;
text-align: center
}

p.article
{
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
font-size: 10pt;
text-align: left
}

p.title
{
font-family: "courier new", arial, sans-serif;
font-size: 14pt;
color: #ffffff;
font-weight: bold
}

a:link {color: #00ccff}
a:visited {color: #00ccff}
a:hover {color: #ffffff}
a:active {color: #ffffff}

table.bottomnav
{
text-align: center;
border-style: none;
width: 600px;
font-family: verdana, georgia, arial, sans-serif;
font-size: 10pt
}

table.main
{
border-style: none;
border-width: 0px;
width: 535px;
height: 600px;
padding: 0px;
}

td.mainmenu
{
padding: 0px;
}

table.topnav
{
text-align: center;
width: 600px;
border-style: none;
border-width: 0px;
padding: 0px;
}

td.topnav
{
background-color: #000000;
padding: 0px
}

table.layout
{
border-style: none;
width: 500px;
font-size: 12pt;
margin: auto;
}


td.graphicsmenu
{
font-family: verdana, georgia, arial, sans-serif;
width: 20%;
color: #ff0000;
font-size: 10pt;
text-align: center
}

table.linksbig
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
width: 600px;
padding: 0px;
font-family: verdana, georgia, arial, sans-serif
}

td.linksbig
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
width: 300px;
padding: 0px;
font-family: verdana, georgia, arial, sans-serif;
vertical-align: top
}

table.links
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
padding: 0px;
font-family: verdana, georgia, arial, sans-serif;
}

th.links
{
border-style: outset;
border-width: 1px;
border-color: #ffffff;
font-family: verdana, georgia, arial, sans-serif;
color: #ffff00;
font-size: 12pt;
text-align: left
}

td.links
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
font-family: verdana, georgia, arial, sans-serif;
color: #ffff00;
width: 200px;
font-size: 12pt;
text-align: left;
}


td.linkname
{
background-color: #000000;
text-align: left;
font-family: verdana, georgia, arial, sans-serif;
font-weight: bold;
font-size: 10pt;
border-style: outset;
border-width: 0px;
width: 200px
}

td.linkdesc
{
background-color: #000000;
font-family: verdana, georgia, arial, sans-serif;
color: #ffffff;
font-size: 10pt;
text-align: left;
border-style: outset;
border-width: 0px;
width: 400px
}

td.form
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
width: 200px;
font-size: 8pt;
text-align: left
}

td.form1
{
border-style: outset;
border-width: 0px;
border-color: #ffffff;
font-family: verdana, georgia, arial, sans-serif;
color: #ff0000;
width: 200px;
font-size: 8pt;
text-align: right;
vertical-align: top
}

table.imageviewer
{
width: 600px;
border-style: none;
border-width: 0px;
padding: 0px;
}

td.imageviewer
{
width: 600px
}

td.twocolumn
{
width: 300px
}

td.date2
{
background-color: #cccccc;
text-align: left;
font-weight: bold;
border-style: outset;
border-width: 1px;
width: 130px
}

td.event2
{
background-color: #cccccc;
text-align: right;
border-style: outset;
border-width: 1px;
width: 245px
}


td.date3
{
background-color: #ffffcc;
text-align: left;
font-weight: bold;
border-style: outset;
border-width: 1px;
width: 130px
}

td.event3
{
background-color: #ffffcc;
text-align: right;
border-style: outset;
border-width: 1px;
width: 245px
}

/* CSS Document ******************************************************************/
body {
background: #000;
color:#fff;
font:Arial, Helvetica, sans-serif;
}
p,h1,h2,h3,h4 {
color: #fff;
}
h4 {
padding: 0px;
margin: 5px;
}
.link {
border:none;
}
img.link
{
border: none
}

.center {text-align: center}

p.smallcenter
{
font-family: verdana, georgia, arial, sans-serif;
color: #ffffff;
font-size: 8pt;
text-align: center
}

a:link {color: #0099ff}
a:visited {color: #0099ff}
a:hover {color: #0066ff}
a:active {color: #ffffff}

/*Main Layout CSS*/

#wrapper {
width: 830px;
margin: 5px auto;
text-align: center;
border: #333 solid 0px;
padding:5px;
}

#titlebar {
background: #000 url(images/layout/top_section_grad.jpg) repeat-x; 
width: 700px;
height: 50px;
margin: 0px;
padding: 25px 0px 0px 0px;
border: #333 solid 1px;
float: left;
text-align: left;
}

#menuBar {
background: #000 url(images/layout/top_section_grad.jpg) repeat-x;
border: #333 solid 1px; 
color: #fff;
width: 190px;
height: auto;
text-align: left;
float:left;
margin-top: 5px;
padding: 25px 5px;
}
#menuBar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuBar li {
color: #fff;
font:Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0 0 .2em 0;
}
#menuBar li a{
color: #fff;
display: block;
background-color: #333399;
width: auto;
padding: .2em .8em;
text-decoration: none;

}
#menuBar li a:hover{
text-decoration: strong;
color: #fff;
background-color: #333366;
}

#rightSideAd {
position: relative;
background: #000 url(images/layout/top_section_grad.jpg) repeat-x;
border: #333 solid 1px; 
width: 120px;
height: 625px;
color: #fff;
padding: 0;
margin: 0;
float: right;
clear: inherit
}

.adContent {
margin-top: 5px;
}

#leftSideAd {
background: #000 url(images/layout/top_section_grad.jpg) repeat-x;
border: #333 solid 1px; 
color: #fff;
width: 200px;
height: 265px;
text-align: center;
padding: 0px;
float:left;
clear: left;
margin-top: 5px;
}
.adText {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
}

#mainContent {
background: #000 url(images/layout/top_section_grad.jpg) repeat-x;
border: #333 solid 1px;
width: 480px;
margin: 5px 5px 5px 5px;
float:right;
padding: 15px 5px 5px 5px;
text-align: left;
}
#mainTopLeft {
width: 100px;
margin: 5px 5px 15px 5px;
float: left;
text-align: center;
}
#mainTopRight {
float: right;
margin: 5px 5px 20px 5px;
width: 360px;
}
#mainTopRight ul{
list-style-type: none;
}
.disc {
list-style-type: disc;
}
#mainBottomLeft {
width: 100px;
margin: 0px 5px 0px 5px;
float: left;
text-align: center;
}
#mainBottomRight {
float: right;
margin: -20px 5px 0px 5px;
width: 360px;
}
#mainBottomRight ul{
list-style-type: none;
}  
#mainBottom {
width: auto;
margin: 5px;
float: left;
clear:both;
text-align:left;
}

#bottomNav {
clear: both;
color: #333399;
}

/*webdesign.php layout*/

#webdesignContentTop {
width: 470px;
margin: 20px 5px;
text-align: left;
}

#webdesignContentMidLeft {
width: 230px;
margin: 5px;
text-align: left;
float: left;
}
#webdesignContentMidRight {
width: 230px;
margin: 5px;
text-align: left;
float: right;
}
#webdesignContentMidLeft ul{
list-style-type: none;
margin: 0 -5px 10px -5px;
padding: 0;
}
#webdesignContentMidRight ul{
list-style-type: none;
margin: 0 -5px 10px -5px;
padding: 0;
}
#webdesignContentMid {
width: 470px;
margin: 5px 5px 0 5px;
text-align: left;
clear:both;
}
#webdesignSpecialsLeft {
width: 100px;
margin: 0px 5px;
float: left;
text-align: center;
}
#webdesignSpecialsRight {
float: right;
margin: 0px 5px;
width: 350px;
}


/* webestimate.php layout */

#contactForm {
text-align:left;
width: 470px;
margin: 20px 5px;
text-align: left;
}

/*3dmodeling.php layout*/
#threedmodelingContentTop {
width: 470px;
margin: 20px 5px;
text-align: left;
}

#threedmodelingContentMid {
width: 470px;
margin: 5px 5px 0 5px;
text-align: left;
clear:both;
}
#threedmodelingSpecialsLeftTop {
width: 75px;
margin: 5px 5px 5px 5px;
float: left;
text-align: left;
}
#threedmodelingSpecialsMidTop {
float: left;
margin: -10px 5px;
width: 300px;
}
#threedmodelingSpecialsRightTop {
float: right;
margin: 0px 5px;
width: 65px;
}
#threedmodelingSpecialsLeftMid {
width: 150px;
margin: 20px 5px 5px 5px;
float: left;
text-align: left;
}
#threedmodelingSpecialsRightMid {
float: right;
margin: 5px 5px;
width: 300px;
}

#threedmodelingSidebar {
background: #000 url(images/layout/top_section_grad.jpg) repeat-x;
border: #333 solid 1px; 
color: #fff;
width: 200px;
height: auto;
text-align: center;
padding: 25px 0px 0px 0px;
float:left;
clear: left;
margin-top: 5px;
}

#imageviewerLeft {
width: 150px;
margin: 3px 2px;
text-align: center;
float: left;
}
#imageviewerMid {
width: 150px;
margin: 3px 5px;
text-align: center;
float: left;
}
#imageviewerRight {
width: 150px;
margin: 3px 2px;
text-align: center;
float: right;
}

/*current.php layout*/

#currentSpecialsLeftTop {
width: 75px;
margin: 5px 5px 5px 5px;
float: left;
text-align: left;
}
#currentSpecialsMidTop {
float: left;
margin: -10px 5px;
width: 375px;
}
#currentSpecialsLeftMid {
float: right;
margin: 0px 5px;
width: 65px;
}

#currentContentBottom {
width: 470px;
margin: 5px 5px 0 5px;
text-align: left;
clear:both;
text-align: center;
}

/*links.php layout*/
#linksContentTop {
width: 470px;
margin: 20px 5px;
text-align: left;
}

#linksContentLeft {
width: 230px;
margin: 5px;
text-align: left;
float: left;
}
#linksContentRight {
width: 230px;
margin: 5px;
text-align: left;
float:right;
}
#linksContentFull {
width: 470px;
margin: 5px;
text-align: left;
float:right;
}

.linksCategory
{
border-style: outset;
border-width: 1px;
border-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color: #ffff00;
margin: 10px 5px;
font-size: 12pt;
text-align: left;
clear:both;
}

/*contact.php layout*/
#contactFormTop {
width: 470px;
margin: 20px 5px;
text-align: left;
}

#contactFormLeft {
width: 100px;
margin: 5px;
text-align: left;
float: left;
}
#contactFormRight {
width: 360px;
margin: 5px;
text-align: left;
float:right;
}