/********** defaults **********/
html, body { background-color:#000000; margin:0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #666666; line-height:12pt;}
td { background-color:#000000; margin:0px; font-family: Arial, Tahoma, Verdana; font-size: 12px; color: #666666;}

a:link, a:visited, a:active {color:#cccccc; font-family: Arial, Tahoma, Verdana; text-decoration: none;}
a:hover {text-decoration: underline; color:#cccccc;}

a.menulinks:link, a.menulinks:visited, a.menulinks:active {color:#cccccc; font-family: Arial, Tahoma, Verdana; text-decoration: none; font-weight:bold;}
a.menulinks:hover {text-decoration: underline; color:#cccccc; font-weight:bold;}

hr {color: #999999; border-bottom: 1px solid #999999;}
h1 {color: #999999; margin-top:30px; font-family: Arial, Tahoma, Verdana; font-size:30px; font-weight:bold;}
h2 {color: #999999; margin-top:24px; font-family: Arial, Tahoma, Verdana; font-size:24px; font-weight:bold;}
h3 {color: #999999; margin-top:18px; font-family: Arial, Tahoma, Verdana; font-size:22px; font-weight:bold;}
h4 {color: #999999; margin-top:16px; font-family: Arial, Tahoma, Verdana; font-size:16px; font-weight:bold;}
h5 {color: #999999; margin-top:14px; font-family: Arial, Tahoma, Verdana; font-size:14px; font-weight:bold;}
h6 {color: #999999; margin-top:12px; font-family: Arial, Tahoma, Verdana; font-size:12px; font-weight:bold;}

h1.small {color: #999999; margin-top:12px; font-size:14px; font-weight:bold;}
h2.small {color: #999999; margin-top:12px; font-size:14px; font-weight:bold;}
h3.small {color: #999999; margin-top:12px; font-size:14px; font-weight:bold;}
.medium {color: #999999; margin-top:12px; font-size:24px; font-weight:bold;}
.large {color: #999999; margin-top:12px; font-size:34px; font-weight:bold;}

ul {margin:0px;}
li {margin:0px;}
li.menu {margin-bottom:0px;}

img {border:0px;}
img.iconsleft {float:left;}

select {padding:2px;}

input.button {font-size:11px; font-family:Arial, Verdana; font-weight:bold; background-color:#1c1c1c; border-style:groove; color:#999999;}
input.custom {border:none; background:transparent;}
input.custom { color:#1c1c1c; width:280px; border:1px solid #cccccc; margin:5px 0; padding:5px 2px; height:15px; background:#ffffcc;}
textarea.custom { color:#1c1c1c; width:280px; border:1px solid #cccccc; margin:5px 0; padding:2px; background:#ffffcc; height:200px;}
select.custom { color:#1c1c1c; width:280px; border:1px solid #cccccc; margin:-2px 0; padding:2px; background:#ffffcc; height:26px;}

input.custommedium {border:none; background:transparent;}
input.custommedium { color:#1c1c1c; width:490px; border:1px solid #cccccc; margin:5px 0; padding:5px 2px; height:15px; background:#ffffcc;}
textarea.custommedium { color:#1c1c1c; width:490px; border:1px solid #cccccc; margin:5px 0; padding:2px; background:#ffffcc; height:200px;}
select.custommedium { color:#1c1c1c; width:490px; border:1px solid #cccccc; margin:-2px 0; padding:2px; background:#ffffcc; height:26px;}

.darktext {color:#000000;}

.blue {	color: #5C7184;}
.white { color: #ffffff;}
.black { color: #000000;}
.green { color: #889F1D;}
.red { color: #D22C2C;}
.orange { color: #FFEA00;}
.grey {	color: #687482;}

.liquid { width: 949px; min-width:949px; margin:0 auto; }
.ninesixty { width: 949px; 	margin:0 auto; }

.hidden {display:none;}
.clear {clear:both;}
.tunderline { text-decoration: underline; }
.strong {font-weight:bold;}
.strongwhite {font-weight:bold; color:white;}
.strongyellow {font-weight:bold; color:#1c1c1c;}
.highlight {color:#cccccc;}
.bold {font-weight :bold}
.yellowarrow {font-weight:bold; color:yellow; font-size: 14px;}
.smallspan {font-size:10px; color:#666666;}
.datespan {font-size:10px; color:#666666;}
.noborder {	border:0px;}
.nopadding {padding:0px; margin:0px;}
.vpadding2 {padding: 2px 0px;}
.vpadding5 {padding: 5px 0px;}
.vpadding10 {padding: 10px 0px;}
.vpadding15 {padding: 15px 0px;}
.vpadding20 {padding: 20px 0px;}
.vpadding30 {padding: 30px 0px;}
.hpadding5 {padding: 0px 5px;}
.hpadding10 {padding: 0px 10px;}
.hpadding15 {padding: 0px 15px;}
.hpadding20 {padding: 0px 20px;}
.hpadding30 {padding: 0px 30px;}
.hpadding50 {padding: 0px 50px;}
.lpadding10 {padding-left: 10px;}
.lpadding20 {padding-left: 20px;}
.lpadding25 {padding-left: 25px;}
.tpadding10 {padding-top: 10px;}
.tpadding20 {padding-top: 20px;}
.tpadding30 {padding-top: 30px;}
.bpadding10 {padding-bottom: 10px;}
.bpadding20 {padding-bottom: 20px;}
.bpadding30 {padding-bottom: 30px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}
.p50 {padding:50px;}

.hspacer3 {margin:3px;}
.hspacer5 {margin:5px;}

.line {border-bottom: 1px solid #cccccc; margin:0px; padding:0px;}
.hline {border-bottom: 1px solid #cccccc;}
.dottedline {border-bottom: 1px dotted #cccccc; margin:0px; padding:0px;}

.left { float:left;}
.right { float:right;}
.center { margin: 0 auto; text-align:center;}
.flush { margin:0px; padding:0px;}
.flushtop { margin-top:0px; padding:0px;}
.flushbottom { margin-bottom:0px; padding:0px;}

.underline { border-bottom: 1px solid #666666;}
.content {	padding:10px 0px 10px 0px;	text-align: justify;}
.content30 {	padding:30px 0px 10px 0px;	text-align: justify;}
.floatcontent {	padding:1px 0px 0px 0px; text-align: justify;}
.justify { text-align: justify; }
.underlinebox {	padding:20px 0px; border-bottom: 1px solid #cccccc; }
.border5 { border: 5px solid #000000; }
.bgbox { background-color: #000000; padding:10px;}
.mainportimg { float: left; border: 7px solid #cccccc; margin: 0px 40px 0px 0px;}
.portimg { float: left; border: 7px solid #cccccc; margin: 0px 40px 40px 0px;}
.execimg { float: right; border: 7px solid #cccccc; margin: 0px 0px 10px 20px;}
.leftimg { float: left; border: 4px solid #cccccc; margin: 0px 20px 10px 0px;}
.rightimg { float: right; border: 4px solid #cccccc; margin: 0px 0px 10px 20px;}
.thumbimg { float: left; background-color:#000000; text-align:right; margin:4px; border:4px solid #cccccc; width:80px; height:53px; background-repeat:no-repeat; background-position: center center;}
.thumbportimg { float: left; background-color:#cccccc; text-align:right; margin:4px; border:4px solid #cccccc; width:104px; height:100px;}
.blankportthumb { width:104px; height:100px; }
.thumbdivimg { float: left; background-color:#cccccc; text-align:right; margin:4px; border:4px solid #cccccc; width:50px; height:50px;}
.blankthumb { width:50px; height:50px; }
.thumbalbimg { float: left; background-color:#cccccc; text-align:right; margin:4px; border:2px solid #cccccc; width:50px; height:35px;}
.blankalbthumb { width:50px; height:35px; }

.opacity {
	background-color: #ffffff;
}

/********** end of defaults **********/


/********** col layouts **********/
.col-container {  padding-right: 300px;}
.col-left { float: left; width: 100%; min-width:300px;}
.col-right { float: left; width: 300px; margin-right: -300px; }
.col-left-content { padding: 0px 20px 0px 20px; text-align: justify;}
.col-right-content { padding: 0px 20px 0px 20px; text-align: justify;}

.left-col {	width: 600px; float: left; }
.right-col { float: right; width:280px }

.bodis { overflow:hidden; margin: 0 auto;}
.threecol-left { width:33%;	float:left; padding:1px 0px 0px 0px; }
.threecol-center { width:33%;	float:left; margin:0 auto; padding:1px 0px 0px 0px; }
.threecol-right { width:33%; float:right; }
.container300-left {	width:300px; padding:0px 0px 0px 0px; float:left;}
.container300-right {	width:300px; padding:0px 0px 0px 0px; float:right;}
.container300-center {	width:300px; padding:0px 0px 0px 0px; margin:0 auto;}

.fourcol-left { width:25%; float:left; }
.fourcol-center { width:25%; float:left; margin:0 auto; padding:1px 0px 0px 0px;  }
.fourcol-right { width:25%; float:right; }
.container230-left {	width:220px; padding:10px; float:left;}
.container230-right {	width:220px; padding:10px; float:right;}
.container230-center {	width:220px; padding:5px; margin:0 auto;}
/********** end of layout **********/

/********** basic layouts **********/
#pagecontainer {
	width: 1010px;
	height: 100%;
	background-color:#000000;
	margin:0 auto;
}

#page_container {
	margin:0 auto;
}


#header_container {
	width: 610px;
	height: 135px;
	overflow:hidden;
}

#body_container {
	width: 1010px;	
	margin:0 auto;
	text-align:left;
	min-height:400px;
}

#footer_container {
	width: 1010px;
	margin:0px auto;
	text-align:left;
}

#footer {
	width: 990px;
	border-top: 1px dotted #666666;	
	margin-left:20px;
}

/********** end of basic layouts **********/


/********** other layout **********/
#leftbox {
	width:660px;
	float:left;
	padding-top:15px;
	line-height:12pt;
}

#rightbox {
	width:350px;
	float:left;
}

#menu { width:558px; padding:0; margin:0px; float:left; background:url(/templates/img/header-bg-reverse-wide.jpg) top left;}
#menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
#menu ul li { float:left; margin:0; padding:0; border:0;}
#menu ul li a { float:left; margin:0; padding:13px 10px; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none;}
#menu ul li a:hover { color:#cccccc;text-decoration:underline;}
#menu ul li a.active { color:#cccccc;  text-decoration:none;}

#main_image {
	width:350px;
	height:350px;
	background:url(/templates/img/main_image.jpg) top right;
}

.morebarwide { width:100%; font-weight:bold; text-align: right; padding:5px; padding-right: 15px; margin:0px; float:left; background:url(/templates/img/header-bg-reverse-wide.jpg) top left no-repeat;}
.headerbarnarrow { width:320px; height:24px; font-weight:bold; padding:7px; padding-left: 15px; margin:0px; float:left; background:url(/templates/img/header-bg-narrow.jpg) top left no-repeat;}


.vidbox {
	font-size:11px;
	font-weight:bold; 
	margin-bottom:5px; 
	text-align:justify; 
	line-height:12px;
}

.vidthumb {
	float:left; 
	margin-right:15px;
}

#contact-form-box {
	width:350px;	
	float:left;
}

#testimonials-box {
	width:200px;
	margin-left:30px;
	float:left;	
}

#contact-info-box {
	width:160px;
	margin-left:30px;
	float:left;	
}

#webinfo-box {
	width:135px;
	float:right;	
}

/********** end of other layout **********/