/* ----- CSS Formatting ------- */


*{ margin:0px; padding:0px; }
p{ margin-bottom:10px; line-height:14px; }
ol,ul{ margin-left:25px; line-height:16px; }


/* ---- Main Layout ------------ */

body{ text-align:center; }

#container{ width:760px; text-align:center; margin:10px auto; }

#heading{ width:100%; margin-bottom:5px; height:50px; position:relative; }
#homelink{ position:absolute; top:0px; left:0px; width:230px; height:90%; }
#homelink span{ display:none; }

#nav{ list-style-type:none; position:absolute; bottom:4px; right:10px; }
#nav li{ display:block; float:left; height:30px; margin-left:10px; position:relative; text-align:center; }
#nav a, #nav a:visited{ display:block; width:90%; height:100%; margin:0px auto; }
#nav a span{ position:relative; top:14px; }


/* Fix for borders since IE is retarded and won't do pngs after 2312090 years. */

#left-border{ position:absolute; top:65px; left:0px; }
#right-border{ position:absolute; top:65px; right:-1px; }


#n1{ width:90px; }
#n2{ width:125px; }
#n3{ width:80px; }
#n4{ width:80px; }
#n5{ width:80px; }

#footer{ list-style-type:none; text-align:center; font-weight:bold; font-size:10px; height:25px; }
#footer ol{ padding-top:7px; margin:0px !important; }
#footer li{ display:inline; padding:0px 8px 0px 8px; }
#footer a, #footer a:visited{ color:white; text-transform:uppercase; }
#footer2{ margin-top:35px; }


/* ---- Default Items ------------ */

div.full{ width:750px; margin:0px auto 0px auto; text-align:left; clear:both; overflow:hidden; }
div.shadow-gap{ width:100%; clear:both; height:15px; }
div.bottomline{ width:100%; clear:both; height:10px; }

div.left, div.right{ width:48%; padding:15px 7px 10px 7px; float:left; }
div.right{ float:right; }

div.left2, div.right2{ width:35%; padding:15px 7px 10px 7px; float:left; }
div.right2{ float:right; width:60%; }

div.left3, div.right3{ width:35%; padding:15px 7px 10px 7px; float:right; }
div.left3{ float:left; width:60.75%; }

div.col, div.col-mid, p.col{ width:230px; float:left; padding:1px 7px 7px 8px; }
div.col-mid{ margin:0px 2px 0px 3px; }

div.inner{ width:94%; padding:10px; }

p.col{ padding:0px !important; }

div.fixed{ height:215px; }
div.bar{ padding:7px 0px 5px 7px; overflow:auto; }

hr.clear{ visibility:hidden; clear:both; height:1px; }
h1,h2,h3,h4{ margin-bottom:5px; }

#subnav{ padding:10px 7px 0px 7px; height:22px; }
#subnav h2{ width:200px; float:left; }
#subnav ol{ list-style-type:none; height:20px; text-align:right; }
#subnav li{ display:inline; padding:0px 8px 0px 8px; }

/* ---- Special Classes ------------ */

*.drop{ margin-top:10px; }
*.push{ margin-bottom:10px !important; }
*.nodrop{ margin-bottom:0px !important; }

div.top-header{ margin-bottom:2px; position:relative; height:110px; }
div.top-header h1{ position:absolute; bottom:30px; right:10px; z-index:10; }
div.top-header p{ position:absolute; bottom:22px; right:10px; margin:0px; z-index:10; }

div.row{ width:100%; margin-bottom:5px; }

img.thumb{ width:55px; height:55px; float:left; margin:0px 5px 5px 0px; }
img.photo{ width:55px; height:55px; float:left; margin:0px 5px 10px 0px; vertical-align:text-top; }

p.clear{ clear:left; }
h3.ptitle, h2.ptitle{ height:25px; width:99%; position:relative; left:-2px; margin-bottom:10px; }
h3.ptitle span, h2.ptitle span{ position:absolute; top:5px; left:3px; }

p.moveright, p.right{ float:right; margin-right:150px; margin-top:2px; }
p.right{ margin-right:15px; }

ul.news-list{ list-style-type:none; margin:0px !important; }
span.news-date{ position:relative; top:-5px; }

*.nodrop{ margin-bottom:0px; }

/* ---- Home Page ------------------ */

#home-top{ position:relative; }
#home-left{ width:445px; height:225px; float:left; }
#home-right{ width:275px; height:200px; padding:25px 10px 0px 15px; float:right; }

/* ---- Portfolio Page ------------- */

#port-left{ width:400px; float:left; height:325px; position:relative; }
#port-right{ width:345px; float:right; position:relative; height:325px; overflow:hidden; }
#pthumb{ margin-bottom:1px; }



/* ---- Products Page -------------- */

div.pbox{ width:14.85%; float:left; margin-bottom:2px; margin-right:12px; }
div.pbox img, img.productimg{ width:99%; height:75px; margin:0px 0px 4px 0px;}