/* basic styles */

html {

}

/*OLD
html {
	background: #D3D9E1 url("../images/tiled_BG.jpg") fixed;
	height: 100%;
}

body {
	background: url("../images/top_BG.jpg") repeat-x fixed;
	height: 100%;
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
}
*/


body {
	background: #E6EBEF url("../images/backgrounds/lens_flareBG.jpg") no-repeat fixed top left;
	height: 100%;
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
}



html>body {
	min-height: 100%;
	height: auto;
}

a {
	
	color:  #ffffff;
	outline: none;
	text-decoration: underline;

}
a:visited {
	color:  #ffffff;
}
a:active {
	color:  #ffffff;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
}

strong, b {
	font-weight: bold;
	}
p {
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 0.5em 0.5em 2em 0.5em;
	margin:0;
	text-align:right;
	}

h1 {
	font-size: 4em;
	line-height: 44px;
	font-weight: bold;
	margin:0 0.2em;
	padding:0;
	}
h2 {
	font-size: 2.8em;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 2em;
	line-height: 22px;
	font-weight: bold;
	margin: 0.5em;
	}
h4 {
	font-size: 1.4em;
	line-height: 1.3em;
	font-weight: normal;
	margin-left:1.3em;
	margin-top:1em;
	}
h5 {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

ul {
	font-size: 1.5em;
	line-height: 1.2em;
	text-align:right;
	}
	
	
img {
	border: 0;
	}

.white {
color:#ffffff;
}

.float {
float:left;
}

.clck {
font-size:2em;
}

.show_el {
display:inline;
}

.hide_el {
display:none;
}

.no_ltype {
list-style-type:none;
}

/* end */

/* menu styles */

#menu_DIV {
width:100%;
height:17em;
position:fixed;
bottom:1em;
}

#menu_DIV div#main_menu {
width:100%;
height:9.2em;
}

#menu_DIV div#middle_menu {
width:100%;
height:8em;
}


#menu_DIV div#lower_menu {
width:53.7em;
height:9.1em;
margin-bottom:0.1em;
margin-left:2.4em;
}

#menu_DIV div#lower_menu h4 {
position:absolute;
z-index:3;
}

#menu_DIV div#main_menu div {
position:absolute;
width:55em;
height:9.1em;
bottom:9.2em;
left:2em;
z-index:3;
}

#menu_DIV div#main_menu div img {
width:8.9em;
height:9.7em;
margin-left:-0.2em;
}

#menu_DIV div#main_menu .t_BG {
width:53.7em;
height:9.1em;
margin-bottom:0.1em;
margin-left:2.4em;
}

#menu_DIV div#main_menu .ovshp {
width:9.8em;
height:11.3em;
position:absolute;
z-index:-1;
bottom:7.9em;
left:-8em;
}

#menu_DIV div#main_menu .ov_bio { left:10.2em; }
#menu_DIV div#main_menu .ov_design { left:19em; }
#menu_DIV div#main_menu .ov_develop { left:28em; }
#menu_DIV div#main_menu .ov_portfolio { left:37.6em; }
#menu_DIV div#main_menu .ov_services { left:46.5em; }


#menu_DIV div#middle_menu div {
float:left;
margin-left:1px;
}

#menu_DIV div#middle_menu .m1 {
width:34.4em;
height:8em;
background: url("../images/middle_BG2.png") repeat-x;
}

#menu_DIV div#middle_menu .m3 {
min-width:6.2em;
height:8em;
background: url("../images/curve.png") repeat-x;
}

#menu_DIV div#middle_menu .m2 {
width:21.5em;
height:8em;
background: url("../images/middle_BG1.png") repeat-x;
}

/*
#menu_DIV div#middle_menu div.fill {
width:1px;
height:10.5em;
}
*/

/* sub menu sizes */
#menu_DIV div#middle_menu .sm_b1 { width:10.1em; }
#menu_DIV div#middle_menu .sm_b2 { width:45.8em; }

#menu_DIV div#middle_menu .sm_p1 { width:37.5em; }
#menu_DIV div#middle_menu .sm_p2 { width:33em; }

#menu_DIV div#middle_menu .sm_f1 { width:18.9em; }
#menu_DIV div#middle_menu .sm_f2 { width:37em; }

/* end */

.sub_opt {

height:8em;
}

.sub_menu {
text-align:right;
padding: 0 6em 0em 3em;
background: url("../images/boxBG_50.png") repeat;
height:8.7em;
}

.s_mixed {
text-align:right;
padding: 0 1.5em 0em 3em;
position:absolute;
margin-top:-8.7em;
z-index:2;
background-image: none;
}

.s_mixed2 {
text-align:right;
padding: 0 1.5em 0em 3em;
margin-top:-8.7em;
background-image: none;
}

