/*
Style Sheet for Keydigital Productions website

Sections:
1. defaults
2. fonts
3. links
4. structure
5. forms

Keydigital Productions
*/


/*-------defaults-------*/



body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;



}
 
.global {
background-image: url(http://www.keydigitalproductions.com/new_backgrounds.jpg);
background-repeat: repeat-x;


}        		



hr {
      border: none;
      color: #C5C9CC;
      background-color: #C5C9CC;
      height: 1px;
      width: 100%;
}

/*-------end defaults-------*/

/*-------fonts-------*/
h1 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 18px;
       font-weight: normal;
}

h2 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 17px;
       font-weight: normal;
}

h3 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 13px;
       font-weight: bold;
}

h4 {
       color:#2F2450;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: bold;
}

h5 {
       color:#999999;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 11px;
       font-weight: bold;
}


p {
       color:#5f5f5f;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       line-height: 17px;
       
}

/*-------end fonts-------*/


/*-------links-------*/

a:link, a:visited {
text-decoration: underline;
color: #2F2450;
}

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


.mainContent a:link, .mainContentnew a:link, seoLinks a:link, .examples a:link, .examples p a:link, .lightview a:link, .mainContent a:visited, .mainContentnew a:visited, .seoLinks a:visited, .examples a:visited, .lightview a:visited, .examples p a:visited {
text-decoration: none;
color: #2F2450;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.mainContent a:hover, .mainContentnew a:hover, .seoLinks a:hover, .examples a:hover, .examples p a:hover, .lightview a:hover {
color: #FF7000;
text-decoration: none;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


.mainContent li {

color:#5f5f5f;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 23px;

}


.navpartner {
text-align: left;
padding-left: 15px;
margin-left: 0px;
list-style: none;

}

.navpartner   a:link, a:visited{
font-weight: normal;
color:#00479B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
}


.navpartner  a:hover {
font-weight: normal;
color:#FF1313;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}

.tours   a:link, a:visited{
font-weight: normal;
color:#00479B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}


.tours  a:hover {
font-weight: normal;
color:#FF1313;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
}

#menutop {
background-color: #51466E;

color: #FFFFFF;
height: 29px;
margin-top: -4px;
padding-top: 10px;
border-top: 2px solid #FF7800;
border-bottom: 2px solid #FF7800;
        
}

#MainLinks {
margin: 0 auto;
padding: 0 0 0 145px;
width: 835px;
position: relative;
list-style-type: none;

}

#MainLinks li {
display: inline;
color: #093270;

}
		
	
#MainLinks a {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 13px;       
font-weight: normal;
padding: 0 15px 6px 4px;
text-decoration: none;
color: #DDDDDD;
float: left;
font-size: 13px;
}
	
	
#MainLinks a.active, #MainLinks a:hover {
color: #FF7000;
}

#footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #DDDDDD;
text-align: center;
height: 30px;
padding-top: 6px;
background-color: #51466E;
border-top: 3px solid #E17C44;

        
}

#FooterLinks {
margin: 0 auto;
padding: 3px 0 10px 160px;
position: relative;
list-style-type: none;
width: 820px;
}
	 
#FooterLinks li {
display: inline;
color: #DDDDDD;
}
		
	
#FooterLinks a {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 16px;
font-weight: normal;
padding: 0 13px 3px 0px;
text-decoration: none;
color: #DDDDDD;
float: left;
font-size: 11px;

}

#footer a {
color: #CCCCCC;
text-decoration: none;
}

#footer a.active, #footer a:hover {
color: #FF7000;

}
	
	
#FooterLinks a.active, #FooterLinks a:hover {
color: #FF7000;
           		
}

#headcontainer li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

/*.button {
width: 156px;
height: 44px;

}

.button a {
width: 156px;
height: 44px;
   background: url("/Resources/tour_btn2.jpg") 0 0 no-repeat;
   border: none;
   }
   
   
.button a:hover {
   background-position: -156px 0;
   border: none;
   }
*/
.button a { 
display:block; height:44px; width:156px; overflow:hidden; border: none;
}

.button a:hover { 
display:block; text-indent:-156px; border: none;
}


/*-------end links-------*/

/*-------main structure-------*/

