/* CSS Document

COPYRIGHT : WEB IN A BOX 2008
WEB SITE DESIGN: HARDI DARWEISH
COMPANY: WEB IN A BOX
 */
 
/* FIREFOX CSS */ 
 
/* tags */

#displaybox {
	z-index: 10000;
	filter: alpha(opacity=85); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /* IE */
	-moz-opacity: .85; /*older Mozilla*/
	-khtml-opacity: 0.85;   /*older Safari*/
	opacity: 0.85;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;

}

#websitetypedisplay
{
width:500px; 
height:auto; 
background:#FFFFFF;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-right:20px;
padding-top:2px;
padding-bottom:20px;
border:outset 4px #ac0481;
	position:relative;
	top:-33px;
}

#websitetypedisplay div
{
	margin-left:20px;
	margin-top:20px;
}

INPUT
{
	height:14px;
	font-size:12px;
	color:#000000;
	font-family:Arial; 
	border:1px solid #000000;
}

INPUT.findus
{
	height:14px;
}

INPUT#submitbutton
{
	padding-bottom:5px;
	height:18px;
	font-size:12px; 
	color:#000000;
	font-family:Arial;
	border:1px solid #000000;
}

INPUT.checkbox
{
	background-color:none;
	border: none;
}
SELECT
{
	height:20px;
	font-size:12px;
	color:#000000;
	font-family:Arial; 
	border:1px solid #000000;
}
TEXTAREA
{
	font-size:12px;
	color:#000000;
	font-family:Arial;
	border:1px solid #000000;
}