.small {
text-align:right;
padding: 0 1.5em 0em 3em;
background: url("../images/boxBG_50.png") repeat;
}


.sub_menu div, .sub_menu_small div {
height:8.7em;
background: url("../images/sub_menu/subBG1.png") right no-repeat;
}

.sub_menu div.long{
background: url("../images/sub_menu/subBG2.png") right no-repeat;
}

.sub_menu div.short{
background: url("../images/sub_menu/subBG_2opt.png") right no-repeat;
}

/* menu end */


#wrapper {
width:100%;
}

#logo {
width:100%;
height:5.3em;

}

.logo_IMG {
width:53.7em;
height:4.9em;
position:fixed;
left:2.4em;
top:0;
z-index:2;
}

#mini_menu {
height:5.3em;
position:fixed;
left:57em;
top:-0.3em;
z-index:2;
}

#mini_menu img {
width:6.7em;
height:5.2em;
}

#mini_menu a {
float:left;
display:block;
width:6.7em;
height:5.2em;
margin:0 0.2em;
}

#mini_menu a:hover {
background: url("../images/mini_menu/over_shape.png") bottom no-repeat;
}

#home_box {
width:66.3em;
padding-bottom: 2.4em;
background: url("../images/shadow.png") repeat-x bottom;
float:left;
margin-right:1px;
}

#home_box div {
margin-bottom:1px;
}

.fixed {
position:fixed;
z-index:2;
}

#home_fixed {
width:66.3em;
position:fixed;
left:2.4em;
top:7.6em;
z-index:2;
}

.header_box, .header_box img {
width:66.3em;
height:6.4em;
}

.header_box {
margin-bottom:1px;
}

.m_content_box_fixed {
width:57.3em;
height:20.2em;
background: url("../images/boxBG_50.png") repeat;
padding: 1.5em 6em 0 3em;
}

.m_content_box_fixed_sub {
width:57.3em;
background: url("../images/boxBG_50.png") repeat;
padding: 1.5em 6em 0 3em;
}

.m_content_box {
width:57.3em;
background: url("../images/boxBG_50.png") repeat;
padding: 1.5em 6em 0em 3em;
}

.s_content_box {
width:66.3em;
background: url("../images/boxBG_50.png") repeat;
margin-top:1px;
}

.s_content_box img {
width:66.3em;
height:22.5em;
margin-bottom:2em;
}

.s_content_box ul.ul_design {
position:absolute;
z-index:3;
margin-top:5em;

}

.s_content_box ul.ul_develop {
position:absolute;
z-index:3;
margin-top:5em;
margin-left:23em;
}

.s_content_box li {
list-style: url("../images/li_BG.png");
font-size: 1.2em;
margin-top:0.2em;
width:11.5em;
}



/* top fade box */

.top_fade_box {
width:66.3em;
background: url("../images/boxBG_20.png") repeat;
margin:0 0 1px 0;
}

.homef, .portfoliof { height:22.4em; }
.biof, .websitesf, .emailCreativef, .designsf, .developf, .servicesf { height:2.4em; }
.forgef { height:8.7em; }

.top_fade_box2 {
width:66.3em;
background: url("../images/boxBG_20.png") repeat;
margin:0 0 1px 2.4em;
}

/* end */


.shadow_box {
padding-bottom: 2.4em;
background: url("../images/shadow.png") repeat-x bottom;
float:left;
margin-right:1px;
}


.right_side_box {
width:66.3em;
background: url("../images/boxBG_50.png") repeat;
}

.right_side_box_nw {
background: url("../images/boxBG_20.png") repeat;
}

.mixed_wrapper { float:left; }

/* fill box left */

.fill_box_left {
width:2.3em;
background: url("../images/boxBG_20.png") repeat;

}

.home_s, .portfolio_s, .forge_s, .sitemap_s { height:20.2em; margin-top:22.5em;}
.bio_s, .services_s { height:44em; margin-top:2.5em;}

.design_s { height:44em;  margin-top:2.5em;}
.design_ls { height:24.8em;  margin-top:2.5em;}

.bio_skills, .bio_friends { 
width:33em; 
background: url("../images/boxBG_50.png") repeat;
}

.bio_skills p, .bio_friends p, .websites_s p, .emailCreative_s p, .forge_designs p, .forge_siteElements p, .forge_scripts p { 
margin:0.5em 1.5em 0em 0.5em;
}

.bio_friends ul, .bio_skills ul {
margin:0.5em 0.4em 0.5em 0.5em;
direction: rtl;
list-style-type:square;
}

.bio_contact, .services_contact { 
width:59em; 
background: url("../images/boxBG_50.png") repeat;
}

.bio_contact li img, .services_contact li img {
margin:0.5em 0 0 0.1em;
}

.bio_contact li a, .services_contact li a {
padding-top:-0.3em;
}

