/* colours

orange		#F3931A
light grey	#565656
dark grey	#343434

*/

/* Global Style */

* { margin:0; padding:0; }



/* Page Layout */

body { 

  padding: 0 0 18px 0; 

  background: #fff url('../img/misc/bg2.png') repeat-x; 

  font: 0.9em/1.5 "arial",sans-serif; 

  color: #333; 

  text-align: center; 

}



p{ margin: -2px; padding:0px; padding-bottom:10px;}

.pirobox_gall1 img{
	border:0px;
}

.galleryimageholder img	{
	border:0px;
}

p.small { font-size: 10px;}

table.noborder, table.noborder td{border: none; border: 0px;margin:0; padding:0;}

th { text-align:center; font-weight:bold; border: 1px solid #cdcdcd;}


tr.table-top {background: #e5e5e5; font-weight: bold;}
a img{ border:none;}
a img:hover{
	opacity:0.9;
	alpha:90;
}


#noborder table{border:none; padding:none; margin-left: -5px;}

#noborder table td{border:none; padding:none;}

#noborder p{margin-top: 0px; padding:none; margin:none;}

.homepageheading	{
	
	border:1px solid #ccc;
	border-top:0px;
	padding:5px;
	-moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	  margin-top:-0px;	
	  margin-bottom:10px;
}




h1 a, h2 a, h3 a, h4 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {
	text-decoration: none;
	font-weight:normal;
	color:#F3931A;
	border:0px solid #555;
	
	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: underline;
}




a.i , a.i:active , a.i:link , a.i:visited { border:none;border-bottom:0px }



.thumbnail a, .thumbnail a:active,.thumbnail a:link,.thumbnail a:visited { border:none; }

.thumbnail a img { border: 1px solid #cdcdcd; }





table.simple{
border:0px;
}

table.simple td{
padding:none;border:0px;
}


a.grey{ color: #333; font-weight: normal;}

.subtle a{  color: #333; font-weight: normal; text-decoration: none; border-bottom:0px;}


.subtle td{
vertical-align:middle;
}




ul, ol { display:block; margin:15px 0 15px 40px; }

ul ul, ul ul ul, ol ol, ol ol ol { margin:0; margin-left:20px; }

ol { list-style-type:decimal; }

ol ol { list-style-type:upper-alpha; }

ol ol ol {list-style-type:lower-alpha; }

li { display:list-item; margin-bottom: 6px;}

#rightPanel ul li a { text-decoration:none; border:none;}



dl { margin:15px 0; }

dt { font-weight:bold; }

dd { margin-left:30px; }



fieldset { margin:15px 0; padding:10px; border:1px solid #CCC; }

legend { margin-left:10px; font-size:100%; font-weight:bold; color:#000; }

abbr, acronym, .help { border-bottom:1px dotted #CCC; cursor:help; }



blockquote { margin:15px 20px; font-style:italic; color: #777;}

blockquote a, blockquote a:visited{ color: #777; 
}

blockquote div.right{

text-align:right;

font-style: normal;

}



cite, em, q, var { font-style:italic; }

code, samp  {font-family:monospace; font-size:110%; }



hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #aaa; background: #aaaa; color:#aaa;} 



ul li{  list-style-type: none; background: url('../img/misc/li.jpg') no-repeat  3px 6px; padding-left: 20px; margin-bottom: 6px;}





/** WRAPPER

 * Wrapper is the Very 

 * first inner DIV Layer in the 

 * body, wraps all the code and 

 * can be manipulated better than 

 * BODY because it is layer 

 * not set object

 *

 */

#wrapper {
	width:930px;
	text-align:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left:15px;
	padding-right:15px;
	z-index:0;
}

.maincontent {
	width:930px;
	text-align:left;
	margin-top: 00px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

	z-index:0;
}

/** main image */
.mainimage{
	position:relative;
	top:10px;
	background:url(../img/home/web-site-magic-creations.jpg);
	width:730px;
	height:367px;
	z-index:10;
	
}

.mainimagetext{
	position:relative;
	float:right;
	padding-right:50px;
	z-index:11;
}

.homepagetext	{
	position:relative;
	top:-110px;
	width:930px;
	z-index:120;
	margin:0px;
	padding:0px;
}

.indexheaders	{
	width:730px;
	position:relative;
}
.videointroimage	{
	float:left;
	width:200px;
	height:248px;
	position:absolute;
	margin-top:180px;
	background:url(../img/thumb-preview-of-welcome-video-no-back.png) no-repeat;
	z-index:12;
	
}

.videoplaybutton	{
	position:absolute;
	top:100px;
	left:80px;

}
.emailicon	{
	position:relative;
	right:20px;
	top:20px;
	
}

.emailusaq	{
	position:absolute;
	right:80px;
	top:60px;
	background:url(../img/misc/mail_orange.png) no-repeat top center;
	width:100px;
	height:80px;
	color:#FFFFFF;
	font-size:1em;
	text-align:center;
	line-height:1.4em;
}


/** CONTAINER

 *

 * Is te lower section of the Page, 

 * both left and right panel childs

 *

 */

#container { 

  background: #fff;

  /*border-left:thin solid #bbb;

  border-right:thin solid #bbb;*/

  /*border-left:thin 1px !important;  */ /*firefox fix*/

  /* border-right:thin 1px !important; */  /*firefox fix*/

  border-top:none;

  border-bottom:none;

  margin-top: 50px;

  

}

.pagecontentholder	{
	padding-right:20px;
	vertical-align:top;
}

.header {
	position:relative;
	top:0px;
	left:0px;
	background:url(../img/header.jpg) repeat-x;
	padding:0px;
	margin:0px;
	width:960px;
	height:163px;
}

.clientlist img {
	float:left;
	margin-right:40px;
	border: 1px solid #cdcdcd; 

}

table.clientlist{
border-collapse:collapse;

}
table.clientlist td, table.clientlist td.clientname	{
border-bottom: 1px solid #ccc;
}

.clientlist ul	{
	line-height:.9em;
	margin:10px 0px 10px 20px;
	width:255px;
}
.clientname	{
	font-size:1.2em;
	border-bottom: 1px solid #BBBBBB;
	vertical-align:top;
	padding-top:10px;
	width:300px;
}

/* Can Add Overlapping Logo if not embedded in bg image */

#logo, .logo {

	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;

	position: relative; 

	overflow: hidden; 

	height: 122px;

	margin: 0px;

	text-align: left;
	
	padding-left:20px;

	width:460px;
	
	top:0px;

}

.logo img	{
	position: abolute;
	top:0px;
	padding:0px;
	margin:0px;
}

.slogan {
	
	position: absolute;
	
	left: 230px;
	
	top: 50px;
	
	color:#fff;
	
	font-size:2em;
	
	letter-spacing:.1em;
	
}

a#fancybox-close	{
	text-decoration:none;
}
/* Global Document Heading Descriptions */


h1+h2, h2+h3, h1+h3, h1+img+h2	{
	border:0px;
  /* ELEMENT1+ELEMENT2 any ELEMENT1 that follows an ELEMENT2 has style applied */
}


	

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
	margin:5px 0 5px 0;
}

h1, .h1 {
	font-size:2em;
	margin-top:15px;

} 

h1, h2, .h2, .h3	{
	font-family: arial, serif;
	/*letter-spacing:.1em;*/
}
h1, h2{
	border-bottom: 1px solid #aaa;
	
}	
h1.small{
	font-size:180%;
}	

h2	{
	font-size:1.5em;
	font-weight:normal;
}

.h3custom { 
	font-size:1.3em;
}

.orangeback	{

	width:100%;
	
	background-color:#F3931A;
	
	color:#FFFFFF;
	
	border:3px solid #e3e3e3;
	
	border-top:9px solid #e3e3e3;
	
	border-bottom:5px solid #e3e3e3;
	
	padding:5px;
	
	padding-top:10px;
	
	margin-top:-10px;
	
}

.orangebacklr	{
	width:95%;
	border-left:2px solid #F3931A;
	border-bottom:2px solid #F3931A;
	padding-top:6px;
	padding-bottom:10px;
	padding-left:14px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;

}

.orange {
	color:#F3931A;
}f
h1#logo { font-size:280%; font-weight: normal;}


h2.small{ font-size:	20px; }

h3 { font-size:120%; }

h4 { font-size:100%; margin-top: 20px; padding-bottom: 5px; margin-right: 15px;} 



h5 { font-size:100%; }


/* Right Panel Style */



#rightPanel {

	float: left; 

	padding: 0 0 0 0px; 

	margin-top: 15px;

	width:580px;

	z-index: 10;

	padding: 8px 18px 0 22px;

	border-left: 1px solid #e3e3e3; 


}



#rightPanel li a { text-decoration: none; font-weight:bold;border-bottom:1px solid;}

#rightPanel li a:hover {color:#FF9933; text-decoration: none; font-weight:bold;border-bottom:1px solid;}



#featurePanel .homefeaturetable {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-top: 10px;

	margin-bottom: 25px;

	padding-top: 10px;

	padding-bottom: 50px;

}

#featurePanel .homefeaturetable td {

	text-align: center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





#special a { border:none;border-bottom:none;}

#special a { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:link { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:active { color:#ff6600;text-decoration: none; font-weight:bold;}

#special a:hover {color:#FF9933; text-decoration: none; font-weight:bold;}



/* LeftPanel Links*/





#logo a { 

	display: block; 

	color: #333333; 

	text-decoration: none;

}

#logo span { 

	display: block; 

	position: absolute; 

	left: 0; top: 0; 	

	z-index: 1; 

	width: 200px; 

	height: 120px;	


}