UL
{
	list-style:square;
	color:#AC0481;
}
/*----LINKS--------------*/
a:link{color:#AC0481;text-decoration:none;}     /* unvisited link */
a:visited{color: #AC0481;text-decoration:none;}  /* visited link */
a:hover{color: #000000; text-decoration:none;}   /* mouse over link */
a:active{color:#000000; text-decoration:none; outline: none;}   /* selected link */

a.mainnav:link{color:#000000;text-decoration:none;}     /* unvisited link */
a.mainnav:visited{color: #000000;text-decoration:none;}  /* visited link */
a.mainnav:hover{color: #AC0481; text-decoration:none;}   /* mouse over link */
a.mainnav:active{color:#000000; text-decoration:none; outline: none;}   /* selected link */

a.inpage:link{color:#000000;text-decoration:none;}     /* unvisited link */
a.inpage:visited{color: #000000;text-decoration:none;}  /* visited link */ 
a.inpage:hover{color: #AC0481; text-decoration:none;}   /* mouse over link */

#wrapper
{
	width:1024px;
	height:850px;
	margin:0 auto; /*this margin setting creates the liquid page*/
	position:relative; /*this is vital for setting elements via absolute positioning to maintain liquid layout*/
	background-repeat: no-repeat;
	top:30px; 
}

#wibcredits
{
	border-top:#999999 1px solid;
	padding:15px;
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
	left: 4px;
} 
#menu
{
	position:absolute;
	top:490px;
	left:0px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	text-align:right;
	width:1024px;
	border-top:#808284 solid 1px;
	border-bottom:#808284 solid 1px;
	padding-top:5px;
	padding-bottom:5px;
}


#menuspacer
{
	position:relative;
	top:1px;
	left:-7px;
}

#contactintro
{
	position:absolute;
	left:81px;
	top:550px;
	width:322px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
}
#contactdisplaycontainer
{
	position:absolute;
	top:550px ;
	left:450px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left:50px;
	height:250px;
	border-left:#999999 1px solid;
	text-align:justify;
}
#contactusdetails {
	position:absolute;
	left:81px;
	top:550px;
	width:322px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	border-right:#999999 1px solid;
}

#customerloginintro
{
	position:absolute;
	left:81px;
	top:550px;
	width:322px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
}

#customerlogindisplaycontainer
{
	position:absolute;
	top:550px ;
	left:450px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left:50px;
	height:250px;
	border-left:#999999 1px solid;
	text-align:justify;
}

#philosophyintro
{
	position:absolute;
	left:21px;
	top:553px;
	width:375px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:justify;
}
#philosophydisplaycontainer
{

	position:absolute;
	top:550px ;
	left:450px;
	width:500px;
	height:730px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left:60px;
	border-left:#999999 1px solid;
	text-align:justify;
}


#quoteform
{
	position:absolute;
	left:81px;
	top:550px;
	width:622px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	text-align:justify;
}
#testimonialimgcontainer
{
	position:absolute;
	top:380px ;
	left:20px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	color:#000000;
	width:350px;
	z-index:10;
}
#testimonialimginfo
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
}
#testimonialimglink a
{
	font-weight:normal;
	color:#FFFFFF;
}
 
#testimonialimglink a:hover
{
	font-weight:normal;
	color:#000000;
}
#welcomepagedetails
{
	position:absolute;
	left:81px;
	top:550px;
	width:322px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	border-right:#999999 1px solid;
}

#welcomeintro
{
	position:absolute;
	left:20px;
	top:550px;
	width:375px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
}


#loginform
{
	position:absolute;
	left:81px;
	top:550px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	}

#loginforgetform
{
	position:absolute;
	top:550px;
	left:400px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-left:#999999 1px solid;
	padding-left:100px;
	color:#666666;
}

#marketingintro
{
	position:absolute;
	left:20px;
	top:550px;
	width:375px;
	height:132px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
	
}

#marketingdisplaycontainer
{
	position:absolute;
	top:550px ;
	left:450px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left:50px;
	height:250px;
	border-left:#999999 1px solid;
	text-align:justify;
}
#submityoururlcontainer
{
	position:absolute;
	top:550px ;
	left:450px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	padding-left:50px;
	height:250px;
	border-left:#999999 1px solid;
	text-align:justify;
}

#testimonialdisplaycontainer
{
	position:absolute;
	left:20px;
	top:550px;
	width:822px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
}

#testimonial
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
	text-align:justify;
	border-top:#666666 solid 1px;
	padding-top:40px;
	padding-bottom:40px;
}
#findusbutton
{
	border:#666666 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	height:18px;
}


#officefinder
{
	position:absolute;
	top:550px ;
	left:500px;
	width:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}
.productheader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ac0481;
	font-weight:bold;

}
#productsintrotext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	position:absolute;
	left:20px;
	top:550px;
	text-align:justify;
	width:985px;
}

#producttypedisplay
{
	position:absolute;
	top:649px;
	left:185px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	z-index:2;
	width:500px;
	text-align:justify;
}
#producttabledetails
{
	position:absolute;
	left:527px;
	top:228px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	width: 152px;
	height: 64px;
	z-index: 10;
}
#producttablecontainer
{
	position:absolute;
	left:49px;
	top:265px;
	z-index: 10;
}
#portfolioplayercontainer
{
	position:absolute;
	top:525px ;
	left:0px;
	width:100%;
}

#yourguidecontainer
{	
font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	position:absolute;
	left:20px;
	top:550px;
	width:985px;
	text-align:justify;
}
#imagebanners
{
	border-top:#808284 1px solid;
	padding-top:2px;
	position:absolute;
	top:160px;
	left:0px;
	z-index:1;
}


#slogan
{
	position:absolute;
	top:140px;
	left:0px;
	font-family:Arial;
	font-size:14px;
	text-align:right;
	width:1010px;
}

#contactform
{
	position:absolute;
	top:229px;
	left:50px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	z-index:2;
}

#accessibilityone
{
	position:absolute;
	top:530px;
	left:0px;
	width:1024px;
	border:#999999 1px solid;
}
#accessibilitytwo
{
	position:absolute;
	top:530px;
	left:341px;
	height:300px;
	width:300px;
	border:#999999 1px solid;
}
#accessibilitythree
{
	position:absolute;
	top:530px;
	left:682px;
	height:300px;
	width:300px;
	border:#999999 1px solid;
}


/* PORTFOLIO PLAYER */

#FrogJS{
width: 760px;
height: 600px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
padding: 1px;
font-family:Arial, Helvetica, sans-serif;
color:#AC0481;
font-size:12px;
}

#FrogJSCaption{
text-align:justify;
line-height: 140%;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
}

#galleryalt
{
	position:absolute;
	left:0px;
	top:20px;
}
#galleryalt a:link, #galleryalt a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808284;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	text-decoration:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AC0481;
	border-right-color: #AC0481;
	border-bottom-color: #AC0481;
	border-left-color: #AC0481;
}

#galleryalt a:hover, #galleryalt a:active
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AC0481;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	text-decoration:none;
}

#marketingheader
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#808284;
	position:absolute;
	top:-25px;
	left:0px;
	width:400px;
}

#marketinggallery
{
	position:absolute;
	top:-250px;
	left:60px;
	
}

#logolinksheader
{
	position:absolute;
	top:90px;
	left:575px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	z-index:2;
}
#logolinks
{
	position:absolute;
	top:0px;
	left:550px;
	width:600px;
	z-index:2;
}
#logolinks a:link, #logolinks a:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808284;
	text-decoration:none;
}
#logolinks a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AC0481;
	text-decoration:none;
}
#marketingmenuline
{
	border-bottom:1px #808284 solid;
	width:650px;
	position:relative;
	top:43px;
	left:0px;
}
.virtualpage4
{
	position:absolute;
	top:90px;
	left:0px;
}


