@CHARSET "ISO-8859-1";

body {
    background: #b6b6b6 url('../images/shadow.jpg') repeat-y center top;
    /*background-color: #a6a6a6;*/
    color: #2C2721;
    font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

.nocss { display: none; }

.ui-tabs .ui-tabs-hide {
     display: none;
}

div.clear {
    clear: both;
    font-size: 0.1em;
}

div#content h1 {
    color: #446682;
    padding: 15px;
    font-size: 1.4em;
}

div#content h2 {
    color: #062C4D;
    padding: 20px 0 3px 15px;
    font-size: 1.2em;
}

div#content h3,
div#content h4 {
    color: #062C4D;
    padding: 15px 0 0 15px;
    font-size: 1.0em;
}

div#content h5 {
	font-size: 0.9em;
}

div#content h6 {
	font-size: 0.8em;
}

div#content h2 a,
div#content h3 a,
div#content h4 a,
body#portfolio div.projBox div.osLeft a {
	color: #bf6000;
}

#page {
    /*background: transparent url('../images/page-bg.jpg') no-repeat center top;*/
    min-height: 285px;
}

#canvas {
    width: 900px;
    margin: 0 auto;
}

#header {
    background: transparent url('../images/header.jpg') no-repeat top left;
    height: 119px;
    position: relative;
}

#header h1 {
    text-indent: -9999px;
}

#head_contact {
    position: absolute;
    top: 35px;
    left: 545px;
}

a.email {
    text-indent: -9999px;
    display: block;
    height: 30px;
    width: 300px;
}

a.phone {
    text-indent: -9999px;
    display: block;
    height: 30px;
    width: 300px;
    margin: -17px 0 0 0;
}

#content {
	border-top: 1px solid #ccc;
    background: #ececec url('../images/content-bg.png') repeat-x scroll center top;
    padding: 30px;
    padding-bottom: 1px;
    min-height: 100px;
}

#footer {
    background: transparent url('../images/footer-bg.jpg') no-repeat center top;
    height: 78px;
    padding: 110px 0 26px 40px;
}

#footer p {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 0.7em;
    padding-bottom: 13px;
    color: #ccc;
}




/*
 * ----------------------------------------------------------------------------
 * Navigation Menu
 * ----------------------------------------------------------------------------
 */
div#nav {
	border-top: 1px solid #317BBA;
    background: transparent url('../images/nav-bg.png') repeat-x scroll top left;
    height: 25px;
}
 
ul#menu {
    line-height: 1.0;
}

ul#menu ul {
    position: absolute;
    top: -999em;
    width: 11.8em; /* left offset of submenus need to match */
}

ul#menu ul li {
    width: 100%;
}

ul#menu li:hover {
    visibility: inherit; /* Addresses IE7 'sticky' bug */
}

    /* Color & font Styles */
ul#menu li {
    font-weight: bold;
    font-size: 0.8em;
    float: left;
    position: relative;
    font-family: Verdana, sans-serif;
}

    /* Normal State */
ul#menu a,
ul#menu li.currentTop ul li a,
ul#menu li.currentTopLast ul li a {
    color: #a7b3b8;
}

ul#menu a {
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    margin-top: 6px;
    width: 150px;
    border-right: 1px solid #063257;
}

ul#menu li ul li a {
    background: transparent url('../images/dropdown-bg.png') no-repeat scroll top left;
    border-left: 1px solid #317bba;
    border-right: 1px solid #317bba;
    border-bottom: 1px solid #063257;
    text-align: center;
    padding-top: 6px;
    height: 17px;
    margin: 0;
    width: 148px;
}

ul#menu li.fQuote a {
	color: orange;
}

    /* Current/Last/Hover states */
ul#menu li.currentTop a,
ul#menu li.currentTopLast a,
ul#menu li.currentTop ul li.currentSub a,
ul#menu li.currentTop ul li.currentSubLast a,
ul#menu li.currentTopLast ul li.currentSub a,
ul#menu li.currentTopLast ul li.currentSubLast a,
ul#menu li.currentTopLast.fQuote a {
	    color: #0af;
}
ul#menu li.currentTopLast a,
ul#menu li.TopLast a {
    border-right: 0;
}
ul#menu li ul li.SubLast a {
    border-bottom: 1px solid #317bba;
}

