/* CSS Document */
/*	Popup Dialog styles	*/
.popupBackgroundSafari {position: absolute; top: 0px;	left: 0px;	opacity: .5;	filter: alpha(opacity=50);}
.popupBackground {position: absolute; top: 0px;left: 0px; background-color: #000000;	filter: alpha(opacity=20);	-moz-opacity: .20;	-khtml-opacity: .20;}
.dialog{ background-color:#ff7443;}
.dialog #titlebar { background-image: url(../images/img_popuplogo.gif); background-repeat:no-repeat; padding:0px; height:81px; border:0px solid #fff; }
.dialog #titlebar .close{ float:right; padding:10px 20px 0px 0px;}
.dialog .title {  float:left;font-size: 14px; font-weight:bold; color: #fb6a34;padding:0px 0px 15px 10px;}
.dialog .content-area { margin:0px 10px 10px 10px; background-color:#f1ebe1; height:auto;}
/* Captionier popup */
.popup{	position: absolute;	width: 412px; z-index: 1000; }	
.popup .arrow	{ position:absolute;left: 0px;	z-index: 1000;}	
.popup .back { position:relative;top: 0px;	left: 0px;	border: 3px solid #FD6831;  background: #FFFFFF; padding-bottom:10px;height:auto;/*	x-moz-opacity:0.90 ;	xfilter:alpha(opacity=90);	xopacity: 0.90; */ }
.deletebutton	{width: 22px; height: 16px; margin-right: 10px; float:right;cursor: pointer; font-size: 12px; font-weight: bold; color: #ff4609;}
.popup #popupcanvas { position:relative; margin: 10px; font-size: 11px; vertical-align: top; text-align:left; height:auto; }
.popup .back-login { position:relative;top: 0px;	left: 0px;height:auto;}
.deletebutton-login	{cursor: pointer; float:right; padding-right:10px;}
.bg_login{ background-image:url(../images/bg_login.gif); background-repeat:repeat; border-right-width: 2px;border-left-width: 2px;	border-right-style: solid;	border-left-style: solid;	border-right-color: #83260c;	border-left-color: #83260c;}
.popup #popupcanvas .popupcanvas-login { position:relative; padding:5px; font-size: 11px; vertical-align: top; text-align:left; height:auto; }
.left{ float:left}
.right{float:right}
.clear{clear:both}
.main-div
{
margin:auto;
margin-top:78px;

width:980px;
padding:0px 0px 0px 0px;
height:645px;
padding-bottom:30px;
}


p
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


.inner-main
{
width:847px;
margin:auto;
}

.fluid-logo
{
float:left;
padding-top:4px;
}

.fluid-logo a
{

font-family:Arial;
font-size:17px;
color:#FFFFFF;
font-style:italic;
text-decoration:none;
}

.fluid-logo a:hover
{
font-family:Arial;
font-size:17px;
color:#FFFFFF;
font-style:italic;
text-decoration:none;
}

.clear
{
clear:both;
}

.subscribe
{
padding-top:10px;
float:right;
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}

.subscribe a
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}


.subscribe a:hover
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}

.main-menu
{
width:140px;
float:left;
font-family:Arial;
font-size:20px;
color:#e2027e;
text-decoration:none;
}

.main-menu a
{
font-family:Arial;
font-size:20px;
color:#e2027e;
text-decoration:none;
}

.main-menu a:hover
{
font-family:Arial;
font-size:20px;
color:#ffffff;
text-decoration:none;
}
.main-menu a:hover
{
font-family:Arial;
font-size:20px;
color:#ffffff;
text-decoration:none;
}

.body-container
{
padding:0px 0px 0px 0px;

}

.secondary-menu
{
width:140px;
float:left;
}

.body-content
{
height:450px;
float:left;
width:706px;
}

.body-txt
{
font-family:Arial;
color:#96959a;
font-size:21px;
}

.heading
{
font-family:Arial;
color:#ffffff;
font-size:21px;
}

.footer-area
{
padding:0px 0px 0px 0px;
}

.footer-main
{
padding:0px 0px 0px 0px;
margin-top:5px;

}

.footer-menu
{
float:left;
font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}

.footer-menu a
{

font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}

.footer-menu a:hover
{

font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}

.copyright
{
float:right;
font-family:Arial;
color:#96959b;
font-size:9px;
}

.slide-bar
{
width:846px;
height:22px;
background-image:url(http://fluid.application-staging2.com/media/images/slide-bar.jpg);
background-repeat:no-repeat;
}

.top-sub-menu-main
{
margin-top:75px;
_margin-top:0px;

float:left;
width:705px;
}






.client-menu
{
width:141px;
float:left;
}

.client-menu-txt
{
font-family:Arial;
color:#96959b;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.client-menu-txt a
{
font-family:Arial;
color:#96959b;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.client-menu-txt a:hover
{
font-family:Arial;
color:#ffffff;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.gallery-img1
{
width:134px;
height:101px;
float:left;
margin-right:8px;
margin-bottom:8px;

}


.learn-more-main
{
float:right;
width:75px;
}

.learn-more
{
padding-top:5px;
float:left;
color:#e30084;
font-family:Arial;
font-size:11px;

}

.learn-more-plus
{
float:right;
padding-top:3px;

}

.brand-gallery-main
{
height:303px;
background-color:#FFFFFF;
}

.gallery-arrow-left
{
margin-top:80px;
float:left;
}

.gallery-arrow-right
{
margin-top:80px;
float:right;
}

.gallery-picture-area
{
float:left;
width:548px;
height:303px;
}

.gallery-bottom-gradiant
{
background-image:url(http://fluid.application-staging2.com/media/images/gallery-bottom-gradiant.jpg);
background-repeat:repeat-x;
height:19px;

}

.karloff
{
padding-top:3px;
font-family:Arial;
font-size:10px;
color:#FFFFFF;
float:left;
padding-left:10px;
}

.karloff-right
{
padding-top:3px;
font-family:Arial;
font-size:10px;
color:#FFFFFF;
float:right;
padding-right:10px;
text-decoration:none;
letter-spacing:2px;
}

.karloff-right a
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.karloff-right a:hover
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}

.gallery-bottom-content
{
margin-top:5px;
}

.gallery-bottom-left
{
width:273px;
float:left;
margin-right:10px;
}

.gallery-bottom-centre
{
width:264px;
float:left;
}

.gallery-bottom-right
{
width:145px;
float:right;
}

.gallery-bottom-txt
{
font-family:Arial;
color:#ffffff;
font-size:19px;
text-decoration:none;
line-height:20px;

}

.gallery-bottom-txt a
{
font-family:Arial;
color:#ffffff;
font-size:19px;
text-decoration:none;

}


.gallery-bottom-txt a:hover
{
font-family:Arial;
color:#e2027e;
font-size:19px;
text-decoration:none;


}

.gallery-bottom-txt2
{
font-family:Arial;
color:#ffffff;
font-size:11px;
}


/************ CONTACT US PAGE *************/

.contact-sub-menu
{
font-family:Arial;
font-size:11px;
color:#ffffff;
}

.contact-sub-heading
{
font-family:Arial;
font-size:20px;
color:#ffffff;
padding-bottom:3px;
}

.user-form-main
{
width:435px;
padding:0px;
margin-bottom:4px;
float:right;
}

.user-form-txt-main
{
width:132px;
float:left;
}

.user-form-right
{
width:270px;
float:left;
margin-left:20px;
}

.form-width
{
width:265px;
font-family:Arial, Helvetica, sans-serif;
font-size:11x;
color:#666666;
/*height:17px;
_height:14px;
*/


}

.star
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#de5e00;
}

.contact-main-div
{
padding-bottom:5px;
width:435px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#cccccc;
text-decoration:none;

}
.contact-main-div a
{
width:435px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#cccccc;
text-decoration:none;

}
.contact-main-div a:hover
{
width:435px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#ffffff;
text-decoration:none;

}

.contact-master-div
{
width:435px;
float:right;
font-family:Arial;
font-size:10px;
color:#ffffff;
}

.check-box
{
float:left;
padding-top:2px;
}

.check-box-txt
{
padding-top:5px;
float:left;
width:205px;
}

.contact-send
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#e2027e;
float:left;
text-decoration:none;
}

.contact-send a
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#e2027e;
text-decoration:none;

}


.contact-send a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#e2027e;
text-decoration:none;

}

.see-map
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e2027e;
padding-top:2px;
padding-bottom:12px;
text-decoration:none;
}
.see-map a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e2027e;
text-decoration:none;

}
.see-map a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#e2027e;
text-decoration:none;
}


.clients-content
{
width:132px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
margin-bottom:7px;
text-decoration:none;
}

.clients-content a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
text-decoration:none;
}

.clients-content a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#69676d;
text-decoration:none;
}
p{margin:0;padding:0}
/**************** AJAX POP UP PAGE ********************/

