/* Style sheet for CAT website - March 7 2009 - Jaz RACGP */



/* @reset all styles */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 1;
}

input, fieldset {margin: 0; padding: 0;}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,

q:before, q:after {
content: '';
content: none;
}



:focus {
outline: 0;
}





/* tables still need 'cellspacing="0"' in the markup */

table {
border-collapse: collapse;
border-spacing: 0;
}

/* @end reset all styles */


/* @generic and hacks*/

.clear{clear: both;}
.hidden{display: none !important;}


/* @end generic and hacks*/

/* @layout */

body { 
font-size: 75%; 
font-family: Helvetica, arial, verdana, sans-serif;  
background: #fff url(../images/bg_top.gif) top left repeat-x;
}

/* Modern browsers - IE6 and below font size set above (75%). Vertical unit set at 18px - basefont 12px - line-height .5 */

html>body {
font-size: 12px;
}


#wrapper{
width: 940px;
margin: 0 auto;
display: table; /* give it 'layout' */
clear: both;
margin-bottom: 10px;
z-index:2;  
}


#footer{
background: #414141 url(../images/footer_grid.gif) repeat top left;
width: 100%;
display: table; /* give it 'layout' */
clear: both;
min-height: 200px;
margin-top: 20px;
}


#footercolumn{
background: #414141 url(../images/footer_arrow.gif) no-repeat top left;
width: 960px;
margin: 0 auto;
display: table; /* give it 'layout' */
min-height: 200px;
border-left: 1px solid #585858;
border-right: 1px solid #585858;
}

.footerinnercolumn {width: 317px; float: left; min-height: 350px; margin-top: 50px;}
.footerdivider {border-right: 1px solid #585858;}

#contentarea{clear: both; display: table; width: 940px; margin-bottom: 30px;}

.column{display: table; margin-top: 20px !important;}
.sixhundredandtwenty {width: 620px;}
.threehundred {width: 300px;}
.left {float: left;}
.right {float: right; margin-left: 20px;}



/* @end layout */

/* @text */

h1, h2, h3 {font-family: Helvetica, arial, verdana, sans-serif;} /* Opera doesn't inherit font styles to Headings */
p {font-size: 1em; line-height: 1.5em;}
h2{font-size: 1.083333em; line-height: 1.384615em;}
.footerinnercolumn h3 {padding: 0px 10px 0px 20px; color: #fff; margin: 0px 0px 0px 0px;}
.footerinnercolumn p {padding: 0px 10px 0px 20px; color: #fff; margin: 0px 0px 20px 0px;}
.footerinnercolumn a {color: #fff; text-decoration: none; border-bottom: 1px dotted #ccc; padding-bottom: 1px; }
/* @end text */






/* @image replacement */

#headerlogo{
background: transparent url(../images/logo_cat_small.gif) no-repeat;
width: 104px;
height: 52px;
text-indent:-32697px;
color: #fff;
float: right;
cursor: pointer;
margin-top: 14px;
margin-bottom: 19px;
display: none;
}

#download{
background: transparent url(../images/button_download.gif) no-repeat;
width: 220px;
height: 51px;
text-indent:-32697px;
color: #fff;
cursor: pointer;
float: left;
}



#tour{
background: transparent url(../images/button_tour.gif) no-repeat;
width: 220px;
height: 51px;
text-indent:-32697px;
color: #fff;
cursor: pointer;
margin-left: 10px;
float: left;
display: inline;
}

#logocat{
background: transparent url(../images/logo_cat_large.gif) no-repeat;
width: 332px;
height: 266px;
text-indent:-32697px;
color: #fff;
top: 11px;
left: 0px;
float: left;
}

#catstatement{
background: transparent url(../images/text_cat.gif) no-repeat;
width: 482px;
height: 165px;
text-indent:-32697px;
color: #fff;
float: left;
margin-left: 120px !important;
margin-top: 30px !important;
}

#logoracgp{
background: transparent url(../images/logo_racgp.gif) no-repeat;
width: 149px;
height: 49px;
text-indent:-32697px;
color: #fff;
float: left;
}

#logopen{
background: transparent url(../images/logo_pen.gif) no-repeat;
width: 80px;
height: 48px;
text-indent:-32697px;
color: #fff;
float: left;
margin-left: 16px;
}

#logomicrosoft{
background: transparent url(../images/logo_microsoft.gif) no-repeat;
width: 71px;
height: 49px;
text-indent:-32697px;
color: #fff;
float: left;
margin-left: 16px;
}

#titlecontacts{
background: transparent url(../images/title_contacts.gif) no-repeat;
width: 84px;
height: 24px;
text-indent:-32697px;
color: #fff;
margin-left: 20px;

}

#titlesupport{
background: transparent url(../images/title_support.gif) no-repeat;
width: 78px;
height: 24px;
text-indent:-32697px;
color: #fff;
margin-left: 20px;
}

#titlefeedback{
background: transparent url(../images/title_feedback.gif) no-repeat;
width: 92px;
height: 24px;
text-indent:-32697px;
color: #fff;
margin-left: 20px;
}

#titlelegal{
background: transparent url(../images/title_legal.gif) no-repeat;
width: 55px;
height: 22px;
text-indent:-32697px;
color: #fff;
margin-left: 20px;
}

/* @end image replacement */


/* @slide show */

