@import url(reset.css);
@import url(stickyfooter.css);

/*	PROCT.NET
	BY JASON DITTMER
	MYMODERNWEB.COM		*/
 

/*              GLOBALS               */

body	{
	background-image: url(../assets/images/bodyBG.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#main	{
	background-image: url(../assets/images/containerBG.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 400px;
	height: auto !important;
	min-height: 400px;
	margin: 0 auto;
	width: 960px;
}

#header	{
	background-image: url(../assets/images/proctLOGO.png);
	background-repeat: no-repeat;
	background-position: 50px 35px;
	height: 200px;
}

.theheader {
	padding: 10px 0 20px 0;
}

#footer	{
	background-image: url(../assets/images/footerBG.jpg);
	background-repeat: repeat-x;
	padding: 1px 0 0 0 ;
}

.insidefooter	{
	background-color: #F1F3F2;
	width: 800px;
	height: 45px;
	margin: 0 auto 0 auto;
	margin-top: 39px;
	background-image: url(../assets/images/insidefooterBG.jpg);
	background-repeat: no-repeat;
	background-position: center 10px;
	padding: 40px 0 0 160px;
	font-size: 13px;
	color: #888989;
}

.insidefooter a	{
	color: #6DDD00;
	text-decoration: none;
}

#freedomitBT	{
	background-image: url(../assets/images/freedomitBT.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 59px;
	width: 340px;
	margin: 65px 0 0 480px;
	position: absolute;
}

#freedomitBT:hover	{
	background-image: url(../assets/images/freedomitBT.png);
	background-repeat: no-repeat;
	background-position: 0 -59px !important;
	height: 59px;
	width: 340px;
	margin: 65px 0 0 480px;
	position: absolute;
}

#navbar	{
	padding: 150px 0 0 50px;
}

#navbar li	{
	list-style: none; 
	line-height: 0px;
}

#navbar li a	{
	float: left;
	text-indent: -9999px;
}



#homeBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 45px;
	width: 142px;	
}

#servicesBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -142px 0;
	height: 45px;
	width: 177px;	
}

#supportBT a	{	
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -319px 0;
	height: 45px;
	width: 178px;
}

#contactBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -497px 0;
	height: 45px;
	width: 162px;
}

#testimonialsBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -659px 0;
	height: 45px;
	width: 203px;
}

#homeBT a:hover, .selected#homeBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: 0 -45px !important;
	height: 45px;
	width: 142px;	
}

#servicesBT a:hover, .selected#servicesBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -142px -45px !important;
	height: 45px;
	width: 177px;	
}

#supportBT a:hover, .selected#supportBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -319px -45px !important;
	height: 45px;
	width: 178px;		
}

#contactBT a:hover, .selected#contactBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -497px -45px !important;
	height: 45px;
	width: 162px;
}

#testimonialsBT a:hover, .selected#testimonialsBT a	{
	background-image: url(../assets/images/navMATRIX.jpg);
	background-repeat: no-repeat;
	background-position: -659px -45px !important;
	height: 45px;
	width: 203px;
}

/*              TYPOGRAPHY               */

body	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
}

h1	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: 0px;
	line-height: 1.2em;
	color: #2CBC00;
}

h4	{
	font-size: 19px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
	color: #17006B;
}

a	{
	color: #5BC800;
	text-decoration: none;
}

/*              HOMEPAGE               */

#hpgallery	{
	margin: 15px 0 15px 47px;
}

#hpcontent	{
	background-image: url(/assets/images/hpcontentBG.jpg);
	background-repeat: no-repeat;
	min-height: 227px;
	width: 576px;
	border: solid #EDEDED 2px;
	margin: 0 0 20px 13px;
	padding: 28px 0 0 35px;
}
#hpcontent li	{
	font-size: 23px;
	font-style: normal;
	font-weight: lighter;
	text-transform: normal;
	letter-spacing: 0.5px;
	line-height: 1.4em;
	list-style: disc;
	list-style-position: inside;
	color: #17006B;
}

#hpcontent h1	{
	margin: 0 0 20px 0; 
}

#hpside	{
	width: 300px;
	border: solid #EDEDED 2px;
	min-height: 235px;
	margin: 0 20px 0 0;
	float: right;
	text-align: center;
	padding: 20px 0 0 0;
	background-image: url(/assets/images/hpsideBG.jpg);
	background-repeat: no-repeat;
	background-position: center 95px;
}

/*              TESTIMONIALS               */
.container	{
	width: 860px;
	margin: 0 auto; 
}

.container .maintest {
	width: 600px;
	float: left; 
}

.hide {
	display:none;
	color:#474747;
	margin-bottom:	15px;
}

.shadowbox{
	width:600px;
	overflow:hidden;
	border: solid #EBEBEB 1px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	margin: 0 0 5px 0;
}

