/*
    Copyright: Qupix LLC
    Author : Kshitij Vichare.

Suggested by Zubin ...

	Orange
	Hex: #FF5100
	RGBA(255, 81, 0, 1)
	HSL(19, 100%, 50%)
	CMYB(0%, 68%, 100%, 0%)

	Blue
	Hex: #00AEFF
	RGBA(0, 174, 255, 1)
	HSL(199, 100%, 50%)
	CMYB(100%, 32%, 0%, 0%

	Gray
	Hex: #DDDDEE
	RGBA(221, 221, 238, 1)
	HSL(240, 33%, 90%)
	CMYB(7%, 7%, 0%, 7%)

	Fonts (sans-serif + serif pairing)
	Playfair + Lato
	Arvo + Source Sans 3
*/

body
{
    font-family: 'Jura', sans-serif;
    font-size : 22px;
    font-weight: 400;
    /*
    color: #514239;
    background-color: #DDDDEE;
	background-color: #cccccc;
    */
    color: rgb(40, 40, 41);
	background-color: rgb(241, 242, 242);
	margin: 0px;
}

img { border: none; }


/*
.bg {
  /* The image used * /
  background-image: url("media/pexels-pixabay-33263.jpg");

  /* Full height * /
  height: 100%;

  /* Center and scale the image nicely * /
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
*/

.clearfix {
 overflow: auto;}

th, td
{
	text-align: left;
	vertical-align: top;
	padding: 10px 20px 5px 5px;
}

div.main
{
    width: 100%;
    height: 100%;
}

div.header
{
    background-image: url("../media/qpxbanner.png");
    background-size: 100% 100%;

    display: block;
    position: relative;
    height: 150px;
}

div.content
{
    background-size: 100% 100%;
    background-color: #FFF;

    padding: 50px;

    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.fontRow
{
    padding: 5px;
    margin: 5px;
	clear: both;
    /* vertical-align: top; */
    border-bottom: 1px dotted red;
}


div.fontSampleContainer
{
    min-width: 560px;
    min-height: 150px;
    display: inline-block;
}

div.fontSample
{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px;
}

div.sectionTagLine, div.sectionTitle
{
    color: #FF5100;
    font-family: "Raleway";
    font-weight: 700;

    min-height: 30px;
    padding: 10px 0px;
    text-align: center;
}

div.sectionTagLine	{ font-size: 48px;  letter-spacing: 0.05em; }

div.sectionTitle	{ font-size: 36px; font-weight:600; padding-bottom:15px; letter-spacing: 0.05em; }

div.fontEffects
{
    font-size: 36px;
    min-height: 25px;
    padding: 10px 0px;
    color: #FF5100;
    font-family: Saira;
}

div.sectionTagSub
{
    /* color: #00AEFF; */
    color: #cac8fc;
    font-size : 26px;
    font-weight: 500;
    min-height: 25px;
    padding-bottom: 40px;
    text-align: center;
}

div.footer
{
    font: italic 16px "Saira";
    min-height: 20px;
    padding: 10px 20px;
}


div.sectionBlueBg
{
    /* background-color: #DDDDEE;	// FFF;
    color: #f4f1ea;
    */
	color: #F1F2F2;
	background-color: #060340;
}

div.sectionWhiteBg, div.footer
{
    color: #060340;
	background-color: #F1F2F2;
}


div.sectionLiteBlueBg
{
    color: #060340;
/*
	1.
	background-color: #b3affb;
	2.
	3.
	background-color: #d1cffd;
*/
	background-color: #cac8fc;

}


div.sectionWhiteBg, div.sectionBlueBg, div.sectionLiteBlueBg
{
    padding: 20px 40px;
}


.aOdd	{ color: #F1F2F2; }
.aEven	{ color: #060340; }


div.imageProps
{
	width:100%;
	display:inline-block;
	text-align:center;
	padding-bottom: 20px;
}


div.textProps
{
	width:100%;
	display:inline-block;
}


img.imageProps
{
	width: 95%;
	/* width:720px;
	float: right; */
	margin: 10px 20px;
}

img.bullet
{
	width:15px;
	padding: 5px 10px 0px 5px;
}

table
{
	padding: 5px 20px 5px 0px;
}

.copyright
{
    display: inline;
    float: left;
}

.contact
{
    display: inline;
    float: right;
}

.crLogos
{
    display: inline;
    float: right;
    padding-left: 10px;
}

img.QDLogo
{
    display: inline;
    float: right;
    height: 100px;
    /* width: 250px; */
    padding: 15px;
}

img.networkingLogos
{
    display: inline;
    float: right;
    height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

#logo { position: absolute; top: 0; left: 0; padding: 5px; /* z-index: 100000; */ }

/* ----- Menu Experiments ---- */
#menu
{
    position: absolute;
    bottom: 0;
    right: 0;
    height: auto;
}

#menu ul
{
    float:right;
    margin:0px 15px 0px 0px;
    padding:0px;
    list-style:none;
}

#menu ul li
{
    display:inline-block;
    margin:0px 3px 0px 0px;
}

#menu ul li a
{
    display:inline-block;
    background:#FF5100;
    padding:5px 7px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    min-width:70px;
    text-align: center;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color:#1f3d63;
    text-decoration:none;
    font-size : 1em;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.64);
    -moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.64);
    box-shadow:0px 0px 6px rgba(0, 0, 0, 0.64);
}

#menu ul li a:hover, #menu ul li.selected a
{
    background: #1f3dff; /*#1f3d63*/
    color: #fff;
}