.ajax-main
{
	
	padding-top:14px;
	padding-right:12px;
	padding-left:29px;
	width:558px;
	height:463px;
	background-image:url(../images/fluid-ajax-bg.png);
	background-repeat:no-repeat;
}

.ajax-close-img
{
float:right;
}

.ajax-close-img-new
{
text-align:right;
float:right;
}


.ajax-container-div
{
padding:0px 0px 0px 0px;
}

.ajax-container-left
{
margin-top:15px;
width:108px;
float:left;
}


.ajax-container-centre
{
margin-top:15px;
width:420px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a3a3a6;

}

.ajax-scroll-main
{
width:17px;
float:right;
}

ul
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
}

li
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#959599;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:20px;
text-decoration:none;
font-weight:bold;
}

li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#959599;
text-decoration:none;
font-weight:bold;

}

li a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#BA3085;
text-decoration:none;
font-weight:bold;

}

.ajax-page-heading
{
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#717075;
padding-bottom:5px;
}

.drive-img1
{
margin-right:3px;
margin-bottom:3px;
float:left;
}


.drive-inner-main
{
width:300px;
float:right;
}

/******************* NEWS *****************************/

.news-fluid-inner
{
width:548PX;
float:left;
}

.ajax-main-fluid-delivery
{
	
	padding-top:14px;
	padding-right:12px;
	padding-left:15px;
	width:572px;
	height:463px;
	background-image:url(../images/fluid-ajax-bg.png);
	background-repeat:no-repeat;
}