ul#menu a:hover, 
ul#menu li.currentTop a:hover, 
ul#menu li.currentTopLast a:hover,
ul#menu li.currentTop ul li.currentSub a:hover, 
ul#menu li.currentTop ul li.currentSubLast a:hover,
ul#menu li.currentTopLast ul li.currentSub a:hover, 
ul#menu li.currentTopLast ul li.currentSubLast a:hover,
ul#menu li.fQuote a:hover {
		    color: #fff;
}
    /* /Color & font styles */

ul#menu li:hover ul, ul#menu li.sfHover ul {
    left: 0;
    top: 25px; /* match height of top element */
    z-index: 99;
}

ul#menu li:hover li ul, ul#menu li.sfHover li ul {
    top: -999em;
}

ul#menu li li:hover ul, ul#menu li li.sfHover ul {
    left: 11.8em; /* match ul width */
    top: 0;
}

ul#menu li li:hover li ul, ul#menu li li.sfHover li ul {
    top: -999em;
}

ul#menu li li li:hover ul, ul#menu li li li.sfHover ul {
    left: 11.8em; /* match ul width */
    top: 0;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: url('../images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/*
 * ----------------------------------------------------------------------------
 * /#Main Nav
 * ---------------------------------------------------------------------------- 
 */


/*
 * ----------------------------------------------------------------------------
 * Free Quote 
 * ----------------------------------------------------------------------------
 */
body#free div#content form {
    display: block;
    position: relative;
    width: 840px;
    margin: 0 auto;
    padding: 10px 0;
    color: #2C2721;
}

body#free form div.left input, body#free form select, body#free form textarea {
    background-color: #445E76;
    color: #fff;
    border: 2px solid #a6a6a6;
    border-bottom: 2px solid #e7e7e7;
    border-left: 2px solid #e7e7e7;
}

body#free div#content form div.left, body#free div#content form div.right  {
    float: left;
    width: 420px;
}

body#free div#content form div.left label, body#free div#content form div.right label {
    display: block;
    float: left;
    width: 205px;
    text-align: right;
    padding: 3px 5px;
}

body#free div#content form div.left input, body#free div#content form div.right input,
body#free div#content form div.right select {
    display: block;
    float: left;
    width: 185px;
    margin: 2px 5px;
    padding-left: 5px;
}

body#free div#content form input[type="submit"] {
    width: 100px;
    margin-left: 370px;
}

body#free div#content form div.body label {
    display: block;
    width: 800px;
    text-align: center;
    padding: 20px;
}

body#free div#content form div.body textarea {
    width: 810px;
    margin-left: 13px;
    height: 300px;
}

body#free div#content form span.opt {
    font-size: 0.8em;
    color: #999;
}

body#free div#content p {
    font-size: 0.8em;
    letter-spacing: 1px;
    line-height: 1.2em;
    padding: 15px;
    color: #999;
} 

body#free div#content p .first {
    color: #900;
}

/* /Free-Quote */

/*
 * ----------------------------------------------------------------------------
 * Company Contact 
 * ----------------------------------------------------------------------------
 */
body#company div#content div#contact p {
    padding: 15px;
    color: #2C2721;
}

body#company div#content div#contact form {
	position: relative;
    padding: 10px;
    width: 840px;
}

body#company div#content div#contact form div.left,
body#company div#content div#contact form div.right {
	float: left;
    width: 420px;
}

body#company div#content div#contact form div.left label {
    display: block;
    font-size: 0.8em;
    text-align: right;
    width: 190px;
    padding: 4px 5px;
    float: left;
}

body#company div#content div#contact form div.left input,
body#company div#content div#contact form div.left select {
    width: 200px;
    margin: 4px 0;
    padding: 0 5px;
    display: block;
    float: left;
}

body#company div#content div#contact form div.left select {
	padding-right: 0;
}

body#company div#content div#contact form div.right label {
	display: block;
	font-size: 0.8em;
	padding: 4px 5px;
}

