body {
	margin:0;
	padding:0;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#D8D7D3;
	background-color:#110b87;
	text-align:center;
	}
	
#bio img.l{
	padding-left:15px;
	}
	
#bio img.p{
	padding-left:95px;
	}

.bodyImg {
	border: thin outset #333333;
}

.caption {
	font-size:11px;
	/*	color:#628E9D; */
	color:#CC3300;
	}

.homeImage {
	border:thin solid #333333;
	display:block;
	margin-left:auto;
	margin-right:auto;
	}
	
img{
	border:0;
	padding:0;
	margin:0;
	}

img.imgr{
	float:right;
	clear:right;
	margin:5px 15px 10px 10px;
	}

.justify{
	text-align:justify;
	}
	
.bold{
	font-weight:bold;
	}
	
.center{
	text-align:center;
	}
	
.right{
	text-align:right;
	}
	
.nostart {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.clear{
	display:block;
	height:1px;
	font-size:0;
	margin-bottom:0 !important;
	margin-bottom:-15px; /* Remove IE Bug - Anything less than 15px is made to be 15px */
	clear:both;
	}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  align:center;
  /* \*/display:block;/**/
  }
.wrap1 {
	background:url(../../images/shadow.gif) no-repeat right bottom;
  }
.wrap2 {
  background:url(../../images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 40px 40px 0;
  background:url(../../images/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }

a{
	outline:none;
	}
	
/* ----------------------------------------------Container-------------------------------------*/

#container{
	position:relative;
	margin:0 auto 0;
	text-align:left;
	width:930px;
/*	padding:128px 15px 32px 15px; */
	padding:58px 15px 32px 15px;
	color:#000000;
	background-color: #FFFFFF;
	background-image: url(../../images/cbg3.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
/* ----------------------------------------------Head-------------------------------------*/

#head{
	position:relative;
	float:left;
	width:930px;
	height:280px;
	margin-bottom:21px;
	font-size:22px;
	font-family:"Times New Roman", Georgia, Times, serif;
	font-style:italic;
	color:#747473;
	background-color: #292929;
	background-image: url(../../images/hbg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#head h1{
	margin:0;
	padding:0;
	}
	
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{
	display:block;
	position:absolute;
	top:0px;
	left:10px;
	width:120px;
	height:141px;
	text-indent:-2000px;
	overflow:hidden;
	background-image: url(../../images/Crest.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

p#quote{
	position:absolute;
	top:10px;
	left:190px;
	margin:0;
	padding:0;
	font-weight:bolder;
	color: #CCCCCC;
	}

/* ----------------------------------------------Top Navi-------------------------------------*/

ul#topnavi{
	position:absolute;
	top:213px;
	left:0;
	display:block;
	width:930px;
	height:67px;
	list-style:none;
	margin:0;
	padding:0;
	z-index:1;
	background:url("../../images/tnavibg.jpg") top left no-repeat;
	}
	
ul#topnavi li{
	display:inline;
	float:left;
	height:42px;
	background:url("../../images/line.jpg") top right no-repeat;
	}
	
ul#topnavi li.last{
	background:none;
	}
	
ul#topnavi a:link, ul#topnavi a:visited, ul#topnavi a:hover{
	display:inline;
	float:left;
	height:27px;
	padding:15px 0 0 0;
	margin:0 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-style:normal;
	}

ul#topnavi a:hover{
	color:#FFFFFF;
	background-color:transparent;
	}

/* ----------------------------------------------Content-------------------------------------*/
form {
	margin-left:10px;
}

#pagecontent{
	position:relative;
	float:left;
	width:700px;
	padding-top:0px;
	line-height:1.4em;
	}

	
#pagecontent #hpage li a{
	color:#FD8C41;
	background-color:#FFFFFF;
	font-size:2em;
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
	text-transform:uppercase;
	}

#pagecontent #showcase .container li.posted strong{
	color:#FFD085;
	background-color:#FFFFFF;
	/*font-weight:normal;*/
	}
	
#pagecontent #response table a:link, #pagecontent #response table a:visited, #pagecontent #response table a:hover{color:#FD8C41; background-color:#F2F2F2;}
	
#pagecontent h1, #pagecontent h2{
	padding:5px 0 5px 10px;
	margin:8px 0;
	font-size:20px;
	font-family:"Times New Roman", Georgia, Times, serif;
	font-weight:normal;
	color:#7696A9;
	background:url("images/headlinebg.gif") left center no-repeat #FFFFFF;
	}
	
#pagecontent h3{
	padding:5px 0 5px 10px;
	margin:8px 0;
	font-size:18px;
	font-family:"Times New Roman", Georgia, Times, serif;
	font-weight:normal;
	color:#B96677;
	}
	
