@charset "UTF-8";
/* CSS Document */


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	background-attachment:fixed;
	background-image:url(../images/background2.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:100%;
}

   html{
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
    }

h1 {
margin:0;
font-size:100%;
font-weight:normal;
}

h2 {
margin:0;
font-size:100%;
font-weight:normal;
}

p {
margin:0;
}

a {
	color: #000000;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
	outline: none;
}
.green_a {
	color: #FFFFFF;
	text-decoration: none;
}
.green_a:hover {
	text-decoration: none;
	color: #99CC33;
}

.pale_green_a {
	color: #CCE599;
	text-decoration: none;
}
.pale_green_a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.red_a {
	color: #FF3300;
	text-decoration: none;
}
.red_a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
.blue_a {
	color: #FFFFFF;
	text-decoration: none;
}
.blue_a:hover {
	text-decoration: none;
	color: #3366FF;
}
.purple_a {
	color: #FFFFFF;
	text-decoration: none;
}
.purple_a:hover {
	text-decoration: none;
	color: #9966CC;
}
.orange_a {
	color: #FFFFFF;
	text-decoration: none;
}
.orange_a:hover {
	text-decoration: none;
	color: #FF9900;
}
.pink_a{
	color: #FFFFFF;
	text-decoration: none;
}
.pink_a:hover {
	text-decoration: none;
	color: #FF6699;
}
.grey_a {
	color: #FFFFFF;
	text-decoration: none;
}
.grey_a:hover {
	text-decoration: none;
	color: #999999;
}

.grass {
background-image: url(../images/grass_footer.png); background-position: right center;
}

.title22 {
	font-size: 22px;
	color:#FFFFFF;
		font-family:Georgia, Times New Roman, Times, serif;

}

.work_url {
color:#99CC00;
margin-top:10px;
font-size:11px;
}

.title20 {
	font-size: 20px;
	color:#FFFFFF;
		font-family:Georgia, Times New Roman, Times, serif;
}


.title33 {
	font-size: 33px;
	color:#FFFFFF;
		font-family:Georgia, Times New Roman, Times, serif;

}
.title33_blue {
	font-size: 33px;
	color:#3366FF;
		font-family:Georgia, Times New Roman, Times, serif;

}
.title22_red {
	font-size: 22px;
	color:#FF3300;
		font-family:Georgia, Times New Roman, Times, serif;

}

.title22_pink {
	font-size: 22px;
	color:#FF6699;
		font-family:Georgia, Times New Roman, Times, serif;

}

.title15 {
	font-size: 15px;
	color:#FFFFFF;
	font-family:Georgia, Times New Roman, Times, serif;
}
.title14 {
	font-size: 14px;
}
.title14_white {
	font-size: 14px;
	color:#FFFFFF;
}
.title14_green {
	font-size: 14px;
	color:#99CC33;
}
.title14_red {
	font-size: 14px;
	color:#FF3300;
}

.white {
	color:#FFFFFF;
}

.red {
	color:#FF3300;
}
.green {
	color:#99CC33;
}

.purple {
	color:#9966CC;
}
.pale_green {
	color:#CCE599;
}
.blue {
	color:#3366FF;
}

.orange {
	color:#FF9900;
}

.pink {
	color:#FF6699;
}

.grey {
	color:#333333;
}

#apDiv1 {
	position: absolute;
	width:150px;
	height:150px;
	z-index:100;
	left: 0;
	top: 0;
}
#pscroller1{
width: 184px;
height: 110px;
}


.heder{
position:fixed;
width:100%;
height:31px;
padding:0;
z-index:100;
}

.quote_button{
position:fixed;
width:150px;
padding:0;
height:150px;}

.footer1{
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:140px;
padding:0;
z-index:100;
}


.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
width:650px;
}

.textfield {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding: 2px 5px;
width: 240px;
height: 21px;
margin:0;
color:#999999;
}

.textfield:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding: 2px 5px;
width: 240px;
height: 21px;
margin:0;
color:#000;
}

.textfield:focus {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding: 2px 5px;
width: 240px;
height: 21px;
margin:0;
color:#000;
}

.textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding:5px;
margin:0;
width: 240px;
height: 125px;
color:#999;
}

.textarea:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding:5px;
margin:0;
width: 240px;
height: 125px;
color:#000000;
}

.textarea:focus {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
border:none;
padding:5px;
margin:0;
width: 240px;
height: 125px;
color:#000000;
}

input.btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
margin:0;
width:75px;
height: 25px;
cursor: pointer; /* hand-shaped cursor */
border:none;
background: #000000;
color: #9C0;
}

input.btn:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
margin:0;
width:75px;
height: 25px;
cursor: pointer; /* hand-shaped cursor */
border:none;
background: #000000;
color: #FFF;
}

#main_container {
position:absolute;
left:0;
top:0;
margin:0 0 0 0;
width:100%;
height:100%;
background-color:#FF00FF;
}


#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 31px;
z-index:200;
padding:0;
background-image:url(../images/menu_bar.png);
background-repeat: repeat-x;
}

#header_hebaseem {
	float:left;
	height:21px;
	padding:9px 0 0 10px;
}

#header_menu {
	float:right;
	height:21px;
	padding:9px 10px 0 0;
}


#footer {
	width: 100%;
	background-image: url(../images/light_footer.png);
	background-repeat: repeat-x;

}



#footer_divider {
	width: 100%;
	height: 100px;
	background-image:url(../images/divider2.png);
	background-repeat:repeat-x;
}

#footer_container {
	width: 100%;
}

#footer_sub_container {
	width: 1000px;
	margin:0 auto 0 auto;

}

#footer_text_digital {
	float:left;
	width: 300px;
}