#pageSurround {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #E17C44;
	background-color: #ffffff;
       
}

.leftHeader {
float: left;
height: 194px;


}

.rightHeader {
width: 312px;
height: 162px;
float: right;
background-color: #FFFFFF;
padding: 30px 25px 0 20px;

}

#masthead	{
	width: 960px;
	height: 45px;
	padding: 0;
	border: 0;
	margin: 0;
	position: relative;
	}

#keyheader {
border-bottom: #EEEEEE solid;
}

#keyheader_new {

width: 960px;
height: 198px;

}
	
.masthead_logo {
	position: absolute;
	top: 4px;
	left: 12px;
	width: 46px;
	}
	
.mastheadtools {
	position: absolute;
	top: 7px;
	left: 100px;
	font: bold 11px/15px arial, helvetica, sans-serif;
	color: #848484;
	}
	
.mastheadtools a,
.mastheadtools a:visited {
	text-decoration:none;
	color:#848484;
        font-weight: normal;
	}
	
.mastheadtools a:hover {
	text-decoration:underline;
	color: #848484;
	}
	
.mhsbtn {
	position: absolute;
	top: 10px;
	left: 748px;
	}
	
.mhsfield {
	position: absolute;
	top: 10px;
	left: 627px;
	width:109px;
	height:13px;
	font: normal 9px Tahoma, verdana, arial, helvetica, sans-serif;
	color: #000;
	padding: 2px 0px 0px 3px;
	}

#SWFPerfHeader {
        position: relative;
	text-align: right;
        height: 200px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 2px;
        padding-bottom: 0px;	
}

#SWFHomeHeader {
	text-align: right;
	height: 200px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-top: 2px;
        padding-bottom: 0px;	
}

.boxContentRight {
        width: 214px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        text-align: center;	
	color: #000000;
	border: 1px dotted #CCCCCC;
	background-color: #F9F9F9;
	padding-left: 0px;
        padding-right: 6px;
	margin-bottom: 15px;
        margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.linkbox {
margin-top: 30px;
}
.linkbox a{

margin-top: 80px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2F2450;
text-decoration: none;
                
}

.linkbox a:hover {
        color: #FF7000;
        text-decoration: none;
}

.linkbox a:visited {
        color: #2F2450;
        text-decoration: none;
}

.boxContentRecogOuter {
        width: 170px;
        float: right;     	
	color: #000000;
	border: 1px solid #668197;
	background-color: #FFFFFF;
	padding-left: 0px;
        padding-right: 0px;
	margin-bottom: 3px;
        margin-top: 15px;
        margin-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.RecBoxContent {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
text-align: left;
}



.boxContentPartner {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #333333;
	border-right: 1px solid #C5C9CC;
	background-color: #FFFFFF;
	padding-left: 0px;
        padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
      
}

.boxFeederPartner {
	border-right: 1px solid #C5C9CC;
	background-color: #FFFFFF;
	padding-left: 1px;
	margin-bottom: 1px;
	padding-top: 3px;
	padding-bottom: 0px;
     
       
}

.boxTitleRight {
        width: 186px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #FFFFFF;
	 background: url("http://www.keydigitalproductions.com/Resources/box_top.jpg") 0 0 no-repeat;
	background-color: #2f244f;
	height: 27px;
	padding-top: 0px;
	padding-left: 3px;
        padding-right: 3px;
        margin-top: 17px;
}

.boxTitleRecognition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #003C85;
	background-color: #C7C9CB;
	height: 20px;
	border-bottom: 1px solid #668197;	
	padding-top: 2px;
        padding-right: 0px;
}





.boxTitlePartner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #003C85;
	background-color: #EDEDED;
	height: 20px;
	border-top: 0px solid #668197;
	border-left: 0px solid #668197;
	border-right: 0px solid #668197;
	padding-left: 3px;
        padding-right: 3px;
        
}


.boxContentLeft  {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #003C85;
	padding-right: 25px;
	background-color: #FFFFFF;
	padding-left: 5px;
	margin-bottom: 10px;      
	padding-top: 0px;
	padding-bottom: 5px;
        text-align: left;
        height: 400px;
        border-right: 1px solid #C5C9CC;
}