.bio_contact ul, .services_contact ul {
margin:0 0 0.5em 2em;
direction: rtl;
list-style: none;
padding:0;
}

.bio_contact li, .services_contact li {
height:1.8em;
padding-right:2em;
background-repeat: no-repeat;
background-position: right top;
}

.bio_contact li.twitter, .services_contact li.twitter {
background-image: url(../images/t_small-c.png);
}

.bio_contact li.email, .services_contact li.email {
background-image: url(../images/email_badge.png);
}

#contact_float { 
width:59em; 
height:52.5em;
background: url("../images/boxBG_50_2.png") repeat;

position:absolute;
top:7.9em;
z-index:5;
display:none;
}

#contact_float p {
color:#6b6b6b;
margin:0em 1.5em 0em 0.5em;
}

#contact_float p a {
color:#6b6b6b;
}

#contact_float img {
margin:15em 0 0 50.5em;
width:5.5em; 
height:5.1em;
}


.forge_designs, .forge_siteElements, .forge_scripts { 
margin-top:8.8em;
width:59em;
}



.websites_s, .emailCreative_s { 
margin-top:8.8em;
height:45.4em; 
}

.websites_box {
width:37.5em; 
background: url("../images/boxBG_50.png") repeat;
text-align:right;
}

.websites_box img {
width:36.9em;
height:25em;
margin:1em 0.3em 0.5em 0.3em;
}

.websites_box p {
padding: 0.5em;
}



.emailCreative_box {
width:37.5em; 
background: url("../images/boxBG_50.png") repeat;
text-align:right;
}

.emailCreative_box_nw {
background: url("../images/boxBG_50.png") repeat;
}

.emailCreative_box_wide {
width:115em;
background: url("../images/boxBG_50.png") repeat;

}

.design_box {
background: url("../images/boxBG_50.png") repeat;
text-align:right;
}

.des_hdr {
width:38.4em;
height:6.4em;
}

.site_map_opt {
width:10.5em;
height:8em;
margin-top:6.5em;
}


.sitemap_s ul {
margin:4em 1em 0.5em 1em;
direction: rtl;
list-style-type:square;
padding:0;
float:left;

}

.sitemap_s li, .sitemap_s li a {

}

.sitemap_s li.hdr {
list-style:none;
}


.em_prev {
width:11.7em;
height:9.7em;
margin:0.9em 0.4em 0 0.4em;
}


.fout1 {
width:6.5em;
background: url("../images/boxBG_20.png") repeat;
}

.fout2 {
width:6.5em;
background: url("../images/boxBG_10.png") repeat;
}

.fout3 {
width:6.5em;
background: url("../images/boxBG_5.png") repeat;
}

/* end */

#middle {
width:1000em;
}

#websites_middle {
width:520em;
}

.sub_hdr {
width:33.5em;
height:6.4em;
}

.contact_hdr {
width:59em;
height:6.4em;
margin-bottom:2em;
}






.shadow {
   -moz-box-shadow: 0px 20px 10px #0A3052;
    -webkit-box-shadow: 0px 20px 10px #0A3052;
    box-shadow: 0px 20px 10px #0A3052;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=20, Color='#0A3052')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#0A3052');
}


/* forms */

#con_inputs label, #con_inputs input {
	display: block;
	float: left;
	margin-bottom: 0.3em;
	font-size:1.5em;
	color:#6b6b6b;
	font-family: arial, helvetica, sans-serif;
}

#con_inputs input {
width:15.4em;
border: 1px #C7A810 solid;
border-bottom: 3px #C7A810 solid;
padding:0.3em;
background:  url("../images/transBG.png");
}

#con_inputs TEXTAREA {
	display: block;
	float: left;
	margin-bottom: 1em;
	font-size:1.5em;
	color:#6b6b6b;
	font-family: arial, helvetica, sans-serif;
	width:15.4em;
	border: 1px #C7A810 solid;
	border-bottom: 3px #C7A810 solid;
	padding:0.3em;
	background:  url("../images/transBG.png");
}

#con_inputs label {
	text-align: right;
	width: 1em;
	padding: 0.3em 1em 0 0;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
}

#con_inputs br {
	clear: left;
}

#con_sub {
width:100%;
text-align:right;
}

#con_sub span { margin:0 0.1em;  }

#con_sub input { 
color:#6b6b6b;


}


.sites_con {
width:37em;
margin:0.5em 0 2.5em 0.3em;
border-bottom:2px #F3D993 dotted;
border-top:2px #F3D993 dotted;
}

.sites_con td {
color:#000000;
font-size:1.3em;
background-color:#FAF5E6;
padding:0.3em;
text-align:left;
}

.sites_con td a {
color:#000000;
}


.sites_con td.h5 {
width:7em;
text-align:right;
font-weight:bold;
background-color:#EECA67;
color:#996600;
}