#footer_text_print {
	float:left;
	width: 300px;
	margin-left:50px;
}

#footer_text_contact {
	float:left;
	width: 300px;
	margin-left:50px;
}


#footer_bottom {
	width: 100%;
	clear: left;
	height:140px;
}

#footer_grass {
padding:0;
z-index:100;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 140px;
background-image: url(../images/grass_footer.png); 
background-position: right center;
background-repeat:repeat-x;
}

#footer_logo {
	float:right;
	text-align:right;
	padding-right:10px;
	height: 110px;
}

#footer_copyright {
clear:both;
	padding:0 10px 0 10px;
	height: 30px;
	vertical-align:middle;
line-height:30px;

}

.container {
margin:0 auto 0 auto;
width:1000px;
}

.portal_spacer {
float:left;
width:1000px;
height:131px;
}

#tv_what_we_do {
float:left;
width:386px;
height:375px;
}

#tv_news_container {
float:left;
width:184px;
height:375px;
}

#tv_news_top {
width:184px;
height:40px;
}

#tv_news_title {
width:184px;
height:30px;
background-image:url(../images/home_boxes_middle_title.png);
background-repeat:no-repeat;
}

#tv_news_middle {
width:184px;
height:110px;
background-image:url(../images/home_boxes_middle_body.png);
background-repeat:no-repeat;
}

#tv_news_bottom {
width:184px;
height:195px;
}

#tv_our_work {
float:left;
width:430px;
height:375px;
}

#divider {
clear:both;
margin:0 0 0 0;
width:100%;
height:75px;
background-image:url(../images/divider.png);
background-repeat:repeat-x;
}

.column_left_wide {
float:left;
width:650px;
}

.column_left_narrow {
float:left;
width:300px;
}

.column_right_wide {
float:left;
width:650px;
margin-left:50px;
}

.column_right_narrow {
width:300px;
float:left;
margin:0 0 0 50px;
padding:0;
}

.div_fix {
clear:both;
width:100%;
height:0;
}

#basebook_top {
width:250px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/facebook_bubble_top.png);
}

#basebook_content {
width:200px;
padding:0 50px 0 50px;
background-image:url(../images/narrow_column_background_facebook.png);
}

#basebook_bottom {
width:300px;
height:50px;
background-image:url(../images/facebook_bubble_bottom.png);
}

#about_us_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/intro_bubble_top.png);
}

#about_us_content {
width:550px;
padding:0 50px 0 50px;
background-image:url(../images/wide_column_background_about_us.png);
}

#about_us_bottom {
width:650px;
height:50px;
background-image:url(../images/intro_bubble_bottom.png);
}

#our_latest_work_top {
margin-top:25px;
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/home_latest_work_top.png);
}

#our_latest_work2_top {
margin-top:25px;
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/home_latest_work2_top.png);
}

#our_latest_work3_top {
margin-top:25px;
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/home_latest_work3_top.png);
}


.our_latest_work_content {
width:650px;
height:250px;
}

.our_latest_work_bottom {
width:650px;
height:50px;
}

#digital_box_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/digital_image_top.png);
}


.wide_box_content {
width:650px;
height:250px;
}

.wide_box_bottom {
width:650px;
height:50px;
}

#print_box_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/print_image_top.png);
}

.narrow_right_black_top {
width:250px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/narrow_right_black_bubble_top.png);
}

.narrow_right_black_content {
width:200px;
height:250px;
padding:0 50px 0 50px;
background-image:url(../images/narrow_column_black_background.png);
}

.narrow_right_black_bottom {
width:300px;
height:50px;
background-image:url(../images/narrow_right_black_bubble_bottom.png);
}

#job_box_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/job_opportunities_top.png);
}

#contact_box_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/contact_office_top.png);
}


#map_box_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/contact_map_top.png);
}


#map_box_content {
width:550px;
padding:0 50px 0 50px;
height:550px;
background-image:url(../images/wide_column_background_white.png);

}

.narrow_left_black_top {
width:250px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/narrow_left_black_bubble_top.png);
}

#quote_form_top {
width:600px;
padding:32px 0 0 50px;
height:43px;
background-image:url(../images/quote_form_top.png);
}

#quote_form_content {
width:600px;
height:250px;
padding:0 0 0 50px;
background-image:url(../images/wide_column_background_about_us.png);
}

#quote_form_bottom {
width:650px;
height:50px;
background-image:url(../images/quote_form_bottom.png);
clear:both;
}

#quote_form {
width:250px;
height:250px;
margin-right:50px;
float:left;
}

.quote_field {
width:250px;
height:25px;
margin-bottom:10px;
}

.quote_area {
width:250px;
height:135px;
margin-bottom:10px;
}

#quote_services {
height:250px;
height:30px;
padding-top:20px;
}

#quote_button {
width:250px;
height:25px;
text-align:right;
padding-top:10px;
}

.quote_services_box {
width:25px;
height:25px;
float:left;
}

.quote_services_list {
height:25px;
width:100px;
float:left;
}

.quote_services_spacer {
width:250px;
height:10px;
clear:both;
}

.narrow_right_black_content2 {
width:200px;
height:189px;
padding:0 50px 0 50px;
background-image:url(../images/narrow_column_black_background.png);
}

.narrow_right_black_content3 {
width:200px;
padding:0 50px 0 50px;
background-image:url(../images/narrow_column_black_background.png);
}

.our_work_frame {
padding-top:25px;
width:300px;
float:left;
margin-left:50px;
}

.our_work_frame_left {
padding-top:25px;
width:300px;
float:left;
}

.our_work_spacer {
width:100%;
height:25px;
clear:both;
}

.copy10 {
font-size:8px;
}