.boxContentPrint {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
	border: 1px solid #003C85;
	background-color: #FFFFFF;
	padding-left: 6px;
        padding-right: 6px;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.boxContentFeeder {

	border: 0px solid #668197;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;           
}

#examples {
width: 180px;
height: auto;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: center;	
}

.examples {
width: 180px;
height: 100%;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: center;
        	
}

.examplesConnect {
width: 180px;
height: 110px;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: center;
        	
}

.blog {
width: 179px;
height: auto;
border: 2px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-color: #5f5f5f;
	line-height: 17px;
        
}


#examples a ,#examples a:visited {
text-decoration: none;


}

.examples a ,.examples a:visited {
text-decoration: none;


}

#pscroller1 {
width: 180px;
height: 500px;
border: 1px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
}

#pscroller2 {
width: 430px;
height: 350px;
border: 0px solid #CCCCCC;
padding: 5px;
background-color: #FFFFFF;
text-align: left;
margin-bottom: 0px;
margin-left: 35px;
}

.ColLeft {
        position: relative;
	
	left: 0px;
	width: 180px;
        height: 400px; 
	padding-left:9px;
	padding-right: 9px;
        padding-top: 20px;
	float: left;
        border-right: 1px dotted #999999;
      
}


.colMid {
     
	position: relative;
	width: 390px;
	float: left;


}


.logo {
margin-left: 150px;
margin-bottom: 25px;
}




.colRight {
      
	text-align: left;
	position: relative;
	float:right;
	width: 190px; 
	margin-right: 23px;
        padding-top: 0px;
        padding-right: 7px;
	
        
       
}

.colLeftPartner {
	position: relative;
	right: 0px;
	width: 216px; 
	padding-left: 2px;
        padding-top: 3px;
        margin-top: 1px;
        padding-right: 2px;
	float: left;
        border: 0px solid #668197;
       
}

.colRightSch {
	position: relative;
	right: 0px;
	width: 230px; 
	padding-left: 2px;
        padding-top: 3px;
        padding-right: 2px;
	float: right;
        border: 0px solid #668197;
       
}

.boxContent { 
       width: 270px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #3C4BA5;
	background-color: #FFFFFF;
	margin-bottom: 5px;
        float: left;
             
}
.mainContent { 
       width: 625px;
	padding-left: 45px;
        padding-right: 45px;
        padding-top: 15px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
}

.mainContentnew { 
       width: 625px;
	padding-left: 45px;
        padding-right: 45px;
        padding-top: 15px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
}


#pagewrapp { background: url("kdp_bg.jpg") 
repeat-y top; 
border: none; }




.mainContentPeople { 
       width: 330px;
	padding-left: 25px;
        padding-right: 25px;
        padding-top: 5px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        
        
}

.mainContent2 { 
       position: relative;
       width: 450px;
	padding-left: 35px;
        padding-right: 55px;
        padding-top: 40px;
        margin-bottom: 10px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        
        margin-left: 30px;        
}

.mainContentWide { 
        width: 870px;
	padding-left: 20px;
        padding-right: 55px;
        padding-top: 40px;		
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
        text-align: left;	
	color: #000000;
        margin-left: 20px;        
}

.success {
font-size: 14px;
font-weight: bold;
padding-left: 135px;
padding-top: 100px;
padding-bottom: 100px;
color: red;
}




.contact {
margin-top: 0px;
float: left;
padding-bottom: 15px;
}




.someclass { 
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

.someclass a {
text-decoration: underline;
font-size: 12px;
font-weight: normal;
color: #003C85;
}

.someclass a:hover {
text-decoration: underline;
font-size: 12px;
font-weight: bold;
color: #FF1313;
}




clear: right;
float: right;
}





/*-------end main structure-------*/

/*-------form-------*/


.form {   
  
}


#name, #email, #phone {
width: 200px;
height: 20px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #FF7000;

}

#enquiry  {
width: 400px;
height: 200px;
margin-bottom: 10px;
background-color: #F1F1F1;
border: 1px solid #FF7000;

}



#btnSubmit {
width: 70px;
border: 1px solid #FF7000;
background-color: #F1F1F1;
}




/*-------end form-------*/