/*This just gives 5px padding at the top of the page*/
body{
	background-image:url(images/home/gradient.gif);
	background-repeat:repeat-x;	
	margin-top:5px;
	display:inline;
}
/*Main container, everything else sits inside this.  Using margin:auto centres the div*/
/*Set the font styles in here, then they will apply to all divs inside this one.*/
.maincontainer{	
	width:780px; 
	margin:auto;
	line-height:1.5em;
	letter-spacing:0.02em;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#f2f2f2;
}

a {
	color:#0099cc;
	text-decoration:none;
}

img{
	border:0px;
}

a:hover {
	color:#666666;
}

.legallink {
	color:#aaaaaa;
	text-decoration:none;
}

.legallink:hover {
	color:#0099cc;
}



.footerlink {
	color:#cccccc;
	text-decoration:none;
}

.footerlink:hover {
	color:#0099cc;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@  Home page styles @@@@@*/

/*Holds the header image*/
.header{
	float:left;
	height:140px;
	width:780px;
	background-image:url(images/home/header.jpg);
	background-repeat:no-repeat;
}

/*@@@@@@@@@@@@@@  Left hand side panels   @@@@@@@@@@@@*/
.leftpanelhometop{
	float:left;
	width:480px;
	height:360px;
	padding:0px;
	padding-left:30px;
	padding-top:20px;
}

.imgpadder{
	float:left; 
	width:500px; 
	height:35px;
}

.textleft{
	float:left; 
	padding-left:12px; 
	width:475px;;
}

/*@@@@@@@@@@@@   Right hand side panels   @@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.rightpanelhometop{
	float:right;
	height:360px;
	width:220px;
	padding-right:30px;
	padding-top:20px;
}

.rightimgpadder{
	float:left;
	height:35px;
}

.rightflashholder{
	width:220px; 
	height:153px; 
	color:white;
}


/*@@@@@@@@@@@@   Full width panels   @@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.fullwidthhome{
	float:left;
	width:720px;
	height:260px;
	padding-left:30px;
	padding-top:20px;
}

.imgpadderfullwidth{
	float:left; 
	width:720px; 
	height:35px;
}

/*@@@@@@@@@@@       About Us page     @@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.abouttop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
}

.textfullwidthabout{
	float:left; 
	padding-left:22px; 
	width:700px;
	height:240px;
}
.imgpadderabout{
	padding-left:10px;
	float:left;
	height:35px;
	width:720px;
}

.aboutmantitle{
	font-weight:bold; 
	padding-left:20px; 
	height:20px; 
	padding-bottom:10px; 
	float:left; 
	width:700px;
}

.aboutmanpic{
	float:left; 
	margin-left:12px; 
	margin-right:15px; 
	display:inline; 
	width:120px; 
	height:150px; 
	background-color:white;
}

.aboutspacer{
	width:720px; 
	height:30px;
	float:left;
}

/*@@@@@@@@@@@@@@@@@ Creator page styles@@@@@@@@@@@@@@@*/
.creatortop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:990px;
}

.imgpaddercreatorlower{
	padding-left:15px;
	float:left;
	height:35px;
	width:720px;
}

.pagelistul{
	list-style-type:none;
}

.pagelistli{
	list-style-image:url(sol_creator/dot.gif);
	padding-bottom:12px;
}

.textfullwidthcreator{
	float:left; 
	padding-left:22px; 
	width:700px;
	height:740px;
}


/**@@@@@@@@@@   Creator Apps page        @@@@@@@@@@@@@@@/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.imgpaddercreatorapps{
	float:left;
	height:30px;
	width:720px;
	padding-left:15px;
	padding-top:20px;
}

.textfullwidthcreationapps{
	float:left; 
	padding-left:22px; 
	width:700px;
}

.creatorappstop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:650px;
}

/*@@@@@@@@@@@@@@    Clients page      @@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.textleftclients{
	float:left; 
	padding-left:12px; 
	width:255px;
}

.rightpanelclients{
	float:left;
	width:190px;
	height:425px;
	padding:0px;
	padding-left:30px;
}

.clientstop{
	float:left;
	width:490px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
}

.imgpadderclients{
	padding-left:10px;
	float:left;
	height:35px;
	width:220px;
}
.rightflashholderclients{
	width:220px; 
	height:153px; 
	color:white;
	float:right;
	padding-right:30px;
	padding-top:35px;
}



/*@@@@@@@@@@@@@@    case studies page      @@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.textfullwidthstudies{
	float:left; 
	padding-left:22px; 
	width:700px;
	height:250px;
}

.blue{
	color:#0099cc;
}

.textfullwidthstudies{
	float:left; 
	padding-left:22px; 
	width:700px;
	height:105px;
}

.studiesbottom{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:300px;
}

.studiestop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	height:150px; 
	padding-top:20px;
}



/*@@@@@@@@@@@@@@  contactpage   @@@@@@@@@@@@*/
.leftpanelcontact{
	float:left;
	width:400px;
	height:300px;
	padding:0px;
	padding-left:30px;
	padding-top:20px;
}

.rightpanelcontacttop
{
	float:left;
	clear: right;
	width:300px;
	height:265px;
	padding-top:55px;
}

.imgpaddercontact{
	float:left; 
	width:200px; 
	height:35px;
}

.textleftcontact{
	float:left; 
	padding-left:12px; 	
	width:355px;
	height:140px
}