#pagecontent h4, #pagecontent h5, #pagecontent h6{
	padding:5px 0 5px 10px;
	margin:8px 0;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#004A95;
	background:url("images/headlinebg.gif") left center no-repeat #FFFFFF;
	}
	
#pagecontent hr{
	width:97%;
	background-color: #D6DBE4;
	color: #D6DBE4;
	}
	
#pagecontent img.left{
	float:left;
	padding-right:10px;
	padding-left:10px;
	}
	
#pagecontent img.right{
	float:right;
	padding-right:10px;
	padding-left:10px;
	}

#pagecontent div.code code.yellow{
	/*color:#FFFF00;*/
	color:#660000;
	background-color:#FFFFFF;
	}

#pagecontent form.year{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:110px;
	margin-top:-30px;
	}

#pagecontent table {
	width:75%;
	margin:0 auto;
	border: 1px solid #99ACCA;
}

#pagecontent th {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom-style: solid;
	border-bottom-color: #99ACCA;
	color:#000099;
	padding-left:10px;
}

#pagecontent td {
	padding-left:10px;
	padding-right:10px;
}

#pagecontent td a:link, #pagecontent td a:visited, #pagecontent td a:hover{
	text-decoration:none;
	color:#000099;
}

#pagecontent tr.even {
	background-color: #E0EBF1;
}

#pagecontent option, #pagecontent select{
	color:#000099;
	}

#pagecontent p{
	color:#000099;
	padding-left:10px;
	}
	
#news {
	column-width:49%;
	column-gap:2%
	}

/* ----------------------------------------------Showcase-------------------------------------*/
#showcase{
	display:block; 
	width:700px;
	}

#showcase .container{
	position:relative;
	float:left;
	display:inline;
	width:208px;
	height:208px;
	margin:0 12px 20px 13px;
	background:url("images/galbg.gif") top left no-repeat;
	}

#showcase .container ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#showcase li{
	padding:0;
	background:none;
	}
	
#showcase a:link, #showcase a:visited, #showcase a:hover{
	color:#FD8C41;
	background-color:#FFFFFF;
	text-decoration:none;
	font-style:normal;
	}
	
#showcase .container li.name{
	position:absolute;
	top:20px;
	left:7px;
	width:182px;
	height:15px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	overflow:hidden;
	}
	
#showcase .container li.screen{
	position:absolute;
	top:41px;
	left:7px;
	}
	
#showcase .container li.screen img{
	width:180px;
	height:134px;
	border:1px solid #01FFFF;
	}
	
#showcase .container li.demo{
	position:absolute;
	top:182px;
	left:7px;
	}
	
#showcase .container li.dld{
	position:absolute;
	top:180px;
	right:19px;
	}

#showcase .container li.posted{
	position:absolute;
	top:180px;
	left:7px;
	font-size:11px;
	color:#A7BAC5;
	background-color:#FFFFFF;
	}

#content #showcase .container li.posted strong{
	color:#FFD085;
	background-color:#FFFFFF;
	/*font-weight:normal;*/
	}
/* ----------------------------------------------Right Block-------------------------------------*/

#rightblock{
	position:relative;
	float:right;  
	width:200px;
	padding-top:0px;
	margin:0;
	}
	
#rightblock h6.title{
	display:block;
	width:184px;
	height:16px;
	margin:0 0 12px 0;
	padding:6px 8px 8px 8px;
	color:#D7D7D7;
	font-size:16px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
/*	background:url("../../images/titlebg.gif") top left no-repeat #FFFFFF; */
	}

#rightblock #guestbook a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#B62A6F;
	text-decoration:none;
}

#rightblock #guestbook h6{
	position:absolute;
	left:5px; 
	margin-top:5px;
	width:92px;
	height:35px;
	z-index:1;
}

#rightblock #guestbook li{
	padding-top:6px;
	color:#B62A6F;
}

#rightblock #guestbook ul{
	position:absolute;
	left:75px;
	top:10px; 
	width:127px;
	height:37px;
	z-index:2;
	line-height: .85em;
	list-style:none;
	margin-top:-10px;
}
	
#rightblock #buyat h6{
	position:absolute;
/*	top:115px; */
	left:5px; 
	margin-top:65px; 
	width:92px;
	height:35px;
	z-index:1;
}

#navi{ 
	width:200px;
	margin-bottom:15px;
	margin-top:130px;
	}
	
#rightblock #navi h6.title{ 
	margin-bottom:0px;
	margin-top:12px;
	}
	
#rightblock h6.toggler2, #rightblock #navi h6.toggler2{
	cursor:pointer;
	color:#B62A6F;
	background-color:#FFFFFF;
	font-size:1.5em;
	}
	
