/* =reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,hr,legend,border,hr {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
img {border: none;}

/* =fonts */
body {font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif; color: #525252;}
select, input, textarea {font:99% Verdana, Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:140%;}

/* =main */
body {margin: 0 auto; text-align: center; background: #4F0106 url(../images/bk.jpg) repeat-x;
}
#wrapper { width: 990px;  text-align: left; margin: 0 auto; padding: 25px 0px 0px 0px;
}
#logo {  text-align: right;
}
.header h1 {  display: none;
}
#nav {  width: 968px; margin-top: 20px; background: #FFF; padding: 10px 0px 10px 22px; float: left;
}
img {  border: none;
}
#content {
	clear: both; background: #FFFFFF; width: 946px; padding: 0px 22px; text-align: left; height: 506px;
}
p {
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
.left {
	float: left; background: #CCC; width: 271px; padding: 32px 20px 0px 15px; height: 474px; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}
.right {
	float: left; background: #333; width: 640px; height: 506px;
}
.right-creative {
	float: left; background: #333333 url(../images/feature-image.jpg) no-repeat; width: 640px; height: 506px;
}
.right-creative-black {
	float: left; background: #333333 url(../images/bk-black.jpg) no-repeat; width: 640px; height: 506px;
}
.right-creative-text {
	float: left; width: 317px; color: #FFFFFF; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; padding: 5px 20px 30px 0px;
}
.right-creative-feature {
	float: left; margin: 362px 0px 0px 53px;
}
.right-creative-content {
	float: left; padding: 35px 0px 0px 53px;
}
.right-creative-panels {
	float: left; width: 58px; height: 58px; padding: 10px 10px 15px 0px; color: #C3C3C3;
}
.right-creative-panels2 {
	float: left; width: 58px; height: 58px; padding: 10px 0px 15px 0px; color: #C3C3C3;
}
h2 {
	color: #AA1717; font: bold 22px/27px Georgia, "Times New Roman", Times, serif;
}
h3{
	color: #C3C3C3; font: bold 13px/22px Verdana, Arial, Helvetica, sans-serif;
}
h3 b {
	color: #C0181F; font-weight: bold;
}
h4{
	color: #C3C3C3; font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
}
h4 b {
	color: #C0181F; font-weight: bold;
}
#logo h1 { display: none;
}
strong {
	font-weight: bold;
}
em {
	color: #7F7F7F;
}
.clear {
clear: both;
}
.hr {
	height: 1px;
	width:532px;
	background-image: url(../images/hr1.gif);
	background-repeat: no-repeat;
}
.hr hr {
  display: none;
}
.footer{
	height: 30px; text-align:right; padding: 7px 22px 0px 0px; font-size: 9px; color: #999;
	background-image: url(../images/footer-image.gif);
	background-repeat: no-repeat;
}
.footer a {
	color: #999; text-decoration:underline;
}
.footer a:hover {
	color: #CC0000; text-decoration:underline;
}
/* =nav-home-R1 */
a.nav-home-R1 {
	float: left;  display: block; width: 41px; height: 13px; text-indent: -9999px; background-image: url(../images/nav-home-R1.gif); background-repeat: no-repeat; 
}
a:hover.nav-home-R1 {
	background-image: url(../images/nav-home-R2.gif);
}
/* =nav-portfolio-R1 */
a.nav-portfolio-R1 {
	float: left;  display: block; width: 61px; height: 13px; text-indent: -9999px; background-image: url(../images/nav-portfolio-R1.gif); background-repeat: no-repeat; 
}
a:hover.nav-portfolio-R1 {
	background-image: url(../images/nav-portfolio-R2.gif);
}
/* =nav-about-R1 */
a.nav-about-R1 {
	float: left;  display: block; width: 42px; height: 13px; text-indent: -9999px; background-image: url(../images/nav-about-R1.gif); background-repeat: no-repeat; 
}
a:hover.nav-about-R1 {
	background-image: url(../images/nav-about-R2.gif);
}
/* =nav-contact-R1 */
a.nav-contact-R1 {
	float: left;  display: block; width: 52px; height: 13px; text-indent: -9999px; background-image: url(../images/nav-contact-R1.gif); background-repeat: no-repeat; 
}
a:hover.nav-contact-R1 {
	background-image: url(../images/nav-contact-R2.gif);
}
.nav-line {
	float: left; background-image: url(../images/nav-line.gif); height: 13px; width:24px;
}
/* Remove focus rings (dotted rectangle) around active links */
a {
  outline: none;
}
.portfolio-left {
  width: 406px; float: left;
}
.portfolio-right {
  width: 126px; float: left;
}
/* img-bdr */
.img-bdr {display:block; width:56px; height: 56px; border: 1px solid #FFF; background: #FFF;
}
a.img-bdr{display:block; width:56px; height: 56px; border: 1px solid #CDCDCD;
}
a:hover.img-bdr  {border: 1px solid #FFF;  height: 56px; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;
}
a.link{ color: #C31C23; text-decoration:underline;
}
a:hover.link { color: #FFF; text-decoration:underline;}
a.link-text{ color: #C31C23; text-decoration:underline;
}
a:hover.link-text { color: #000; text-decoration:underline;
}
fieldset select { float : left; width : 125px; border : 1px solid #333; height: 15px; font-size: 10px;}
fieldset select:hover { border-color : #CC0000; }
fieldset select:active, select:focus { border : 1px; }
label, label span { display : block; padding-bottom : 1px; padding: 3px 0px 3px 0px; font-size: 10px;}
label { float : left; width : 259px;}
label span { float : left; width : 120px; text-align : left; color: #FFF !important; font-size:11px; font-weight: bold; padding: 3px 0px 3px 0px;}

/* =fieldset */
fieldset {
	border : 0px;  font: bold 10px/15px Arial, Helvetica, sans-serif !important;
	overflow : hidden;
	padding: 15px 0px 3px 38px;
	width: 290px;
	height: 220px;
}
/* =form 2 columns */
.twoCols, .threeCols
{
	overflow:hidden !important;
}

.twoCols label, .threeCols label, .oneCols label
{
	float:left !important; color: #FFF !important;
	clear:none !important;
	padding-bottom:4px;	
	padding-top: 2px;
	padding-right: 5px !important;
	padding-left: 0px !important;
	text-align:left !important;
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
}
.twoCols label
{
	width: 164px;	
}
.threeCols label
{
	width: 107px;
}
.short {
	width: 100px; height: 16px; font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
}
.oneCols label input, .oneCols  label textarea, .oneCols  label select,
.twoCols label input, .twoCols  label textarea, .twoCols  label select,
.threeCols label input, .threeCols  label textarea, .threeCols  label select,  .threeCols  label option,
.columns label input, .columns  label textarea, .columns  label select
{
	clear:both !important;
	margin:0px;
	margin-top:0.3em;
	margin-left:0.0em;
	width:95%;
	background:#FFFFFF;
	border: 1px solid #B9B9B9;
	height: 18px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.textarea {
width: 326px !important; font: 11px Verdana, Arial, Helvetica, sans-serif;
height: 120px !important;
}
hr.clear {
clear:both;
border: 0;
height: 1px;
width: 96%;
 display: none;
}
/* =fieldset */
.formset { 
border : 0px; 
margin: 0px;
overflow : hidden; 
padding: 0px 13px 3px 0px;
width: 350px;
height: 400PX;
}
.white { 
color: #FFF;
}