*{
	padding: 0;
	margin: 0;
}

.leftfloat{
	float: left;
}

.clearer{
	clear: both;
}

html, body{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: small;
	text-align: center;
	padding: 0;
	border-top: 1px solid #000;
	color: #666;
	background: #796868 url("/icmsBeta2/media/default/images/body.jpg") repeat-x 0 0}

/* TEXT HEADINGS */
h1,h2,h3{
	font-weight: normal;
	font-family: tahoma, georgia, "Lucida Grande", Arial, Verdana, sans-serif;
	line-height: 110%;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: .4em;
	color: #333;
	background: transparent}

h1{font-size: 125%}
h2{font-size: 105%}
h3{font-size: 90%}

h3 a{
	background: transparent}

h3 a:hover{
	color: #FF6C01;
	background: transparent}

/* LAYOUT CONTAINERS */
#bigwrap{
	width: 100%;
	background: #f9f9f9 url("/icmsBeta2/media/default/images/body.jpg") repeat-x 0 0}

#mainwrapper{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 90%;}
	
#splash{
	width: 760px;
	height: 206px;
	background: transparent url("/icmsBeta2/media/default/images/splash.jpg") no-repeat 0 0}

#fauxmargin{
	border-left: 1px solid #F0EFE2;
	border-right: 1px solid #F0EFE2;
	margin-right: 7px;
	margin-left: 7px;
	padding: 0 12px 10px 11px}
	
#footer{
	font-size: .8em;
	width: 100%;
	text-align: left;
	height: 133px;
	background: #FFF url("/icmsBeta2/media/default/images/footer.gif") repeat-x left top}
	
#footer a{
	text-decoration: none;
	color: #A6A6A6}
	
#footer a:hover{
	color: #FFB500;
}

/* MAIN NAVIGATION */
#navbar{
	padding: 1em 0;
	text-align: left;
	border-top: 1px solid #6d6d6d;
	border-bottom: 1px solid #FFF;
	background: #505050}

#nav{
	width: 730px;
	margin: 0 auto 0 auto;
	font-size: .9em;
	list-style: none;
}

#nav li{
	margin-right: .8em;
	display: inline;
	color: #787878
}

#nav a{
	height: 14px;
	overflow: hidden;
	padding-left: 20px;
	background: transparent url("/icmsBeta2/media/default/images/nav_item.gif") no-repeat left top;
	text-decoration: none;
	color: #A6A6A6;
}

#nav a:hover{
	background-position: 0 -14px;
	color: #FFB500;
}

#nav a.current{
	background-position: 0 -14px;
}

/* FLOATING CONTENT BOXES */
#topleft{
	float: left;
	width: 400px;
	padding-right: 10px}
	
#topcenter{
	float: left;
	width: 300px;
	padding-right: 10px}
	
#topright{
	float:right;
	width: 400px}
	
.leftcolbox{
	float: left;
}

.rightcolbox{
	float: right;
	width: 400px;
	padding-left: 10px}
	
/* LICENSE AGREEMENT */
#license{
	padding: .5em;
	border: 1px solid #D4D4D4;
	background: #FAFAFA}

/* ROUNDEL BOXES */
	
p.prod-desc,
p.prod-downloads,
p.prod-compat,
p.prod-price{
	padding-bottom: .5em;
	background: transparent url("/icmsBeta2/media/default/images/dot_horiz.gif") repeat-x scroll bottom}

.round1{
	background: transparent url("/icmsBeta2/media/default/images/round1.gif") no-repeat left top}
	
.round2{
	background: transparent url("/icmsBeta2/media/default/images/round2.gif") no-repeat left top}
	
.round3{
	background: transparent url("/icmsBeta2/media/default/images/round3.gif") no-repeat left top}
	
.round1 p,
.round1 h3,
.round2 p,
.round2 h3,
.round3 p,
.round3 h3{
	margin-left: 80px;}

/* HOMEPAGE GALLERY IMAGES */
.picbox{
	margin-bottom: 7px;
	border: 1px solid #D4D4D4;
	background: #FAFAFA;
}

