body { font: normal 0.85em Verdana, Arial; margin: 0; padding: 0; background-color: #EEE; color: #000; }
p {margin-top: .8em; margin-bottom: .7em; }
img {border:0;}

#container { width: 700px; border: solid 1px #999; margin: 0 auto; padding: 0; background-color: #FFF; overflow:auto;}


/* Navigation Starts */
#topNav ul { margin: 0; padding: 0; list-style-type: none; }
#topNav ul li.nav { display: block; float: left; text-align: center; padding: 0; margin: 0px 0px 0px 2px; }
#topNav ul li.nav a{ background-position:left top; background-repeat:no-repeat; width: 100px; height: 100px; padding: 0; margin: 0; display: block;  }

#topNav ul li.logo { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#topNav ul li.logo a{ background-position:left top; background-repeat:no-repeat; width: 190px; height: 100px; padding: 0; margin: 0; display: block;  }

#navHome a { background-image:url(g/nav_home.jpg)}
#navAboutUs a { background-image:url(g/nav_aboutus.jpg)}
#navPortfolio a { background-image:url(g/nav_portfolio.jpg)}
#navNews a { background-image:url(g/nav_news.jpg)}
#navContactUs a { background-image:url(g/nav_contactus.jpg)}

#topNav ul li a:hover { background-position: left bottom; background-repeat:no-repeat; }

.hideTxt1 { display: none; padding: 0; margin: 0;}
/* Navigation Ends */


#leftcolumn { width: 190px; border: 0; margin: 2px 0px 0px 0px; padding: 0; background-color: #fff; float:left; }

.lcgreybox { width: 189px; border: 0; margin: 0px 0px 2px 0px; padding: 0; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #999;}
.lcgreyboxtitle { height:18px; padding: 5px; background-color: #999; background-image:url(g/greybox_background.jpg);background-repeat:no-repeat; color: #fff; font-size:.8em;}
.lcblueboxtitle { height:18px; padding: 5px; background-color: #456181; background-image:url(g/bluebox_background.jpg);background-repeat:no-repeat; color: #fff; font-size:.8em;}
.lcgreyboxcontent { padding: 5px; background-color: #fff;}
.lcgreyboxcontent p{ margin: 2px; font-size:.9em; line-height:1.4em;}

.boldtext {font-size:.9em; line-height:1.4em;font-weight:bold;margin: 2px;}

#content { width: 484px; border: 0; margin: 2px 0px 0px 2px; padding: 12px; background-color: #fff; float:left; background-image:url(g/content_background.jpg);background-repeat:no-repeat;  }

#content p {font-size:.85em; line-height:1.4em;}
#content p a{color:#000;}

h1 { font: bold 1.5em "Century Gothic", Verdana, Arial, sans-serif;color: #666; }
h2 { margin: 0;font: bold 1.1em "Century Gothic", Verdana, Arial, sans-serif;color: #666; }
h3 { margin: 0;font: bold .9em "Century Gothic", Verdana, Arial, sans-serif;color: #666; }

#footer { width: 700px; min-height: 30px; border: 0; margin: 0 auto; padding: 0; background-color: #EEE;}
#footer p {font-size:.8em; line-height:.5em;color: #000;}
#footer p a{font-size:1em; line-height:.5em;color: #000;}

.serviceslist {padding:0;margin:20px;list-style-image: url(g/bullet_services.gif)}
.serviceslist li{margin:0px 5px 15px 0px;font-size:.85em; line-height:1.4em;}

.serviceslistsub {padding:0;margin: 5px 0px 0px 140px;list-style-image: url(g/bullet_servicessub.gif)}
.serviceslistsub li{margin:0px 5px 5px 0px;font-size:.85em; line-height:1.4em;}

.quickfacts {padding:0;margin: 5px 0px 0px 20px;list-style-image: url(g/bullet_servicessub.gif)}
.quickfacts li{margin:0px 5px 10px 0px;font-size:.85em; line-height:1.4em;}
.quickfacts li a{color:#000;}

.newsitem {padding:0;margin: 0;list-style-type:none;}
.newsitem li {margin:0px 0px 20px 0px;overflow:auto;}

.newsimages {width:90px;margin:0; padding:0; list-style-type:none; float:left;}
.newsimages li{margin:0px 10px 5px 0px;}

.newsarticle {width:380px;margin:0; padding:0; list-style-type:none; float:left;}

.homepagenewsleft { width: 90px; border: 0; margin: 0; padding: 0; float:left; }
.homepagenewsright { width: 384px; border: 0; margin: 0; padding: 0; float:left; }
.homepagenewsleft img{ margin: 5px 0px 0px 0px;}

.newsleft { width: 90px; border: 0; margin: 0; padding: 0; float:left; }
.newsright { width: 394px; border: 0; margin: 0; padding: 0; float:left; }
.newsleft img{ margin: 5px 0px 0px 0px;}

.portfolioleft { width: 242px; border: 0; margin: 0; padding: 0; float:left;}
.portfolioright { width: 242px; border: 0; margin: 0; padding: 0; float:left;}

.pitemleft { width: 78px; border: 0; margin: 15px 0px 0px 0px; padding: 0; float:left;}
.pitemright { width: 164px; border: 0; margin: 15px 0px 0px 0px; padding: 0; float:left;color:#000;font-size:.9em;}

.smalltext {font-size:.8em;}

.bulletfolder {padding:0;margin: 5px 0px 0px 30px;list-style-image: url(g/bullet_folder.gif)}
.bulletfolder li{margin:0px 5px 10px 0px;font-size:.85em; line-height:1.4em;}
.bulletfolder li a{color:#000;}

#projectcontainer {margin: 15px 0px 0px 0px;}

.projectthumbs { width: 110px; border: 0; margin: 0; padding: 0; float:left;}
.projectlarge { width: 374px; border: 0; margin: 0; padding: 0; float:left;}

.webdesignleft { width: 210px; border: 0; margin: 0; padding: 0; float:left; }
.webdesignright { width: 274px; border: 0; margin: 0; padding: 0; float:left; }