.clear {clear: both;}







/* Page Form Style */

input[type=text], textarea	{
	background-color:#DDDDDD;
	border:1px #BBBBBB solid;
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
	
input.small{ width: 50px;}

input.normal{  width: 146px;}

input.sbutton {border:#555 solid thin; background:#FF9933;}

#searcharea {
	right:20px;
	top:3px;
	float:right;
	z-Index:50000;
	position:absolute;
	
}

.f-left {float:left;}

.f-right {float:right;}



/* Footer Background Images */

#footer, .footer {
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background: url('../img/misc/footer.png') no-repeat; 
	clear:both; 
	height: 60px;
	padding-top:30px; 
	color: #676767;
	margin-top: 0px;
	font-family:arial,verdana;
	font-size:11px; 
	width:960px;
}


#footer a:visited, a:active,a:link{ 

	color:#333;

}		    




#footer img a{ 



	text-decoration:none;

}		    



    

#footer p.f-right {
 margin-right:55px;/* 55 Leaves enough room for art deco in footer */



}

#footer p.f-left {
/* 55 Leaves enough room for art deco in footer */
margin-left:25px;


}



#footer img {



border:none;

}







#rnav ul li {margin-left:2px;padding-left:1px;} 

#rnav ul li a {padding-left:4px;} 



