@charset "UTF-8";

/**************************************
Antics DMS Public Website Styles
Revised 4.4.11 KW
**************************************/

BODY { background-color: #fff; color: #717074; font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; margin: 0 auto; text-align: left; }
#mast, #intro, .body, #banner, #footer, .headline, #scrollerNavWrapper { clear: both; margin: 0 auto; text-align: left; width: 960px; }
H1 {font-size: 36px; font-weight: normal; margin: 0; padding: 0; }
P { font-size: 13px; line-height: 16px; margin: 0; padding: 0; }
P.intro { font-size: 16px; line-height: 18px; margin: 0; padding: 0; }

STRONG.bold2, B.bold2 { color: #c51;}
IMG {border: none; }

A, A:link, A:visited { color:#c51; }
A:hover	{ color:#fc7c00; text-decoration: underline; }

.clear { clear: both; }
.clearleft { clear: left;}
.hiddenText { display: none; }
.last { margin-bottom: 0; }


/* MASTHEAD STYLES */
#mast {  padding: 20px 0 10px 0;}
#mast H1.banner { float: left; width: 128px; }
#mast .banner IMG { background: url(../im/antics_dm.gif) no-repeat top left; height: 57px; width: 128px; }

#mastDMS {  padding: 0;}
#mastDMS H1.banner { float: left; margin: 0; padding: 0; }
#mastDMS .banner IMG { background: url(/im/anticsDMSbanner.gif) no-repeat top left; height: 66px; width: 343px;	}


/* NAVIGATION */
#mast UL#nav { font-size: 13px; list-style-type : none; font-weight: bold; margin: 0 0 0 200px; padding: 10px 0 26px 0; border-bottom: 1px solid #ccc; }
#mast UL#nav LI  { float: right; padding-right: 20px; } /* Spacing between items */
#mast UL#nav LI.last { padding-right: 0; }
/* Non-selected Items */
#mast UL#nav LI A, #mast UL#nav LI A:visited { color: #7a7a7d; padding: 0 0 10px 0; margin: 0; text-decoration: none; display:block;}
#mast UL#nav LI A:active, #mast UL#nav LI A:hover { color: #c51; margin:0 0 0 0; text-decoration: none;}
/* Selected Item */
#mast UL#nav LI.selected A { border-bottom: 1px solid #c51; color: #c51 !important; cursor: text;	}
#mast UL#nav LI.selected A:hover { text-decoration: none !important;  }


#mast UL#subnav { font-size: 13px; list-style-type : none; font-weight: bold; margin-top: -20px !important; padding: 0px 0 0px 0; }
#mast UL#subnav LI  { float: right; padding-right: 20px; } /* Spacing between items */
#mast UL#subnav LI.last { padding-right: 0; }
/* Non-selected Items */
#mast UL#subnav LI A, #mast UL#subnav LI A:visited { color: #7a7a7d; padding: 0 0 0px 0; margin: 0; text-decoration: none; display:block; cursor: pointer;}
#mast UL#subnav LI A:active, #mast UL#subnav LI A:hover {color: #c51; margin: 0; text-decoration: none;}
/* Selected Item */
#mast UL#subnav LI.selected A { color: #c51 !important; cursor: text; }
#mast UL#subnav LI.selected A:hover { text-decoration: none !important;  }


/* BIG BANNERS */
#banner { width: 960px; position: relative; }
.homebanner { height: 300px; background: url(../im/antics_parachute_banner.jpg) no-repeat;}
.softwarebanner { height: 300px; background: url(../im/antics_parachute_banner.jpg) no-repeat;}

#banner H1 { position: absolute; bottom: 0; font-size: 32px; text-transform: uppercase; color: #DDD; text-align: center; width: 100%; margin: 4px; }
#banner #wrapper  { position: absolute; bottom: 0; text-align: center; height: 50px; }
#banner #wrapper #carousel UL LI { width: 960px !important; font-size: 34px; color: #DDD; margin: 0; padding: 0; } /* Carousel */
#banner #wrapper #carousel STRONG { color: #FFF; font-size: 38px; }


#rotation { height: 600px; width: 960px; position: relative; }
#rotation #slides UL LI { width: 960px !important; font-size: 34px; color: #000; margin: 0; padding: 0; height: 600px;  } /* Carousel */
#rotation #slides STRONG { color: #FFF; font-size: 38px; }


/* INTRO BLOCK STYLES */
#intro { width: 960px !important; overflow: hidden !important; padding: 20px 0; }
#intro P { width: 960px; margin: 10px 0 0 0; padding: 0 0 0 1px;}
#intro H1 { margin: 0 0 10px 0; width: 960px; }
#intro H2 { width: 960px; font-size: 18px; font-weight: normal; margin: 0; padding: 0; }
#intro H3 { width: 960px; font-size: 22px; font-weight: bold; margin: 0; padding: 0; }
#intro UL LI { font-size: 36px; font-weight: normal; width: 960px !important; margin: 0; padding: 10px 0 10px 1px; } /* Carousel */
#intro STRONG { color: #c51;}


/* Special over-rides for portfolio (work.html) page */
#work DIV.highlight { background: #e1e1e1 url(../im/portfolioShim.gif) repeat-x !important; }
#work #intro { margin-bottom: 0; padding-bottom: 0; }
#work #intro H1 { margin-bottom: 15px; padding-bottom: 0;}


/* MAIN CONTENT AREA (below the intro block) */
DIV.highlight { background: #e1e1e1; }
.body { padding: 0 0 20px 0; }
.body H1 { color: #C51; font-size: 32px; font-weight: normal; margin: 16px 0 0 0; padding: 0; }
.body H2 { color: #666; font-size: 16px; font-weight: normal; margin: 8px 0; padding: 0;}
.body H3 { color: #C51; font-size: 18px; font-weight: normal; line-height: 20px; margin: 20px 0 0 0; padding: 0; }
.body H4 { color: #333; font-size: 16px; margin: 0; padding: 0;}
.body H5 { color: #333; font-size: 14px; font-weight: normal; margin: 0; padding: 0;}
.body P { margin: 10px 0 0 0; padding: 0; text-align: justify;  }
.body UL { font-size: 13px; }


.body .left { float: left; padding:0; margin: 0 20px 0 0;}
.oneColumn  .left { width: 780px; }
.twoColumns  .left { width: 566px; }
.threeColumns .left { width: 290px; }
.portfolio .left { width: 960px; }
.body .middle { float: left; padding: 0; margin: 0 5px 0 5px; width: 290px; }
.body .right { float: left; padding: 0; margin: 0 0 0 20px; width: 330px; }


/* CALLOUT BOX */
.body .callout {background: #fff; border: 1px solid #aaaaaa; padding: 10px; margin: 20px 0 20px 0; width: 321px; -moz-border-radius: 8px/*{cornerRadius}*/; -webkit-border-radius: 8px/*{cornerRadius}*/;}
.body .callout H3 {color: #C51; font-size: 18px; line-height: 20px; margin: 0 0 10px 0; padding: 0; }
.body .callout H4 { padding: 0 0 10px 0;}
.body .callout UL { color: #666; font-size: 14px; list-style: none; margin: 0; padding: 0; }
.body .callout H5 { color: #666; font-size: 14px; list-style: none; margin: 0; padding: 0; }
.body .callout P { color: #666; font-size: 13px; margin: 10px 0 0 0; padding: 0; }
.body .callout UL LI { background: url(../im/arrow_callout_gray2.gif) no-repeat 0 2px; margin: 0 0 10px 0; padding: 0 0 0 20px }
.body .callout UL LI.last { margin: 0 0 0 0;}

.body .hero {position: absolute; bottom: 0; padding-left: 73px; }


ul#portfolio { list-style:none; margin: 10px 0; padding: 0; }
ul#portfolio li img{ border: 1px solid #ccc; padding: 4px; }

#accordion {margin: 10px 0 10px 0;}
#accordion div { height: 100px; }

#body .sidebar {padding: 50px 10px 10px 10px; font-size: 12px; line-height: 17px;} /* Left content under subnav */
#body .subContent { float: left; margin: 0 0 0 18px; padding: 0 0 0 0; width: 720px;} /* Right content next to subnav */

#body .leftcol { width: 250px; margin: 0 10px 0 0; padding:0; float: left; }
#body .rightcol { width: 250px; margin: 0 0 0 10px; float: left; }
#body .subContent H3 { padding:0; margin:8px 0 10px 10px;}


#body #gridHome {
	float: left;
	margin: 0;
	width: 755px;
}

#body #gridHome IMG {
	float: left;
	margin: 0;
	padding: 0;
}

#body .gridExample {
	float: left;
	margin: 0;
	width: 755px;
}

#body .gridExample IMG {
	float: left;
	margin: 0;
	padding: 0;
}

#body .gridExample h2 {
	margin: 0 0 0 10px;
}


#body .left #form {
	background: #b7b6b6 url(../im/formTop.gif) no-repeat top left;	
	padding: 0;
	margin: 0 0 18px 0;
}

#body .left #form .contactBtm{
	background: url(../im/formBtm.gif) no-repeat bottom left;	
	padding: 15px 15px;
}

#body .left #form FORM {
	padding: 0;
	margin: 0;
}

#body .left #form FORM TABLE {
	color: #fff;
	font-size: 13px;
}

#body .left #form FORM TABLE TR {
	padding: 0;
	margin: 0;
}

#body .left #form FORM TABLE TD {
	padding: 0;
	margin: 0;
	vertical-align : top;
}

#body .left #form FORM TABLE TD.td1{
	width: 125px;
}

#body .left #form FORM TD INPUT, #body .left FORM TEXTAREA, #body .left FORM SELECT {
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	width: 392px;
}

 #body .left #form FORM TEXTAREA {
	margin: 0;
}

#body .left #form FORM INPUT.text {
	height: 20px;
	margin: 0 0 1px 0;
}

