body {text-align:center; background:url(../images/background_gradient.jpg) top left repeat-x; margin:30px;}

h1, h2, h3, ul {margin:0; padding:0;}
ul, li {list-style-type:none;}

.container {margin:auto; text-align:left; padding-top:13px; width:827px; background:url(../images/top_border.gif) top left no-repeat;}

.container_inside {height:100%; width:100%; background:#fff url(../images/center_border.gif) top left repeat-y;}

.footer {margin:auto; width:827px; background:url(../images/bottom_border.gif) top left no-repeat;}

.header {height:151px; width:822px; padding-right:5px; background:url(../images/blue_bar_left.gif) 5px 104px no-repeat;}
.header h1 {float:left; background:url(../images/netpslasher_logo.jpg) 45px bottom no-repeat; width:450px; height:105px;}
.header span {display:none;}
.header div {float:right; position:relative; background:url(../images/header_graphic.jpg) top left no-repeat; width:268px; height:178px; z-index:100;}
.header div div {width:100%; height:100%; background:url(../images/blue_bar_right.gif) right 104px no-repeat;}


ul.navigation {position:absolute; clear:both; display:block; width:817px; top:194px; margin-left:5px; margin-right:5px; background:url(../images/nav_bg.gif) left top repeat-x;}


.navigation li {display:block; float:left; margin-top:35px; width:136px; height:50px; background:url(../images/tab_rollover.gif) left top no-repeat;}
.navigation li a, .navigation li a:visited {
	display:block; width:100%; height:100%; background:url(../images/tab_unselected.gif) left top no-repeat; 
	font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ccc; text-decoration:none;
	text-align:center; padding-top:8px; text-transform:uppercase;}
.navigation li a:hover {background:none;}

.content {width:100%;}
div.divider {width:100%; height:90px; /*Height correction for IE6 only */ *-height:60px; /*End IE6 hack*/}
div#prop {height:500px; float:right; width:1px;} /* Min height hack*/
div#clear {clear:both; height:1px; overflow:hidden;} /* End Min height hack*/

/* Column layout CSS */
.left_column {width:198px; float:left;}
.right_column {width:198px; float:right;}
.body_content {width:428px; float:left;}

/*Individual Element Styles*/
.grey_box {background:#e4e4e4; margin:0 15px 0 15px; height:250px;}
.grey_box h2 {width:100%; height:30px; background:url(../images/h1_background.gif) top left repeat-x; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; padding-top:15px; text-transform:uppercase;}
.grey_box h2 span {margin-left:15px;}

.grey_box ul {height:205px; background:url(../images/laptop.jpg) left 120px no-repeat;}
.grey_box ul li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border-bottom:1px solid #CCCCCC; padding:0; height:20px;}
.grey_box ul li a, .grey_box ul li a:visited {display:block; width:163px; height:15px; margin:0; padding:5px 0 0 5px; text-decoration:none; color:#333333;}
.grey_box ul li a:hover {background:#CCCCCC;}

#quote_box {text-align:center; background:#e4e4e4 url(../images/logo_small.gif) center 200px no-repeat}
#quote_box p, #quote_box h2 {text-align:left;}
#quote_box p {font-weight:bold; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000066; margin:15px 20px 15px 20px;}
#click_here_button {margin:auto; width:150px; height:50px; background:url(../images/click_here_hover.gif) 5px top no-repeat;}
#click_here_button span {display:none;}
#click_here_button a, #click_here_button a:visited {display:block; width:100%; height:100%; background:url(../images/click_here.gif) 5px top no-repeat;}
#click_here_button a:hover {background:none;}

.links {margin:15px 15px 0 15px;}
.links h2 {	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase;}
.links h2, .links a {color:#343270;}
.links h2 span {color:#0033CC;}
.links li {border-top:1px solid #CCCCCC; padding-top:2px; padding-bottom:2px;}
.links a, .links a:visited {text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px;}
.links a:hover {text-decoration:underline;}

#web_design_101 {height:230px; background:url(../images/desk_image.jpg) center bottom no-repeat;}

#w3c_valid img {border:none; margin:15px;}

.body_content h1, h2, h3, p {font-family:Arial, Helvetica, sans-serif; margin:0;}
.body_content h1 {font-weight:bold; font-size:19px; margin-top:10px; margin-bottom:10px; color:#343270; text-transform:uppercase;}
.body_content h2 {font-size:16px; color:#343270; margin-top:20px; text-transform:uppercase; font-style:italic;}
.body_content p {font-size:11px; margin-top:10px; margin-bottom:10px; color:#333333; line-height:18px; text-align:justify;}
.body_content a {color:#343270;}

.bordered {background:#f4f4f4; border:1px solid #CCCCCC; padding:0 15px 15px 15px; margin-bottom:15px;}

.footer ul {padding-top:20px;}
.footer ul li {display:inline; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footer a, .footer a:visited {color:#fff;}
.footer span {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}