#sections{
	overflow:hidden;
	background-color:white;
	width:940px;
	height:250px;
	clear:left;
	
}
	
	#sections ul{
		width:5190px;
	}
	
		#sections li{
			float:left;
		}
			
			#sections p{
				width: 940px;
				margin:0;
				
				
		
			}
			
			#sections h2{
				color:#000;
				

			}
			#sections a{
				color:#777;
				text-decoration:none;
			}

#slideshow{
	position:relative;
	height:250px;
	width:940px;
	margin-top:45px;
}
	#slideshow .next, #slideshow .prev{
		position:absolute;
		top:250px;
	}
	#slideshow .prev{
		left:230px;
	}
	#slideshow .next{
		left:300px;
	}



/* @end slide show */

/* @prev next buttons */

.prev{
background: transparent url(../images/button_left.gif) no-repeat;
width: 60px;
height: 52px;
text-indent:-32697px;
color: #fff;
position:absolute;
top:250px;
left:230px;
display: none;
}

.next{
background: transparent url(../images/button_right.gif) no-repeat;
width: 60px;
height: 52px;
text-indent:-32697px;
color: #fff;
position:absolute;
top:250px;
left:300px;
display: none;
}

.prevhigh{
background: transparent url(../images/button_left_hi.gif) no-repeat;
width: 60px;
height: 52px;
text-indent:-32697px;
color: #fff;
position:absolute;
top:250px;
left:230px;
}

.nexthigh{
background: transparent url(../images/button_right_hi.gif) no-repeat;
width: 60px;
height: 52px;
text-indent:-32697px;
color: #fff;
position:absolute;
top:250px;
left:300px;
}

/* @prev next buttons */


.boxone {background: #c9e2ec url(../images/corner_left_blue.gif) left top no-repeat;
padding: 10px 10px 10px 10px; border-bottom: 2px solid #fff;  
}

.boxtwo {background: #d6e03d url(../images/corner_right_green.gif) right top no-repeat;
padding: 10px 10px 10px 10px; border-bottom: 2px solid #fff;
}

.bottomtwo {background: #eaef9e url(../images/corner_right_green_bottom.gif) bottom right no-repeat !important;}

.subboxone {background: #e4f0f5;
padding: 10px 10px 10px 10px;  
}

.subboxtwo {background: #eaef9e;
padding: 10px 10px 10px 10px;  
}

.secondaryboxone {background-color: #c9e2ec;
padding: 10px 10px 10px 10px; border-bottom: 2px solid #fff; margin-top: 1.538460em !important;
}

.secondaryboxtwo {background-color: #d6e03d;
padding: 10px 10px 10px 10px; border-bottom: 2px solid #fff; margin-top: 1.538460em !important;
}


/* @top nav */

#topnavigation{ margin: 60px 0px 20px 0px; width: 800px; height: 50px; }


#mainnavigation{list-style-type: none; padding: 0px; float: left; margin: 58px 0px 0px 0px; width: 800px; font-size: 1.25em; line-height: 1.2em; }

#secondarynavigation { width: 800px; clear: both; padding: 9px 0px 0px 10px; margin: 0px; font-size: 1em; display: block;  height: 20px; line-height: 1.1em;}

#secondarynavigation a  {

color: #fff;
text-decoration: none;
padding: 0px 20px 0px 0px;
margin: 0px;
}


#secondarynavigation a:link{color: #fff;text-decoration: none;}

#secondarynavigation a:visited{color: #fff;text-decoration: none;}

#secondarynavigation a:hover{color: #d6e03d; text-decoration: none;}

#optone, #opttwo, #optthree, #optfour, #optfive {display: none}

/* @end top nav */


/* @top nav sliding doors technique */

#mainnavigation a {

float:left;
display:block;
background:url("../images/nav_left.gif") no-repeat left top;
padding:5px 12px 5px 12px;
color: #fff;
text-decoration: none;
font-weight: bold;
}

/* hide  from IE5-Mac \*/
#mainnavigation a {float:none;}
/* End IE5-Mac hack */

	

#mainnavigation a:link{color: #fff;text-decoration: none;}

#mainnavigation a:visited{color: #fff;text-decoration: none;}

#mainnavigation a:hover{color: #d6e03d; text-decoration: none;}

#mainnavigation li {
float:left;
background:url("../images/nav_right.gif") no-repeat right top;
margin:0;
padding:0;
}

#mainnavigation .notcurrent {background: none;}

#mainnavigation .notcurrent a {background: none;}


/* contact form */

	#contact{
		margin:0;
		color:#fff;
		width:317px;
		padding: 0px;
		}
			
	#contact fieldset{
		margin:0;
		padding:0;
		border:none;	
		background: none;	
		
		}		
	
	#contact p{margin:0px 0px 10px 0px !important;}	
	#contact label{display:block; padding-bottom: 5px;}	
	#contact input, #contact textarea{		
		width:272px;
		border: none;
		background:#282828 url(../images/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}		
	#contact textarea{
		height:125px;
		overflow:auto;
		}					
	#contact p.submit{
		text-align:right;
		margin-right: 8px !important;
		}	
	#contact .button{
	background: transparent url(../images/button_send.gif) no-repeat;
	width: 91px;
	height: 29px;
	text-indent:-32697px;
	color: #fff;
	margin: 20px 0px 30px 20px !important;
	cursor:pointer;		

		}			
		
		#contact .hidden {display:none;}	

/* // form  */