/*   general styles   */
body, html {
    background: #ffffff;    
    padding: 0;    
    margin: 0;
    width: 100%;
	height: 100%;
}
body, td, th, h1, h2, h3, h4, h5, h6, select, input, textarea { 
	font-size: 13px;
	font-family: Arial, sans-serif;
	color: #000000;
}
h1 {
	padding: 14px 0 0 0;
	margin: 0;
	color: #b3b3b3;
	font-size: 30px;
}
h2 {
	padding: 0 0 14px 0;
	margin: 0;
	color: #ffffff;
	font-size: 22px;
	text-align: left;	
}
h3 {
	padding: 0 0 10px 0;
	margin: 0;
	color: #d6300f;
	font-size: 15px;
}
h4 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 15px;
}
h5 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 13px;
	color: #d6300f;
}
h6 {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 13px;
	color: #000000;
}

a, a:hover {
    color: #000000;
    text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
table {
    border: 0; 
    border-collapse: collapse;
}
form, img, div, td, th {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
p {
    padding: 0 0 16px 0;
    margin: 0;  
    background: transparent;
    font-family: inherit;
    font-size: inherit; 
}
.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin: 0 0 -1px;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}
/*   the basic layout blocks   */
.height {
	height: 100%;
}
.width100 {
	width: 100%;
}
#head {
	text-align: center;
	vertical-align: top;
}
#logo {
	margin: 10px 7px 0 0;
}
div#menu {
	float: left;
	width: 34%;
	text-align: left;
	padding: 34px 0 0 0;
	position: relative;
	z-index: 5;
}
ul#menu {
	padding: 0; margin: 0; list-style: none;
}
ul#menu li {
	background: transparent url('../i/menu_line.gif') no-repeat 0 14px;
	padding: 0 0 0px 35px;
	margin: 0;
	text-align: left;
	font-weight: bold;
}
ul#menu li.on {
	padding: 0;
	margin: 0;
}
ul#menu li span {
	background: #d6300f;
	padding: 0 5px 0 35px;
	color: #ffffff;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
}
ul#menu li span span {
	padding: 0;
	color: #000000;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	color: #ffffff;
}
ul#menu li a {
	color: #000000;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
}
ul#menu li a.active {
	color: #ffffff;
}
ul#menu li a span {
	padding: 0;
	color: #000000;
	background: #ffffff;
	font-family: Arial;
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
}
#submenu {
	margin: 0 20px 38px 20px;
	border-bottom: 1px solid #b3b3b3;
	position: relative;
	top: -3px;		
}
#submenu ul {
	clear: both;
	padding: 0;
	margin: 0;
	list-style: none;
}
#submenu li {
	float: left;
	height: 74px;
	font: bold 13px Arial;
	padding: 0 40px 0 0;
}
#submenu pre {
	font: bold 13px Arial;
}
#submenu li img {
	float: left;
	margin: 0 10px 0 0;
	//margin: 0 7px 0 0;
}
#submenu a {
	color: #d6300f;
}
#submenu a:hover {
	color: #000000;
}
#activities {
	float: right;
	width: 34%;
}
#activities div {
	padding: 46px 0 15px 26px;
	text-align: left;
	font-size: 13px;
}
#activities ul {
	text-align: left;
}
#activities ul li {
	background: transparent url('../i/flash_bullet.gif') no-repeat 0 1px;
	padding: 0 0 11px 32px;
	color: #000000;
	font-family: Arial;
	font-size: 19px;
	text-decoration: none;
}
#activities ul li a {
	color: #d6300f;
	font-family: Arial;
	font-size: 19px;
}
#activities ul li a:hover {
	color: #000000;
}
#foot {
	background: #b3b3b3 url('../i/footer.gif') no-repeat 100% 100%;
    height: 119px;    
	color: #fff;
	vertical-align: top;
	text-align: left;	
}
#foot div.contacts {
	padding: 0 0 0 28%;
	height: 90px;
}
#foot div.contacts p {
	padding: 15px 0 0 42px;
	margin: 0;
}
#foot div.contacts a, #foot div.contacts a:hover {
	color: #fff;
}
#foot div.contacts span {
	color: #000;
	width: 45px;
	font-weight: normal;
	display: block; float: left;
}
* html #foot div.contacts span {
	display: inline;
	padding-top: 1px;
}
#foot div.contacts strong {
	font-size: 16px;
}
#foot p.small {
	padding: 5px 0 0 30px;
	margin: 0;
	font-size: 11px;
}

.key {
    position: relative;
    bottom: -3px;
}