#marketing
{
	position:absolute;
	top:350px;
	left:200px;
}	

#productintrotext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:absolute;
	left:20px;
	top:50px;
	text-align:justify;
	width:985px;
}

#marketingintrotext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:absolute;
	left:20px;
	top:50px;
	text-align:justify;
	width:985px;
}


#marketingenlargeinstruction
{
	top:500px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;	
	width:759px;
}

#portfolioselectortext
{
	position:absolute;
	left:20px;
	top:168px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:200px;
}

#portfoliobuttonscontainer
{
	position:absolute;
	left:20px;
	top:217px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;	
	border:none;
}

#portfoliowebbutton
{
	padding-bottom:20px;
	border-bottom:#999999 1px solid;
	padding:20px;
	border:#999999 1px solid;
}

#portfoliointrotext
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	position:absolute;
	left:20px;
	top:25px;
	text-align:justify;
	width:985px;
}

#portfoliomarketingbutton
{

	position:absolute;
	left:0px;
	top:150px;
	padding:20px;
	border:#999999 1px solid;

}

#webdesign
{
	position:absolute;
	top:150px;
	left:250px;
	padding-top:20px;
	border-top:#808284 1px solid;
}

#webdesignheader
{
	position:absolute;
	top:-23px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808284;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	border-left:#AC0481 solid 1px;
	border-right:#AC0481 solid 1px;
	border-top:#AC0481 solid 1px;
	width:255px;
}

#webdesignlink
{	position:absolute;
	top:-23px;
	left:267px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808284;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	border-left:#AC0481 solid 1px;
	border-right:#AC0481 solid 1px;
	border-top:#AC0481 solid 1px;
	width:159px;
}

#hostinginformation
{
	position:absolute;
	top:750px;
	left:85px;
	z-index:30000;
}

#hostinginfolink
{
position:absolute; 
top:254px;
z-index:2000; 
left: 94px;"
}


#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=20);
	opacity: .20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}

#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background:none;
	padding: 5px 5px;
	border:none;;
	float: left;
	width: 540px;
	position: fixed;
	top: 10px;
	left: 10px;
	margin: 0 0 0 0px;
	z-index: 100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#AC0481;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #000;
	margin: 10px 0;
	padding: 20px 30px;
	border: 1px solid #bbb;
}

.popup h3 {
	margin: 0 0 20px;
	width:100%;
	color:#AC0481;
}

#quickformline
{
	border-bottom:#FFFFFF 1px solid;
	width:470px;
	margin-top:5px;
}
#quickfmheader
{
color:#ac0481;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

.popup textarea
{
	float:left;
	height: 137px;
	width: 245px;
	max-width: 245px;
	max-height: 137px;
}


 
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}

.popup a:link, a:visited
{
	color: #ac0481; 
	text-decoration:none;
}

.popup a:hover
{
	color: #FFFFFF; 
	text-decoration:none;
}