.picbox img{
	border: 1px solid #B1B1B1;
	margin: .5em;
}

.picbox p{
	margin-left: 8px;
}

/* TEXT CLASSES */

a{
	color: #FF6C01}
	
a:hover{
	color: #FF6C01}

.strong{
	font-weight: bold
}

p{
	font-size: .9em;
	margin-top: 0;
	margin-bottom: .5em}

#contentbox p{
	line-height: 140% !important;
	font-size: .9em !important}

a.pin{
	float: left;
	display: block;
	font-size: .9em;
	padding: .4em;
	margin-right: .4em;
	letter-spacing: 1px;
	border: 1px solid #545450;
	color: #B2B2B2;
	text-decoration: none;
	background-color: #64635f}
	
a.pin:hover{
	color: #FFF}

/* LINK & RESOURCE BOXES */
.resbox{
	padding-top: .5em}

p.resdesc{
	margin: 5px 5px 0 0}

p.resinfo{
	text-align: right;
	padding: 4px;
	margin: 8px 5px 5px 0;
	border: 1px solid #F0F0F0;
	background: #F7F7F7}

ol{
	margin-bottom: .5em;
	margin-left: 2.5em}

.contentlist{
	list-style: square;
	margin-left: 2.5em;
	margin-bottom: .5em}
	
.contentlist li{
	margin-bottom: .3em}
	
#footer ul{
	width: 760px;
	margin: 0 auto;
	padding: .7em 0 1em 0}
	
#footer li{
	padding: 0 0.5em 0 0.7em;
	border-left: 0.08em solid #000;
	display: inline}
	
#footer li.first {
	padding-left: 0;
	border: 0}
	
#related{
 	float:left;
	width: 25%}

#rightpanel{
	float:right;
	width: 70%;
	padding-left: 10px;
	background: #F9F9F9 url("/icmsBeta2/media/default/images/dot_vert.gif") repeat-y 0 0}

/* ERROR CONTAINER */
#errorbox {
	margin-bottom: 8px;
	border: 1px solid #867575;
	background: #EDE1E1}

#errorbox h2 {
	font: normal 100%/110% "Lucida Grande", Arial, Verdana, sans-serif;
	padding: 4px 5px;
	margin-bottom: 5px;
	color: #FFF;
	background: #867575}

#errorbox p{
	margin: 0 5px 5px 5px;
	color: #675858}