/*   content_area   */
#content_area {
	height: 100%;
	padding-top: 28px;
	vertical-align: top;
}
#content_area #left {
	width: 28%;
	vertical-align: top;
	background: #d6300f url('../i/pr_btm.jpg') no-repeat 100% 100%;
}
.box_left {
	border-top: 5px solid #b3b3b3;
	background: transparent url('../i/pr_top.jpg') no-repeat 0 0;	
}
#content_area #left h2 {
	padding: 0 0 0 24px;
	margin: 0;
	position: relative;
	bottom: -13px;
}
#content_area #left div.box_left div {
	border-bottom: 1px solid #de593f;
	text-align: left;
	padding: 10px 0;
}

#content_area #center {
	vertical-align: top;
	text-align: left;
	padding: 0 30px 0 42px;
}
#content_area #center.inner {
	vertical-align: top;
	text-align: left;
	padding: 0 42px 0 42px;
}
#content_area #portfolio_area {
	vertical-align: top;
	text-align: left;
	padding: 0;
}
#content_area #portfolio_area h1 {
	padding-left: 34px;
	padding-bottom: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 10;
}
img.picture {
	float: right;
	margin: 0 0 -45px -22px;
	position: relative;
	right: -42px;
	top: -65px;
}

#content_area #center .content_left {
	vertical-align: top;
	padding: 22px 8px 0 0;
	width: 100%;
}
#content_area #center .content_left .welcome {
	text-align: left;
	margin: 0 0 22px 0;
	position: relative;
	left: -2px;
}
#content_area #center .content_right {
	text-align: left;
	vertical-align: top;
	padding: 0;	
}
#content_area #center .content_right h3 {
	margin: 9px 0 2px 0;
}
#content_area #center .content_right p {
	padding: 0 0 0 0;
}
#content_area .content_right div.picture {
	position: relative;
	right: -30px;
	top: 0;
}
#content_area #center .content_right p, #content_area #center .content_right h3 {
	padding-left: 47px;
}

/****************************************************************************************************************/


#content_area #right ul {
	padding-bottom: 15px;
}

#content_area #right {
	border: 1px solid black;
}

#content_area #right h3 {
	padding: 9px 0 2px 15px;
}


/*****************************************************************************************************************/
.recent p a {
	color: #fddb49;
} 
.recent p a:hover {
	color: #000;
}
.recent p {
	border-top: 1px solid #de593f;
	padding: 9px 0 19px 94px;
	font-size: 12px;
}
.recent ul {
	padding: 0; 
	margin: 0;
	list-style: none;
}
.recent li {
	padding: 7px 8px 10px 25px;
	margin: 0;	
	color: #ffffff;	
	border-top: 1px solid #de593f;
	clear: both;
}
.recent img {
	float: left;
	margin: 1px 11px 8px 0;
	border: 2px solid #000000;
}
.recent h4 {
	padding: 0;
	margin: 0;
}
.recent li a {
	text-decoration: none;
	color: #000;
}
.recent li a:hover {
	text-decoration: underline;
	color: #fddb49;
}

/* portfolio */

#tabs {
	margin: -6px 0 0 20px;
}
#tabs table {
	width: 100%;	
}
#tabs div.line {
	background: transparent url('../i/tabs_line.gif') repeat-x 0 0;
	height: 27px;
    clear: both;
    margin: 0 20px 0 0;
	position: relative;
	z-index: 4;
}
#tabs td {
	padding: 0 20px 8px 0;
	width: 33%;
	text-align: left;
	line-height: 13px;
	font-size: 12px;
}
#tabs td a {
	display: block;
	position: relative;
	height: 43px; 
	background: #b3b3b3;
	padding: 0 15px;	
	font-size: 12px;
	text-decoration: none;
	z-index: 6;
}
#tabs b {
	font-size: 13px;
	display: block;
	position: relative;
	padding-top: 3px;
}
#tabs td div.activebox {
	padding: 0;
	margin-top: -23px;
	margin-bottom: -13px;
	height: 78px; 	
	background: transparent url('../i/p_flash_line.gif') repeat-x 0 23px;
	position: relative;
	z-index: 6;
	color: #fff;
}
#tabs td div.activebox div {
	background: transparent url('../i/p_left.jpg') no-repeat 0 23px;
	height: 78px; 	
}
#tabs td div.activebox div div {
	height: 78px; 	
	position: relative;
	right: -20px;	