/*************** AJAX PAGE **********************/


.ajax-container-new
{
width:449px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a3a3a6;
}

.ajax-inner-container-new
{
width:430px;
float:left;
}

.ajax-arrow-main
{
float:right;
width:17px;
}


.ajax-scrll-hight
{
background-image:url(../images/scroller.jpg);
height:389px;
margin-left:7px;
width:4px;
}

.arrow-bg-top
{
margin-top:5px;
margin-left:2px;
background-image:url(../images/arrow-top.jpg);
width:13px;
height:8px;
}

.arrow-bg-bottom
{
background-image:url(../images/arrow-bottom.jpg);
width:13px;
height:8px;
margin-left:2px;
}


.default-img-main
{
width:134px;
height:101px;
}

.default-img-main-txt
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding-top:45px;
text-align:center;
}



/***************************** ADMIN STYLES ****************************************/



.navigation
{
width:140px;
float:left;
font-family:Arial;
font-size:20px;
color:#e2027e;
text-decoration:none;
}

.navigation a
{
font-family:Arial;
font-size:20px;
color:#e2027e;
text-decoration:none;
}

.navigation a:hover
{
font-family:Arial;
font-size:20px;
color:#ffffff;
text-decoration:none;
}



.footer-links
{
float:left;
font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}

.footer-links a
{

font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}

.footer-links a:hover
{

font-family:Arial;
color:#96959b;
font-size:10px;
text-decoration:none;
}




.client-name-navigation
{
font-family:Arial;
color:#96959b;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.client-name-navigation a
{
font-family:Arial;
color:#96959b;
font-size:16px;
text-decoration:none;
font-weight:bold;
}

.client-name-navigation a:hover
{
font-family:Arial;
color:#ffffff;
font-size:16px;
text-decoration:none;
font-weight:bold;
}




.ajax-launch-button
{
padding-top:5px;
float:left;
color:#e30084;
font-family:Arial;
font-size:11px;

}





.scope
{
font-family:Arial;
color:#ffffff;
font-size:20px;
text-decoration:none;
line-height:20px;

}

.scope a
{
font-family:Arial;
color:#ffffff;
font-size:20px;
text-decoration:none;

}


.scope a:hover
{
font-family:Arial;
color:#96959b;
font-size:20px;
text-decoration:none;


}




.project-body-bold
{
font-family:Arial;
color:#ffffff;
font-size:13px;
}




.client-name
{
font-family:Arial;
color:#ffffff;
font-size:20px;
text-decoration:none;
line-height:20px;

}

.client-name a
{
font-family:Arial;
color:#ffffff;
font-size:20px;
text-decoration:none;

}


.client-name a:hover
{
font-family:Arial;
color:#96959b;
font-size:20px;
text-decoration:none;


}



.ajax-body-regular
{
width:449px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a3a3a6;
}


.ajax-body-bold
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#a3a3a6;
font-weight:bold;
}


.client-on
{

font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#959599;
float:left;
margin-right:10px;
margin-bottom:7px;
text-decoration:none;
}

.client-on a
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#959599;
text-decoration:none;
}

.client-on a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#e2027e;
text-decoration:none;
}




.blur-effect
{

opacity:0.3; 
filter:alpha(opacity=30);
width:134px;
height:104px;
}


.blur-effect:hover 
{
opacity:1; 
filter:alpha(opacity=100);
-moz-opacity: 1;
width:134px;
height:104px;
}



a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

.main-menu mainmenuselect
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}

.main-menu mainmenuselect a
{
font-family:Arial;
font-size:10px;
color:#FFFFFF;
text-decoration:none;

}


.main-menu mainmenuselect a:hover
{
font-family:Arial;
font-size:10px;
color:#e2027e;
text-decoration:none;

}

a {
outline: none;
}