#navi ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	
#navi a:link, #navi a:visited, #navi a:hover{
	display:block;
	width:170px;
	padding:10px 5px 10px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#B62A6F;
	/*	background:url("../../images/navibg.gif") left center no-repeat #FFFFFF; */
	text-decoration:none;
	border-bottom:1px solid #D7D7D7;
	}
	
#navi a:hover{
	color:#000000;
/*	background:url("images/navibgact.gif") left center no-repeat #FFFFFF; */
	}
	
/* LEVEL 2 (UL UL)*/

#navi li ul li a:link, #navi li ul li a:visited, #navi li ul li a:hover{
	display:block;
	width:150px;
	padding-left:45px;
/*	background:url("../../images/navibg.gif") 0 5px no-repeat #FFFFFF; */
	}

/* LEVEL 3 (UL UL UL)*/

#navi li ul li ul li a:link, #navi li ul li ul li a:visited, #navi li ul li ul li a:hover{
	display:block;
	width:130px;
	padding-left:65px;
	}
	
/* Active Links */

#navi li.active a:link, #navi li.active a:visited, #navi li.active a:hover{
	color:#000000;
/*	background:url("images/navibgact.gif") left center no-repeat #FFFFFF; */
	}
	
/* LEVEL 2 Active */

#navi li.active li a:link, #navi li.active li a:visited, #navi li.active li a:hover{
	color:#FD8C41;
	background:url("images/navibg.gif") 20px 13px no-repeat #FFFFFF;
	}
	
#navi li.active li a:hover{
	color:#000000;
	background:url("images/navibgact.gif") 20px 13px no-repeat #FFFFFF;
	}
	
#navi li.active li.active a:link, #navi li.active li.active a:visited, #navi li.active li.active a:hover{
	color:#000000;
	background:url("images/navibgact.gif") 20px 13px no-repeat #FFFFFF;
	}

#navi li.active li.active li a:link, #navi li.active li.active li a:visited, #navi li.active li.active li a:hover{
	color:#FD8C41;
	background:url("images/navibg.gif") 40px 13px no-repeat #FFFFFF;
	}
	
#navi li.active li.active li a:hover{
	color:#000000;
	background:url("images/navibgact.gif") 40px 13px no-repeat #FFFFFF;
	}

#navi li.active li.active li.active a:link, #navi li.active li.active li.active a:visited, #navi li.active li.active li.active a:hover{
	color:#000000;
	background:url("images/navibgact.gif") 40px 13px no-repeat #FFFFFF;
	}


/* ----------------------------------------------Holder-------------------------------------*/

.holder{
	width:200px;
	margin-bottom:15px;
	}

.holder ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.holder li{
	margin-bottom:5px;
	}

.holder a:link, .holder a:visited, .holder a:hover{
	color:#FD8C41;
	background-color:#FFFFFF;
	text-decoration:none;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footerwrapper{
	text-align:left;
	width:960px;
	padding:52px 0 0 0;
	margin:0 auto;
	font-size:12px;
	line-height:1.4em;
	color:#000000;
	background:url("../../images/ftwrbg.gif") top left no-repeat #FFFFFF;
	}

#footerwrapper a:link, #footerwrapper a:visited, #footerwrapper a:hover{
	text-decoration:none;
	font-style:normal;
	color:#FD8C41;
	background-color:#FFFFFF;
	}

#footer{
	display:block;
	width:930px;
	padding:32px 15px 0 15px;
	margin:0 0 10px 0;
	background:url("../../images/footer_bg.gif") top left no-repeat;
	}
	
.sponsor{
	position:relative;
	float:left;
	width:210px;
	margin-right:60px;
	}
	
#footer .sponsor a:link, #footer .sponsor a:visited, #footer .sponsor a:hover{
	text-decoration:none;
	font-style:normal;
	}
	
.sponsor h6{
	font-size:18px;
	font-family:"Times New Roman", Georgia, Times, serif;
	margin:0;
	padding:0;
	color:#7696A9;
	background-color:#FFFFFF;
	font-weight:normal;
	}

#advertise {
	width:220px;
	margin-right:0;
	margin-left:-25px;
	}
	
#bookmarks {
	position:relative;
	float:right;
	width:140px;
	margin-right:0;
	}

#bookmarks ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
#bookmarks li{
	margin:0 0 5px 0;
	cursor:pointer;
	background:none;
	padding-left:0;
	color:#FD8C41;
	background-color:#FFFFFF;
	}
	
#bookmarks img {
	padding: 0;
	margin-right:5px;
	border:none;
	vertical-align:text-bottom;
	}

#meta{
	width:950px;
	padding:10px 5px;
	margin:0;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	background-color:#000066;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #666666;
	}
	
#meta a:link, #meta a:visited, #meta a:hover{
	color:#FFFFFF;
	background-color:#000066;
	text-decoration:none;
	font-style:normal;
	}
	