body#company div#content div#contact form div.right textarea {
	width: 410px;
	padding: 5px;
	height: 130px;
}

body#company div#content div#contact form input[type="submit"] {
	margin-left: 400px;
}

/* /Company Contact */

/*
 * ----------------------------------------------------------------------------
 * Company Promise 
 * ----------------------------------------------------------------------------
 */
body#company div#content ol {
    margin-left: 30px;
    list-style: disc outside url('../images/bullet_red.png');
}

body#company div#content ol li {
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1em;
}

/* /Company Promise */

/*
 * ----------------------------------------------------------------------------
 * Company [About]
 * ----------------------------------------------------------------------------
 */
body#company div#content div#about p {
    font-size: 0.9em;
    letter-spacing: 1px;
    padding: 10px 30px;
    color: #2C2721;
}

/* /Company [About] */

/*
 * ----------------------------------------------------------------------------
 * Services 
 * ----------------------------------------------------------------------------
 */
body#services div#content p {
	font-size: 0.8em;
	letter-spacing: 1px;
    line-height: 1.2em;
	padding: 10px 30px;
	color: #2C2721;
}

/* /Services */


/*
 * ----------------------------------------------------------------------------
 * Home Page
 * ----------------------------------------------------------------------------
 */
body#home div#content h1 {
    text-align: center;
    font-size: 1.7em;
}

body#home div#content p {
    padding: 10px 50px;
    color: #2C2721;
    line-height: 1.2em;
}

body#home div#content p strong {
	font-size: 1.1em;
}

body#home div#mid {
    position: relative;
    width: 840px;
    margin: 0 auto;
}

body#home div#mid div#left { 
    width: 380px;
    float: left;
    text-align: center;
}

body#home div#mid div#right { 
    width: 440px;
    float: left;
    text-align: center;
}

body#home div#mid div#right p {
    line-height: 1.2em;
    padding: 10px 0 19px 30px;
    text-align: left;
}

body#home div#mid div#left ul {
    padding-left: 110px;
    text-align: left;
}

body#home div#mid div#left ul li a {
    font-size: 1.1em;
    line-height: 2.3em;
    color: #7EA0C4;
}

body#home div#mid div#left ul {
    list-style: disc outside url('../images/bullet_red.png');
}

body#home div.portfolio-pics,
body#company div.portfolio-pics {
	position: relative;
    margin: 10px;
    margin-top: 50px;
    padding: 5px;
    text-align: center;
    background: transparent url('../images/seventy.png');
    border: 3px solid black;
}

body#home div.portfolio-pics img,
body#company div.portfolio-pics img {
    position: absolute;
	left: 0;
	top: 0;
    border: 1px solid white;
    margin: 0 8px;
}

body#home div.portfolio-pics span,
body#company div.portfolio-pics span {
    display: inline-block;
	position: relative;
	width: 260px;
	height: 102px;
}
/* /Home */



/*
 * ----------------------------------------------------------------------------
 * PORTFOLIO PAGE
 * ----------------------------------------------------------------------------
 */

body#portfolio h2 {
	position: relative;
    margin: 10px 25px;
    border-bottom: 1px solid #ccc;
    color: #bf6000;
    text-transform: uppercase;
}

body#portfolio h2 img {
	position: absolute;
	right: 0;
	bottom: 1px;
}

body#portfolio h2 img:hover {
	cursor: pointer;
}

body#portfolio h4 a,
body#portfolio h5 a {
	color: #2d5c8a;
}

body#portfolio h4 a:hover,
body#portfolio h5 a:hover {
	text-decoration: underline;
	color: #88AED6;
}

body#portfolio p.summary {
	padding: 15px 10px;
}

body#portfolio p.tabSum {
	padding: 10px 35px;
	font-size: 0.8em;
}

body#portfolio div#recent,
body#portfolio div#archive {
    padding: 8px 10px;
}

body#portfolio div.featured table {
    margin-bottom: 50px;
}

body#portfolio div.featured table td {
	text-align: center;
	vertical-align: middle;
}