.shadow{
	width:594px;
	overflow:hidden;
	border-bottom:1px solid #D9D8D7;
	padding-top:11px;
	background-color: #DFE0E5;
	border: solid #FFFFFF 3px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

.shadow img{
	width:175px; 
	border:6px solid #ECECEC;
	display:block;
	float:left;
	margin: 0 0 0 7px;
}
.shadowtxt{
	float:right;
	width:390px;
}

.shadowtxtup{
	width:380px;
	overflow:hidden;
}

.shadowtxtuplt{
	float:left;
	width:200px;
	
}
.shadowtxtuplt label{
	font-size:10px;
	color:#7F7F7F;
	font-weight:bold;
	display:block;
}
.shadowtxtuplt strong{
	font-size:12px;
	color:#2390DD;
	display:block;
	padding-top:1px;
}
.shadowtxtuplt a{
	font-size:10px;
	color:#2390DD;
	padding-top:2px;
}
.shadowtxtuplt a:hover{
	text-decoration:underline;
}
.shadowtxtup span{
	background:url(images/icon.jpg) no-repeat;
	float:right;
	display:block;
	width:39px;
	height:21px;
}
.txtunder{
	width:380px;
	padding-top:10px;
}
.txtunder p{
 	font-size:12px;
	color:#474747;
	margin-bottom: 15px;
}
#readmore	{
	background-image: url(../assets/images/readmoreBT.png);
	padding: 14px 60px 9px 45px;
	background-position: top right;
	float: right;
	color: white;
	font-size: 14px;
	margin: 0 !important;
	background-repeat: no-repeat;
}
.shadowtxtuplt label {
	color: black;
	padding: 0 0 5px 0;
	font-size: 11px;
	font-weight: lighter;
}
.shadowtxtuplt strong {
	color: #308203;
	text-transform: uppercase;
}
.shadowtxtuplt a {
	color: #003792;
	font-size: 11px;
}
.testsidebox	{
	width: 230px;
	height: 290px;
	border: solid #E5E5E5 3px;
	margin: 0 10px 0 0;
	float: right;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}
.testsidebox img	{
	margin: 20px 0 0 25px;
	width: 170px;
}
.testsidebox p	{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #439405;
	margin: 10px 14px 0 13px;
}
.testsidebox a	{
	color: #000166 !important; 
}
.testsidebox span	{
	color: #000166 !important;
	font-size: 30px;
	font-weight: bold;
}

/*              CONTACT PAGE               */
.themap	{
	width: 425px;
	height: 350px;
	float: right;
	border: solid #E5E5E5 5px;
}

.contactform	{
	width: 400px;
	padding: 0 0 40px 0;
	float: left;
}

/*              Support PAGE               */

.supportsidebox	{
	width: 230px;
	border: solid #E5E5E5 3px;
	margin: 0 10px 13px 0;
	float: right;
	background: white url(/assets/images/hpsideBG.jpg) center 130px no-repeat;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	height: 260px;
}
.supportsidebox strong {
	font-weight: bold;
	color: green;
	width: 553px;
	height: 33px;
	font-size: 25px;
}
.supportsidebox p	{
	padding: 10px;
	text-align: center;
	font-size: 17px;
	line-height: 25px;
}
input, select, textarea	{
	width: 200px !important;
	background-image: url(../assets/images/pl_input_bg.png);
	background-repeat: repeat-x;
	border: solid #AAAAAA 1px;
	height: 25px;
}
.webform label	{
	color: #008B00;
	font-size: 12px !important;
}
.supportsidebox h3	{
	text-align: center;
	color: #17006B;
	padding: 15px 0 15px 0;
	font-size: 19px;
}

.supportbox{
	width:600px;
	margin: 0 0 5px 0;
	border: solid #EBEBEB 1px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

.support{
	width:566px;
	border-bottom:1px solid #D9D8D7;
	padding: 11px 14px 10px 14px;
	background-color: #DFE0E5;
	border: solid #FFFFFF 3px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	height: 240px;
}

.support h4	{
	font-weight: lighter !important;
	color: white;
	width: 553px;
	height: 33px;
	font-size: 25px;
	padding: 4px 0 6px 14px;
	margin: 0 auto 10px auto;
	background: #003792;
	border: solid #EBEBEB 1px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}

.support p	{
	font-size: 13px;
	color: #515151;
	line-height: normal !important;
	margin: 5px;
}

.support a	{
	font-size: 17px;
	color: #515151;
	line-height: 27px;
	margin: 5px;
	text-decoration: underline;
}

/*              SERVCIES PAGE               */

.servicesspacer	{
	height: 20px; 
}

#slider {
    width: 960px;
    margin: 0 auto;
    position: relative;
	 padding: 0;
}
#logoslider {
	float: right;
	padding: 0 0 80px 0;
}

.scroll {
	margin:  0 100px 10px 0;
    min-height: 390px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	color: #444;
	float: right;
	background-color: #fff;
	border: solid #E3E8E9 3px;
	background-repeat: no-repeat;
	background-position: 7px 350px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	
}

.scrollContainer div.panel {
    padding: 40px;
    width: 540px;
}

ul.navigation {
    list-style: none;
    margin: 0px;
    padding: 20px 0 20px 0;
	width: 225px;
    background-color: #ECECEC;
	border: solid #FFFFFF 3px;
	position: absolute;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
}

ul.navigation li {
	width: 253px;
	height: 38px;
	padding: 0 0 10px 17px;
	margin: 0;
}
ul.navigation img{
	float: left;
	margin: 9px 8px 0 12px
}
ul.navigation a {
    padding: 9px 10px 10px 10px;
    color: white;
	background: transparent url(../assets/images/tab.png) top left no-repeat;
    text-decoration: none;
	display: block;
	font-weight: lighter;
	font-size: 1.2em;
	height: 45px;
	outline: none;
}
ul.navigation a.selected {
	 background: url(../assets/images/tab_a.png) top left no-repeat;
	 color: #fff !important;
}

ul.navigation a:focus {
    outline: none;
}

.hide {
    display: none;
}
.panel h2{
	text-transform: uppercase;
	color: #142098;
	font-size: 30px;
	font-weight: lighter !important;
	margin: 0 0 5px 0;
}
.panellines	{
	background-image: url(../assets/images/serviceslines.png);
	background-color: transparent;
	background-repeat: repeat-x;
	height: 20px;
}
.testimonialswitcher	{
	margin: 290px 0 0 0;
	width: 225px;
	height: 280px;
	background-color: #EEEEEE;
	background-image: url(../assets/images/testimonialswitcher1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: solid #FFFFFF 3px;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	position: absolute;
}
#testslider {
	margin: 75px 7px 0 7px;
}