#rnav ul li a { color:#FF9933;text-decoration: none; font-weight:bold;border:none;  border-left:3px solid #FF9933;}

#rnav ul li a:link { color:#FF9933;text-decoration: none; font-weight:bold; }

#rnav ul li a:active { color:#FF9933;text-decoration: none; font-weight:bold; }

#rnav ul li a:hover {color:#778; text-decoration: none; font-weight:bold; border-left:3px solid #889;}





#rnav ul li a.selected { 

	border-color:#778;

	color:#778;

	border-left:3px solid #778;

 

 }

 .unitMath{

	background:#FF9933;

 }

 .genMath{

	background:#ffc58a;

 }

 .unitMath02{

	background:#FF9933;

	padding: 2px;

	border: 1px solid #333333;

 }

 .genMath02{

	background:#ffc58a;

	padding: 2px;

	border: 1px solid #333333;

 }

table.invisible, table.invisible td{

border:none;

}

img.right{

float:right;

padding-left:20px;

padding-bottom:10px;

}

.right{

text-align:right;


}

.floatright{
padding-left:20px;
float:right;
padding-bottom:10px;
}

.floatleft{
padding-right:20px;
float:left;
padding-bottom:10px;
}

.floatleftmargin{
margin:10px 20px 10px 0px;
float:left;

}

.center{

text-align:center;

}

.left	{
	text-align:left;
}
.nopadding{
padding:0px;
}
.nomargin{
margin:0px;
}

.inline{
display:inline;
}

.paddingtop5{
margin:0px;padding-top:5px;

}


.paddingright20{
margin:0px;padding-top:20px;

}


.nopadding{
padding:0px;
margin:0px;
}

.testimonialtitle	{
	color:#888888;
	font-style:italic;
	font-size:12px;
	float:right;
}

.pics , .pics2{ 
	padding:0; 
	margin:0; 
	overflow: hidden;  
	text-align:left; 
}

.pics img , .pics2 img{ 
	padding: 12px; 
	border: 1px solid #ccc; 
	background-color: #fff; 
	top:0; 
	left:0;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	
 }
 
 .pics img { 
 	width:177px;
	height:142px;
}
 
.picsfree img{ 
 border: 1px solid #ccc; 
 background-color: #fff;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 padding:10px;
 width:178px;
 height:140px;
}

.picsfree2 {

 border: 1px solid #ccc; 
 background-color: #fff;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 padding:10px;
 }

.testimonialholder {
	width: 282px;
	padding:10px;
	margin:0;
margin-top:10px;
	border: 1px solid #ccc; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.testimonialholder img	{
	float:left;
	padding-right:5px;
}

.testimonialholdersmall {
	width: 172px;
	padding:0px;
	margin:0;
margin-top:10px;
	border: 1px solid #ccc; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


.testimonialholderwide {
	width: 720px;
	padding:0px;
	margin:0;
margin-top:10px;
	border: 1px solid #ccc; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#video {
	z-index:1;
}

#video:hover{
cursor:pointer;
}

td.top, .top{
vertical-align:top;
}
td.paddedtop20{
	padding-top:20px;
}

.padding20, td.padding20{
padding:20px;
}

td.paddedleft{
padding-left:20px;	
}


.bold{
font-weight: bold;
}
.hidden{
display:none;
}
.clickable{
cursor:pointer;
}

.ourclientlist {
	border-collapse:collapse;
	width:100%;
}

.ourclientlist tr td{
	font-size:15px;
	text-align:center;
	vertical-align:middle;
}

.ourclientlist img {
	margin: 5px 0px 5px 0px;
}

.membersupportertable {
	margin-top:50px;
}
.membersupportertable img {
	padding:0px 20px 0px 20px;
}
	
.contentcontainer {
	width:520px;
}


table.businesssolutions tr td ul {
	margin:0px;
	padding:0px;
}

table.businesssolutions { 
	margin-bottom:20px;
}



a ,
a:active,
a:link,
a:visited {
	text-decoration: underline;
	font-weight:normal;
	color:#F3931A;
	/*border:1px solid #aaa;*/
}

a:hover {
	color:#aaa;
}
#growX img, #growY img, #growZ img{
 width: 180px;

}