body#portfolio div.featured td.imgBox {
	width: 405px;
	height: 271px;
}

body#portfolio div.featured td.imgBox img {
    border: 2px solid #062C4D; 
}

body#portfolio div.featured td.imgBox img:hover {
    border: 2px solid #8296A6;
}

body#portfolio div.featured td.techs,
body#portfolio div.featured td.thumbList {
	vertical-align: bottom;
}

body#portfolio div.featured td.techs p {
	font-size: 0.9em;
	color: #999;
	letter-spacing: -1px;
}

body#portfolio div.featured td p {
	padding-top: 10px;
	font-weight: normal;
	color: #1A2532;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.2em;
	text-align: left;
}


body#portfolio div.rWork {
	position: relative;
	float: left;
	width: 400px;
	margin: 2px;
	text-align: center;
	height: 480px;
	overflow-y: auto;
	background-color: #efefef;
}

body#portfolio div.rWork h4 {
	font-size: 1.2em;
	letter-spacing: -1px;
    color: #2d5c8a;
    padding: 20px 0;
}

body#portfolio div.rWork div.about, 
body#portfolio div.rWork div.imgView {
	width: 398px;
	height: 248px;
	background-color: #fdfdfd;
}

body#portfolio div.rWork div.imgView {
	background-color: #444;
}

body#portfolio div.rWork div.imgView img {
	padding: 2px;
}

body#portfolio div.rWork div.about {
	position: relative;
}

body#portfolio div.rWork div.about p {
	padding: 20px 40px;
	text-align: left;
	font-size: 0.8em;
	letter-spacing: 1px;
	line-height: 1.3em;
}

body#portfolio div.rWork div.about p.rTechs {
	position: absolute;
	padding: 10px;
	bottom: 0;
	color: #999;
	font-size: 0.9em;
	letter-spacing: -1px;
}

body#portfolio div.rWork div.rPanes > p a {
    color: #444;
}



body#portfolio .projBox {
    position: relative;
    padding: 15px;
    margin-bottom: 5px;
    overflow: auto;
}

body#portfolio .projBox div.projLeft {
    float: left;
    width: 420px;
    height: 280px;
}

body#portfolio .projBox div.projRight {
    float: left;
    width: 390px;
}

body#portfolio .projBox div.osLeft {
    float: left;
    margin-left: 100px;
    width: 220px;
    text-align: center;
}

body#portfolio .projBox div.osLeft img {
    border: 1px solid #333;
}

body#portfolio .projBox div.osRight {
    float: left;
	width: 300px;
    margin-left: 20px;
    font-size: 0.8em;
}


body#portfolio .projBox ul {
    display: block;
    position: absolute;
    top: 215px;
    left: 40px;
    list-style-type: none;
    border: none;
    padding: 4px;
    background-image: url('../images/seventy.png');
}

body#portfolio .projBox ul li {
    margin-right: 3px;
    float: left;
}

body#portfolio .projBox ul li.last {
    margin: 0;
}

body#portfolio .projBox ul li a {
    display: block;
    height: 64px;
}

body#portfolio .projBox ul li img {
    border: 1px solid #333;
}

/* @group Details List */
body#portfolio .projBox dl {
    width: 390px;
}

body#portfolio .projBox dl dt {
    display: block;
    float: left;
    width: 105px;
    text-align: right;
    padding: 3px 5px 3px 0;
    color: #2d5c8a;
}

body#portfolio .projBox dl dd {
    display: block;
    float: left;
    width: 270px;
    padding: 2px 10px 2px 0;
    margin: 2px 0;
    color: #1A2532;
}
  /* @end [Details List] */


  /* @group Table Styles */
body#portfolio table.archive {
	width: 811px;
	margin: 0 auto;
}

body#portfolio table.archive tr.alternate {
	background-color: #ededed;
}

body#portfolio table.archive td {
	width: 350px;
    padding: 15px 25px;
    vertical-align: middle;
    text-align: center;
}

body#portfolio table.archive td img {
    border: 2px solid #444;
}

body#portfolio table.archive td.colspacer {
    width: 11px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    padding: 0;
}

