@font-face {
    font-family: 'VAGRoundedStdLight';
    src: url('assets/fonts/vagroundedstd-light-webfont.eot');
    src: url('assets/fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/vagroundedstd-light-webfont.woff') format('woff'),
         url('assets/fonts/vagroundedstd-light-webfont.ttf') format('truetype'),
         url('assets/fonts/vagroundedstd-light-webfont.svg#VAGRoundedStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width:320px) {
body {
    border:50px solid #FF0000; /* RED ALERT - too small */
    width: 320px; /* enforce body minimum width */
}

}


BODY { font-family: 'VAGRoundedStdLight', Tahoma, Lucida Sans, Trebuchet MS, Tahoma, Helvetica, sans-serif; font-size: 13px; color: #181818; margin: 0px 0px 0px 0px; line-height:20px;background-color:#dddddd;}
.TOADDTOBODY {background-image: url(/assets/BG.png);}

HR {color:#DDDDDD;height:3px;width:96%;}

.content
{
margin-top: 10px; left: 0; top: 0; min-width: 400px;
}

.SectionTitle
{
font-size:13px; font-weight:normal;
left: 0; text-align:left; vertical-align:middle;
display:inline-block;
cursor:pointer;
padding: 1px 36px 4px 34px;
background-color: #FF4400; color: #ffffff;
text-shadow: 1px 2px 0 #505050;letter-spacing:0.5px;
margin-top:5px;margin-bottom:10px;
border-radius: 0 8px 8px 0; 
box-shadow:0 2px 3px rgba(80,0,0,0.4); -moz-box-shadow:0 4px 3px rgba(80,0,0,0.4); -webkit-box-shadow:0 4px 3px rgba(80,0,0,.4); -o-box-shadow:0 4px 3px rgba(80,0,0,.4);
}
.SectionTitle:hover {background-color:#ff5500;}

.seealso
{
display:inline-block; cursor:pointer;
font-size:13px; font-weight:normal;
left: 0; text-align:right; vertical-align:middle;
padding: 2px 16px 4px 16px;
color:#ffffff;background-color:#FF4400;
text-shadow: 1px 2px 0 #202020;
border-radius: 8px; 
box-shadow:0 2px 3px rgba(80,0,0,0.4); -moz-box-shadow:0 4px 3px rgba(80,0,0,0.4); -webkit-box-shadow:0 4px 3px rgba(80,0,0,.4); -o-box-shadow:0 4px 3px rgba(80,0,0,.4);
}
.seealso:hover {background-color:#ff5500;}

.roundedbox
{
padding: 6px 10px 10px 16px; background-color: #f4f4f4; border-left:2px #FF6622 solid;
border-radius:8px;
box-shadow:3px 3px 3px rgba(255,96,0,0.4); -moz-box-shadow:3px 3px 3px rgba(255,96,0,0.4); -webkit-box-shadow:3px 3px 3px rgba(255,96,0,0.4); -o-box-shadow:3px 3px 3px rgba(255,96,0,0.4);
}

.sidebysidecontainer {width:1550px;}
.sidebyside {margin-bottom:4px;padding-right:3px;padding-top:10px;padding-bottom:20px;height:250px;overflow-y:hidden;width:266px;float:left;margin-right: 30px;background-color:#F2F2F2; box-shadow:inset 0px 0px 16px rgba(96,96,96,0.4); -moz-box-shadow:inset 0px 0px 16px rgba(96,96,96,0.4); -webkit-box-shadow:inset 0px 0px 16px rgba(96,96,96,0.4); -o-box-shadow:inset 0px 0px 16px rgba(96,96,96,0.4);}
.sidebyside:hover {padding-top:8px;padding-bottom:16px;border-top:4px #FF5555 solid; border-bottom:6px #DD3333 solid;background-color:#FFFFFF;box-shadow:0px;}
.sidebysideinner {padding-right:5px;overflow-y:scroll;height:250px;}

.scrollerbtn
{
display:inline; cursor:pointer;
width:50px;height:30px;padding-top:4px; padding-bottom:8px; padding-left:6px; padding-right:6px;
color:#ffffff;background-color:#B03030;
font-size:14px;font-family:Verdana;
border-radius:8px;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none;
}
.scrollerbtn:hover {background-color:#cc0000;}

.ProjectTitle
{
font-weight:bold;font-size:14px;
}

.ContactBox
{
padding: 5px 5px 8px 40px; color: #ffffff; background-color: #FF4400; text-align: left; font-size:13px;font-weight:normal; border-radius: 0px 8px 8px 0px;
box-shadow:6px 4px 6px rgba(96,0,0,0.4); -moz-box-shadow:6px 4px 6px rgba(96,0,0,0.4); -webkit-box-shadow:6px 4px 6px rgba(96,0,0,0.4); -o-box-shadow:6px 4px 6px rgba(96,0,0,0.4);
}

.sigdiv
{
text-align:center;cursor:pointer;background-color:#FFFFFF;margin-top:20px;padding-top:0px;margin-left:25px; border-radius:5px; border-top:2px #FF2222 solid; border-bottom:3px #BB0000 solid;
box-shadow:6px 4px 6px rgba(96,0,0,0.4); -moz-box-shadow:6px 4px 6px rgba(96,0,0,0.4); -webkit-box-shadow:6px 4px 6px rgba(96,0,0,0.4); -o-box-shadow:6px 4px 6px rgba(96,0,0,0.4);
}

.parabrk {height:10px;min-height:10px;font-size:10px;}
.parabrk:after {content: '.'; visibility: hidden;}

.parabrkdbl {height:20px;min-height:20px;font-size:20px;}
.parabrkdbl:after {content: '.'; visibility:hidden;}

a
{
	color: #CCCCCC; font-weight: normal; text-decoration: none;
}

a:hover {color: #E0E0E0; text-decoration: underline;}

.getintouch {cursor: pointer; margin-top:4px; border-bottom: 1px dotted #bb3333;}
.getintouch:hover {cursor: pointer; border-bottom: 1px solid #ff3333;}
.ContactBoxCall
{
color: #ffffff;
}
INPUT
{
	background-color: #666666;
	border : 1px outset #cc4444;
	color: #ffffff;
	font-size: 9px;
}
.check {
	margin: 0;
	padding: 0px;
	height: auto;
	width: auto;
	border: medium none #cc4444;
	background-color: #777777;
}

.DrewVox {
	color: #EE3300; text-shadow: 1px 1px 0 rgba(128,128,128,0.4); letter-spacing:0.5px;
}

.highlight {
	color: #000000; text-shadow: 0px -1px 0px #000000; letter-spacing:0.8px;
}

.phone { color:#777777; }

.partnerlink {
	color:#444444; font-size:13px;
}

.partnerlink:hover {
	color:#444444; font-size:13px; text-decoration:none; text-shadow: 0px 0px 1px #000000;
}

.HoverableLogo { margin-top:0px;margin-left:0px;}
.HoverableLogo:hover { margin-top:1px;margin-left:1px;}



.QPlayBG {position:absolute;top:40px;left:0px;width:100%;height:40px;background-size:700px 40px;}
.QPlayProgress {top:0px;width:0px;height:40px;background-size:700px 40px;border-right:2px solid #0000FF;}
.QPlayProgressVal {position:absolute;top:36px;left:0px;color:#000000;font-size:9px;font-family:Arial,sans;text-align:center;}
.QPlayFlags {position:absolute;left:0px;width:100%;top:4px;height:76px;overflow-y:hidden;}
.QPlayFlagStem {border-left:2px dotted #FF4400;width:1px;height:64px;z-index:100;}
.QPlayFlagStemHighlight {border-left:3px solid #FF4400;width:3px;height:60px;z-index:101;}
.QPlayFlag {background-color:#FF4400;font-size:9px;font-family:Arial,sans;font-weight:bold;color:#000000;padding:0px 5px 0px 5px;text-align:center;vertical-align:middle;cursor:pointer;border-radius: 4px 4px 4px 0px;z-index:102;}
.QPlayFlag:hover {border:2px solid #000000;z-index:103;}
.QPlayBtn {position:absolute;left:16px;width:40px;top:64px;height:40px;text-align:center;cursor:pointer;}
.QPlayStatus {font-family:Arial,sans; font-size: 11px; color:#ff4400;}
.QPlayCopyrightMsg {font-size:10px; color:#555555;}


@media screen and (max-width:768px) {
body {
    width: 400px;
}

.introbox {
    max-width: 95%;
}

}