.textleftcontactbluelower{
	float:left; 
	padding-left:12px; 	
	width:105px;
	padding-top:20px;
	color:#0099cc;
}
.textleftcontactlowerright{
	float:left;
	width:170px;
	padding-top:20px;
}
.textrightcontactbluelower{
	float:left; 
	width:105px;
	padding-top:20px;
	color:#0099cc;
}

.textrightcontact{
	float:left;
	width:200px;
	height:140px;
}

.leftpanelcontactbottom
{
	float:left;
	width:300px;
	height:260px;
	margin-top: 0px;
	padding-left: 40px;
	padding-top: 40px;
}



/*@@@@@@@@@@@@@@@@@@@@@@ partners @@@@@@@@@@@@@@@@@*/
.partnerstop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:150px;
}

.partnersbottom{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:350px;
}

.textfullwidthpartnerstop{
	float:left; 
	padding-left:22px; 
	width:700px;
}


/*Legal page*/
.textfullwidthlegal{
	float:left; 
	padding-left:22px; 
	width:700px;
	height:440px;
}
.legaltop{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:470px;
}


/*@@@@@@@@@@@@     Footer      @@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.footer{
	width:740px; 
	padding-top:5px; 
	height:30px; 
	border-top:1px solid #cccccc;
	padding-bottom:20px;
	color:#cccccc;
	margin:auto;
}

/*@@@@@@@@@@@@@@@@@@@@@@ Fantasia Migration @@@@@@@@@@@@@@@@@*/
.textfullwidthfantasia
{
	float:left; 
	padding-left:22px;
	height:385px;
	width:700px;
}

.fantasiatop
{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	margin-bottom: 20px;
}

.imgpadderfantasia
{
	padding-left: 10px;
	float:left;
	height:35x;
	width:720px;
}


/*@@@@@@@@@@@@@@@@@@@@@@ Downloads @@@@@@@@@@@@@@@@@*/
.textfullwidthdownloads
{
	float:left; 
	padding-left:22px; 
	width:700px;
	padding-bottom: 20px;
}

.downloadstop
{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
}

.imgpadderdownloads
{
	padding-left: 10px;
	float:left;
	height:35px;
	width:720px;
}

.downloadcontainer
{
	width: 100%;
	float: left;
	margin-top: 10px;
	display: inline;
}

.downloaddetails
{
	float: left;
	width: 600px;
}

.downloadcontainer ul
{
	padding-left: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.downloadcontainer li
{
	list-style-image:url(sol_creator/dot.gif);
}

.dl_btn
{
	float: right;
}

/*@@@@@@@@@@@@@@@@@@@@@@ Support @@@@@@@@@@@@@@@@@*/
.supporttop
{
	float:left;
	width:720px;
	padding:0px;
	padding-left:20px;
	padding-top:20px;
	height:580px;
}

.imgpaddersupport
{
	padding-left: 10px;
	float:left;
	height:35px;
	width:720px;
}

.supportcontainer
{
	width: 100%;
	float: left;
	margin-top: 10px;
	display: inline;
}

.textfullwidthsupport
{
	float:left; 
	padding-left:22px; 
	width:700px;
}

.support_selector
{
	margin-bottom: 0px;
	width: 200px;
}

.support_label
{
	float:left;
	width:150px;
	padding-top:3px;
}

.support_input
{
	width: 400px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.support_message
{
	width: 400px;
	height: 100px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.field_wrapper
{
	width:650px;
	height:30px;
	float:left;
}

.send_btn
{
	float: right;
	width: 120px;
	margin-top: 90px;
	margin-right: 30px;
}

.cancel_btn
{
	float: right;
	width: 120px;
	margin-right: 93px;
	margin-top: 90px;
}

/*********************************************MENU STYLES************************************************/

	ul#navigation
	{
	list-style-type:none;
	padding:0px;
	margin:0px;
	position:relative;
	top:104px;
	left:136px;
	cursor:default;
	letter-spacing:0.04em;
	z-index:5000;
	}

	ul#navigation li
	{
	float:left;
	display:block;
	position:relative;
	height:27px;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
	background-repeat:no-repeat;
	background-position:top right;
	width:80px;
	font-size:11px;
	}	
	
	ul#navigation li a
	{
	color:black;
	text-decoration:none;
	}

	ul#navigation li:hover,ul#navigation li a:hover
	{
	color:#0099cc;
	}

	.highlightMenuItem
	{
	color:#0099cc;
	}

	ul#navigation li:hover > ul
	{
	display:block;
	}

	ul#navigation li ul
	{
	position:absolute;
	left:-12px;
	top:30px;
	padding:0px;
	margin:0px;
	display:none;
	}

	ul#navigation li ul li
	{
	float:none;
	display:block;
	width:114px;
	height:18px;
	background-color:#ffffff;
	font-weight:normal;
	/*background-image:url(images/framework/menu_divider.jpg);*/
	background-position:center bottom;
	padding:0px;
	padding-top:2px;
	margin:0px;
	letter-spacing:0.04em;
	font-size:11px;
	}

	ul#navigation li ul li a
	{
	display:block;
	width:97px;
	height:20px;
	color:black;
	padding-left:17px;
	padding-top:2px;
	text-decoration:none;	
	background-color:#ffffff;
	}

	ul#navigation li ul li a:hover
	{
	color:#0099cc;
	background-image:url(images/home/dot.gif);
	background-position:6px 9px;
	background-repeat:no-repeat;
	}