body#portfolio table.archive td.infoBox1 {
	text-align: left;
}
body#portfolio table.archive td.infoBox2 {
	text-align: right;
}

body#portfolio table.archive td dl {
    position: relative;
    display: block;
    width: 350px;
}

body#portfolio table.archive td dl dt {
    display: block;
    float: left;
    width: 110px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: right;
    padding: 2px 0;
    padding-right: 5px;
    color: #2D5C8A;
}

body#portfolio table.archive td dl dd {
    display: block;
    float: left;
    width: 190px;
    font-size: 0.8em;
    color: #333;
    text-align: left;
    padding: 2px 0;
}
  /* @end [Table Styles] */
/* /Portfolio Page */




/*
 * OVERLAY CSS
 */
/* the overlayed element */
	div.overlay {
	    /* growing background image */
	    background-image: url('../images/overlay/white.png');
	    
	    /* dimensions after the growing animation finishes  */
	    width: 840px;
	    height: 560px;       
	    
	    /* initially overlay is hidden */
	    display: none;
	    
	    /* some padding to layout nested elements nicely  */
	    padding: 18px;
	}
	
	/* default close button positioned on upper right corner */
	div.overlay div.close {
	    background-image: url('../images/overlay/close.png');
	    position: absolute;
	    right: 5px;
	    top: 5px;
	    cursor: pointer;
	    height: 28px;
	    width: 28px;
	}
	
	/* container for external content. uses vertical scrollbar, if needed */ 
	div.wrap { 
	    height: 550px;
	    width: 800px;
	    padding: 0;
	    margin: 0 auto;
	    margin-top: 25px; 
	    overflow-y: auto; 
	}
/* // END: OVERLAY CSS */


/*
 * TABS CSS
 */
	/* root element for tabs  */
	ul.tabs, ul.rTabs { 
	    list-style:none; 
	    margin:0 !important; 
	    padding:0;  
	    border-bottom:1px solid #666;   
	    height:30px;
	}
	
	ul.rTabs { height: 25px; }
	
	/* single tab */
	ul.tabs li, ul.rTabs li { 
	    float:left;  
	    text-indent:0;
	    padding:0;
	    margin:0 !important;
	    list-style-image:none !important; 
	}
	
	/* link inside the tab. uses a background image */
	ul.tabs a, ul.rTabs a { 
	    background: url('../images/tabs/blue.png') no-repeat -420px 0;
	    font-size:11px;
	    display:block;
	    height: 30px;  
	    line-height:30px;
	    width: 134px;
	    text-align:center;  
	    text-decoration:none;
	    color:#333;
	    padding:0px;
	    margin:0px; 
	    position:relative;
	    top:1px;
	}
	
	ul.rTabs a { 
	   height: 25px;
	   font-size: 10px;
	   line-height: 25px;
    }
	
	ul.tabs a:active, ul.rTabs a:active {
	    outline:none;       
	}
	
	/* when mouse enters the tab move the background image */
	ul.tabs a:hover, ul.rTabs a:hover {
	    background-position: -420px -31px;  
	    color:#fff; 
	}
	
	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a,
    ul.rTabs a.current, ul.rTabs a.current:hover, ul.rTabs li.current a {
	    background-position: -420px -62px;      
	    cursor:default !important; 
	    color:#000 !important;
	}
	
	/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
	
	
	/* width 1 */
	ul.tabs a.s, ul.rTabs a.s                 { background-position: -553px 0; width:81px; }
	ul.tabs a.s:hover, ul.rTabs a.s:hover     { background-position: -553px -31px; }
	ul.tabs a.s.current, ul.rTabs a.s.current { background-position: -553px -62px; }
	
	/* width 2 */
	ul.tabs a.l, ul.rTabs a.l                 { background-position: -248px -0px; width:174px; }
	ul.tabs a.l:hover, ul.rTabs a.l:hover     { background-position: -248px -31px; }
	ul.tabs a.l.current, ul.rTabs a.l.current { background-position: -248px -62px; }
	
	/* width 3 */
	ul.tabs a.xl, ul.rTabs a.xl                 { background-position: 0 -0px; width:248px; }
	ul.tabs a.xl:hover, ul.rTabs a.xl:hover     { background-position: 0 -31px; }
	ul.tabs a.xl.current, ul.rTabs a.xl.current { background-position: 0 -62px; }


	/* initially all panes are hidden */ 
	div.panes div.pane,
	div.rPanes div.pane {
	    display:none;       
	}

    /* CUSTOM */
	/* tab pane styling */
	div.panes > div,
    div.rPanes > div {
	    border: 1px solid #777;
	    border-top: 0;
        background-color: #fff;
	    /*
	    height: 300px;
	    overflow-y: auto;
	    */
	}
	
	ul.tabs li a,
    ul.rTabs li a {
	    font-size: 1.1em;
	    font-weight: bold;
	}