padding-right: 20px;
}
#tabs td div.activebox div div.web   { background: transparent url('../i/p_flash_l.jpg') no-repeat 100% 0; }
#tabs td div.activebox div div.flash { background: transparent url('../i/p_flash_r.jpg') no-repeat 100% 0; }
#tabs td div.activebox div div.corp  { background: transparent url('../i/p_flash_c.jpg') no-repeat 100% 0; }
#tabs td div.activebox b {
	padding-top: 31px;
}
#tabs td div.activebox div div p {
	padding: 0; margin: 0;
	position: relative;
	left: -5px;
}

#tabs div.span {
	margin: 0;
	padding: 0;	
	position: relative;
	background: transparent url('../i/p_left.jpg') no-repeat 0 23px;
}

/* /portfolio */
#portfolio {
	width: 100%;
}
#portfolio td img.icon {
	border: 2px solid #000000;
	float: left;
	margin: 0 11px 16px 0;
}
#portfolio td {
	vertical-align: top;
	text-align: left;
	padding: 0 20px 16px 11px;
	font-size: 13px;
	font-weight: normal;	
}
#portfolio td h4 {
	padding: 0 0 3px 0;
	margin: 0;
}
#portfolio td a {
	text-decoration: underline;
	color: #d6300f;
}
#portfolio td a:hover {
	color: #000000;
}
#portfolio td h4 span {
	text-decoration: underline;
	color: #d6300f;
}
#portfolio h4.full {
	text-decoration: underline;
	color: #d6300f;
}
.newsArchive {
	margin: 15px 30px;
}

.pagination {
	padding-top: 20px;
	margin: 0 0 15px 0;
	text-align: center;
}
.pagination a {
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
	margin: 0 5px;
}
.pagination b {
	margin: 0 5px;
	color: #ffffff;
	padding: 6px 4px;
	font-family: Arial;
	background: #000000;
}

.key_icon {
    cursor: hand;
    cursor: pointer;
}

.portfolio_content {
	width: 100%;
}
.portfolio_content td {
	vertical-align: top;
	text-align: left;
	padding: 0 20px;
	margin: 0;	
	font-size: 13px;
	font-weight: normal;	
	clear: both;
}
.portfolio_content td h4 {
	padding: 0 0 5px 0; margin: 0;
}
.portfolio_content td h4 a {
	text-decoration: underline;
	color: #d6300f;
}
.portfolio_content td h4 a:hover {
	text-decoration: underline;
	color: #000000;
}
.portfolio_content td h4 span {
	text-decoration: underline;
	color: #d6300f;
}
.portfolio_content td img {
	border: 2px solid #000;
	margin: 0 0 5px 0;
}
.feedbackTable td {
	text-align: center;
}
.input {
	width: 250px;
}
.input_txt {
	width: 250px;
	height: 100px;
}
span.error {
	display: block;
	margin: 0 0 7px 0;
	text-align: center;
	font-size: 12px;
	color: #d6300f;
}
p.update {
	color: #d6300f;
}

p.arrow {
	float: right;
	background: transparent url('../i/arrow.gif') no-repeat 0 2px;
	padding: 0 20px;
	margin: 0;
	position: relative;
	z-index: 10;
	top: -15px;
	font-size: 12px;
}
p.arrow a {
	color: #d6300f;
}
p.arrow a:hover {
	color: #000;
}
#submenu p.arrow {
	padding-right: 0; top: -12px;
}
.flashitem {
        padding: 0 20px 0 20px; 
        vertical-align: top;
        text-align: center;
}
.flashname {
        padding: 5px 0 20px 0; 
        text-align: center;
}
.flashitem div {
border: 2px solid #000;
}
/*------------------------------------------------------------------------------------------------*/
html {margin: 0; padding: 0;}
body {margin: 0; padding: 0;}

.mb1 {background: transparent url('../i/main_box_t.gif') repeat-x 0 0; width: 1000px; margin: 0 auto 0 auto;}
.mb2 {background: transparent url('../i/main_box_r.gif') repeat-y 100% 0;}
.mb3 {background: transparent url('../i/main_box_b.gif') repeat-x 0 100%;}
.mb4 {background: transparent url('../i/main_box_l.gif') repeat-y 0 0;}
.mb5 {background: transparent url('../i/main_box_lt.gif') no-repeat 0 0;}
.mb6 {background: transparent url('../i/main_box_rt.gif') no-repeat 100% 0;}
.mb7 {background: transparent url('../i/main_box_rb.gif') no-repeat 100% 100%;}
.mb8 {background: transparent url('../i/main_box_lb.gif') no-repeat 0 100%; padding: 24;}

.left_menu ul, .left_menu li{margin: 0; border: 0; padding: 0; list-style-type: none; }
/*------------------------------------------------------------------------------------------------*/