.msgbox{
	margin-bottom: 8px;
	border: 1px solid #626782;
	background: #FFF}

.msgbox h2{
	font: normal 100%/110% "Lucida Grande", Arial, Verdana, sans-serif;
	padding: 4px 5px;
	margin-bottom: 5px;
	color: #FFF;
	background: #626782}

.msgbox p{
	margin: 0 5px 5px 5px;
	color: #000}

.msgbox a{
	color: #1E90FF}

/* GENERIC FORM */
input{
	font-family: Verdana, Arial, sans-serif}

.clearfix {display: block}
.clearfix{height: 1%}

.clearfix:after {
	clear: both;
	height: 0;
	content: ".";
	display: block;
	visibility: hidden}

.clearer{clear:both}

/* GENERIC SITE WIDE CLASSES */
div.hr {
	height: 15px;
	background: transparent url("/icmsBeta2/media/default/images/dot_horiz.gif") repeat-x scroll center}

div.hr hr {	display: none}

.hoverlist{
	list-style: none}
	
.hoverlist li{
	width: 100%}

.hoverlist li a{
	font-size: .9em;
	display: block;
	width: 100%;
	text-decoration: none;
	color: #675858;
	padding: 2px 3px;
	margin-bottom: .6em;
	border: 1px solid #CBC5C5;
	background:#E7E3E3}
	
.hoverlist li a:hover,
.hoverlist li a.active{
	border: 1px solid #928787;
	color: #FFF;
	background: #A99D9D
}

/* TABLES */

table.generic{
	border: 0;
	width: 100%}

.tableborder{
	background: #CBC2C2}
	
td, th{
	padding: 4px;
}

th{
	font-weight: normal;
	color: #675858;
	background: #D9CFCF
}

.alt1{
	background: #F9F5F5;
}

.alt2{
background: #F4F0F0
}

/* Gallery Classes */
h3.galltitle{
	margin-top: 1em;
	font-weight: bold;
	color: #625656}

.galldesc{
	margin-bottom: 1.5em;
}

a.gallbutton{
	padding: 3px;
	cursor: pointer;
	margin-bottom: 1.5em;
	border: 1px solid #464646;
	text-decoration: none;
	color: #FFF;
	background: #525252}

.imgwrap{

}

a.gallthumb{
	border: 0 !important;
	text-decoration: none;
}

a.gallthumb img{
	margin: 5px;
	border: 0;
	background: #DED5D6;
}

/*------------------------------*/
/* CONTACT FORM STYLES          */
/*------------------------------*/

.formbox{
	padding: 10px;
	border: 1px solid #BEB9B9;
	background: #E3DDDD}

.formbox form{
	width: 69%;
	margin: 0}

.formbox .helper{
	float: right;
	margin-top: 18px;
	width: 29%;
	padding: 5px 0 0 0;
	border: 1px solid #867575;
	color: #E3DEDE;
	background: #9D8989}

.formbox .helper p{
	margin: 0 5px 5px 5px}

.formbox fieldset{
	border: 0}

.formbox label{
	padding-bottom: 2px;
	display: block;
	color: #675858}

.formbox .textbox{
	font: .9em/100% Verdana, Arial, sans-serif;
	margin-bottom: 5px}

.formbox .textarea{
	width: 100%;
	margin-bottom: 6px;
}

/*------------------------------*/
/* ERROR MESSAGE BOX            */
/*------------------------------*/

#err_msg{
	list-style: none;
	margin: 6px 0 6px 0;
	padding: 5px;
	border: 1px solid #D4BEBE;
	background: #EBD2D2
}

#err_msg li{
	color: #6A4E4E;
	margin-left: 6px;
}

#info li{
	color: #E6C5C5;
}

#info li a{
	color: #FFFBA9;
}

/* COMMENTS */

#commentinfo{
	padding: .5em;
	margin-bottom: .5em;
	color: #FFF;
	border: 1px solid #617F43;
	background: #70924D;
}

.commdetails {
	text-align: right;
	font-size: 85%;
}

div.commdivider {
	height: 1px;
	background: transparent url("/icmsBeta2/media/default/images/dot_horiz.gif") repeat-x scroll center}

div.commdivider hr {
	display: none;
}

.commwrapper {
	padding: 1em;
	margin-bottom: .5em;
	color: #646254;
	border: 1px dotted #D9D3B5;
	background: #F9F7ED;
}

.adminpost {
	color: #A97071;
	border: 1px dotted #E2BCBD;
	background: #FFF4F4;
}

.hiddenpost {
	color: #CDCBC3;
	border: 1px dotted #D9D3B5;
	background: #FBF9F4;
}

#post-success {
	background: #85c329;
	border: 1px solid #7ab424;
	color: white;
	padding: 4px;
	margin-bottom: .5em;
}

#more-posts .pin {
	margin-bottom: .5em;
}

.smiley {
	vertical-align: middle;
}

.commbody {
	line-height: 20px;
}

.ubbsize1 { font-size: xx-small; }
.ubbsize2 { font-size: x-small; }
.ubbsize3 { font-size: small; }
.ubbsize4 { font-size: medium; }
.ubbsize5 { font-size: large; }
.ubbsize6 { font-size: x-large; }
.ubbsize7 { font-size: xx-large; }

.ubbcode-header {
	border-bottom: 2px solid #BEB9B9;
	margin-bottom: 10px;
	font-family: "lucida grande", verdana, sans-serif;
	font-weight: bold;
	color: #BEB9B9;
}

.ubbcode { 
	background: #fefefe; 
	color: black; 
	font-family: courier; 
	padding: 10px; 
	border: 1px solid #cccccc; 
	overflow: auto; 
	max-height: 400px;
}