/* // END: TABS CSS */

/*
 * SCROLLABLE CSS
 */
	/* 
	    root element for the scrollable. 
	    when scrolling occurs this element stays still. 
	*/ 
	div.scrollable { 
	    /* required settings */ 
	    position: relative; 
	    overflow: hidden; 
	    width: 324px; 
	    height: 77px;
	    
	    /* custom decorations */
	} 

	/* 
	    root element for scrollable items. Must be absolutely positioned 
	    and it should have a super large width to accomodate scrollable items. 
	    it's enough that you set width and height for the root element and 
	    not for this element. 
	*/ 
	div.scrollable div.items { 
	    /* this cannot be too large */ 
	    width: 20000em; 
	    position: absolute;
	    clear: both;
	    
	    /* decoration */
	    background: transparent url('../images/seventy.png');
	} 
	 
	/* 
	    a single item. must be floated on horizontal scrolling 
	    typically this element is the one that *you* will style 
	    the most. 
	*/ 
	div.scrollable div.items div { 
	    float: left; 
	    height: 71px;
	    
	    margin: 2px;
	    border: 1px solid #000;
	    padding: 0;
	} 

    div.scrollable div.items div img {
        margin: 1px;
        border: 2px solid #062C4D; 
    }
    div.scrollable div.items div img:hover {
        border: 2px solid #8296A6;
    }
    
	/* you may want to setup some decorations to active item */ 
	div.scrollable div.items div.active { 
	    border: 1px inset #8296A6; 
	    background-color: #062C4D; 
	}
	
	/********** Naviagation **********/
	/* this makes it possible to add next button beside scrollable */
	div.scrollable {
	    float:left; 
	}
	
	/* prev, next, prevPage and nextPage buttons */
	a.prev, a.next, a.prevPage, a.nextPage {
	    display:block;
	    width:18px;
	    height:18px;
	    background:url('../images/scrollable/left.png') no-repeat;
	    float:left;
	    margin:29px 5px;
	    cursor:pointer;
	    font-size:1px;
	}

    div.rWork a.prev, div.rWork a.prevPage {
        margin-left: 13px;
    } 
    div.rWork a.next, div.rWork a.nextPage {
        margin-right: 0;
    }
    
	/* mouseover state */
	a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	    background-position:0px -18px;      
	}
	
	/* disabled navigational button */
	a.disabled {
	    visibility:hidden !important;       
	}
	
	/* next button uses another background image */
	a.next, a.nextPage {
	    background-image:url('../images/scrollable/right.png');
	    clear:right;    
	}
	
	/*********** navigator ***********/
	/* position and dimensions of the navigator */
	div.navi {
	    margin-left: 175px;
	    width: 84px;
	    height: 20px;
	    text-align: center;
	}
	
	div.rWork d.navi { margin-left: 190px; }
	
	/* items inside navigator */
	div.navi a {
	    width:8px;
	    height:8px;
	    float:left;
	    margin:3px;
	    background:url('../images/scrollable/navigator.png') 0 0 no-repeat;
	    display:block;
	    font-size:1px;
	}
	
	/* mouseover state */
	div.navi a:hover {
	    background-position:0 -8px;      
	}
	
	/* active state (current page state) */
	div.navi a.active {
	    background-position:0 -16px;     
	}   
/* END: SCROLLABLE CSS */