#body .left #form FORM input.formBtn {
	background: #e1e1e1;
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	height: 20px;
	margin: 10px 0 0 135px;
	padding: 2px;
	width: 68px;
	text-transform : uppercase;
	cursor : pointer;
}

#body #login {
	background: #b7b6b6 url(../im/logintop.gif) no-repeat top left;
	color: #c51;
	float: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0 10px; 	
	padding: 0;
	width: 185px;
}

#body #login BR {
	font-size: 5px;
	line-height:5px;
	margin-bottom: 5px;
}

#body #login FORM {
	background: url(../im/loginbtm.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px;
}

#body #login FORM P{
	color: #FFF;
	font-size: 13px;
	margin-top: 5px;
	padding: 0 0 0 0 !important;
}

#body #login FORM INPUT {
	border: none !important;
	color: #616161 !important;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 160px !important;
}

#body #login FORM INPUT.submit {
	background: #e1e1e1;
	border: none;
	color: #616161;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size: 11px;
	height: 20px;
	margin: 9px 0 0 0;
	padding: 2px;
	width: 68px !important;
	text-transform : uppercase;
	cursor : pointer;
}

#body .right P.last {
	margin-bottom: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#body .right .calltoaction { margin: 0 0 18px 0; }




#footer {padding: 20px 0;}
#footer P { font-size: 10px; padding: 33px 0; text-align: left; }
#footer .left { font-size: 10px; float: left; line-height: 40px;}
#footer .right { font-size: 10px; float: right; }