#meta ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#meta li{
	display:inline;
	margin:0 2px 0 2px;
	}

/* ----------------------------------------------Absolute Positioned Extras-------------------------------------*/
	
#adsense1{
	position:absolute;
	top:17px;
	left:0;
	width:468px;
	height:60px;
	}

#globe{
	position:absolute;
	top:146px;
	left:40px;
	width:150px;
	height:178px;
	background:url("images/globe.jpg") top left no-repeat;
	}

#flower{
	position:absolute;
	top:160px;
	right:0;
	width:15px;
	height:191px;
	background:url("images/floside.gif") top left no-repeat;
	}

#flobot{
	position:absolute;
	top:408px;
	right:75px;
	width:133px;
	height:21px;
	background:url("images/flobot.gif") top left no-repeat;
	}
	
/* ----------------------------------------------Author Info-------------------------------------*/

#author{
	margin:25px 0;
	display:block;
	width:540px;
	padding:0 0 0 160px;
	background:url("images/author.jpg") left center no-repeat;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

#author ul{
	list-style-type:none;
	position:relative;
	margin:20px 0;
	padding:0;
	}
	
#author li{
	margin-bottom:5px;
	background:none;
	padding-left:0;
	}
	
#author li span{
	display:block;
	float:left;
	width:140px;
	font-weight:bold;
	}

/* ----------------------------------------------Link Blocks-------------------------------------*/

.lkblkcont, .lkblkcont2{
	position:relative;
	float:left;
	width:47%;
	text-transform:uppercase;
	}
	
.lkblkcont h4, .lkblkcont2 h4{
	text-transform:none;
	}
	
.lkblkcont2{
	margin-left:4%;
	}

.lkblock{
	display:block;
	width:100%;
	margin-bottom:20px;
	}
	
.lkblock h4, .lkblock ul{
	margin:0 0 10px 0;

	padding:0;
	}
	
.lkblock ul{
	list-style-type:none;
	}

/* ----------------------------------------------RSS Feed-------------------------------------*/

#content #feed{
	display:block;
	width:700px;
	}
	
#content #feed p{
	margin:5px 0 25px 0;
	}
	
#content #feed p span{
	font-size:.8em;
	color:#A7BAC5;
	background-color:#1F1F1F;
	}

/* ----------------------------------------------Homepage-------------------------------------*/

ul#hpage{
	display:block; 
	width:700px;
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	}

#hpage li{
	position:relative;
	float:left;
	display:inline;
	width:180px;
	height:190px;
	margin:0 20px 15px 15px;
	padding:10px 5px 0 15px;
	overflow:hidden;
	}
	
#content #hpage li a{
	color:#FD8C41;
	background-color:#FFFFFF;
	font-size:2em;
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
	text-transform:uppercase;
	}

#hpage .csstemplates{background:url("images/home/csstemplates.gif") top left no-repeat;}
#hpage .premiumtemplates{background:url("images/home/premiumtemplates.gif") top left no-repeat;}
#hpage .csslayouts{background:url("images/home/csslayouts.gif") top left no-repeat; margin-right:0;}
#hpage .cssmenus{background:url("images/home/cssmenus.gif") top left no-repeat;}
#hpage .csstutorials{background:url("images/home/csstutorials.gif") top left no-repeat;}
#hpage .cssarticles{background:url("images/home/cssarticles.gif") top left no-repeat; margin-right:0;}
#hpage .cssgallery{background:url("images/home/cssgallery.gif") top left no-repeat;}
#hpage .cssreference{background:url("images/home/cssreference.gif") top left no-repeat;}
#hpage .cssresources{background:url("images/home/cssresources.gif") top left no-repeat; margin-right:0;}


/* ----------------------------------------------CSS Gallery Submission Form-------------------------------------*/

#content form#sitesubmit{
	width:455px;
	margin:50px auto;
	}
	
#content form#sitesubmit .box{
	display:block;
	width:470px;
	padding-bottom:15px;
	text-align:left;
	}
	
#content form#sitesubmit .box fieldset{
	border:none;
	}
	
#content form#sitesubmit .box legend{
	display:none;
	}
	
#content form#sitesubmit .box label, #content form#sitesubmit .box select, #content form#sitesubmit .box input, #content form#sitesubmit .box textarea{
	display:block;
	float:left;
	width:200px;
	margin-bottom:5px;
	border:1px solid #CCCCCC;
	}
	
#content form#sitesubmit .box input, #content form#sitesubmit .box textarea{
	width:215px;
	padding-left:4px;
	}
	
#content form#sitesubmit .box select{
	width:220px;
	padding-left:0;
	}
	
#content form#sitesubmit .box label{
	border:none;
	}