@charset "utf-8";
/* CSS Document */

@import url("reset.css");

/*---------------------------------------------------------------Element Rules Start */
html{
	background:#2d5772 url(../images/bg.png) top left repeat-x;
	color:#000;margin:0;padding:0;width:100%;}
body{color:silver;font-family:"Lucida Sans",Arial,Helvetica,sans-serif;font-size:14px;}
select,input,option{}
abbr,acronym{border-bottom:1px dotted silver;}
a{color:#5b96b3;text-decoration:none;border-bottom:1px dotted #5b96b3;}
a.inline{border:none;}
a:hover{color:#d97014;border-bottom:1px dotted #d97014;}
a:hover.inline{border:none}

/*---------------------------------------------------------------Element Rules End */

/*------------------------------------------------Section Rules Start	*/

#ghosttext{color:#244458;overflow:hidden;width:790px;height:0;margin:auto;font-size:10px;z-index:0;}

#wrapper{
	margin:auto;
	width:790px;
	margin-top:1em;
	background:#3a3a3a;
	border:1px solid #333;
	-moz-border-radius:2em;
	-webkit-border-radius:2em;
}

#header{
	color:#5b96b3;
	margin:auto;
	padding:.25em 0 0 0;
	font-size:16px;
	position:relative;
	border-bottom:1px solid #333;
	}

	#header a{border:none;color:#f0f0f0;}
	#header a:hover{border:none;color:#5b96b3;}

	#header #logo{padding:10px 0 0 40px;}
	
	#header #slogan{
		color:#b0b0b0;
		font-size:.7em;
		padding-left:15px;
		position:absolute;
		top:75px;
		left:152px;
		}
	
		#header #slogan a{border:none;color:#b0b0b0;}
		#header #slogan a:hover{color:#b0b0b0;}
	
	#header #cornerbox{
		color:#666;
		font-size:.75em;
		position:absolute;
		top:10px;
		right:15px;	
	}
	
	#header #topcornerbox a{color:#f1f1f1;font-size:.9em;text-decoration:none;}
	#header #topcornerbox a:hover{color:#5b96b3;}
	
	#header #bottomcornerbox{
		position:absolute;
		bottom:0;
		right:10px;
		
		color:#ddd;
		font-family:"Segoe UI",Arial,Helvetica,sans-serif;
		font-size:12px;
		letter-spacing:0px;
		word-spacing:0px;
		}
	
	#header h1{font-size:2.4em;}

/*----------------------------------------------- Nav 				*/

#nav{
	background:#161616;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	text-align:center;
	margin:auto;
	}

	#nav a{border:none;color:silver;font-family: Trebuchet MS,Arial,sans-serif;text-decoration:none;font-size:14px;}
	#nav a:hover{color:#5b96b3;}
	#nav ul{height:25px;text-align:center;padding:0 45px;background:url(../images/nav-grad.png);}
	
		#nav ul li{
			background:url(../images/nav-grad-button.png);
			display:block;
			height:24px;
			float:left;
			margin:auto;
			width:100px;
			padding-top:1px;
		}
		
			#nav ul a{display:block;text-align:center;margin:auto;width:98px;height:23px;}
			#nav ul a:hover{background:#161616;}

/*----------------------------------------------- Nav End 			*/

/*----------------------------------------------- Content  			*/

#content{}

#bigleftimg{width:200px;float:left;margin:0 1em 1em;}
#bigleftimg img{margin-bottom:.75em;}

#headingbar{
	background:url(../images/sprite-header.png) 0 0 no-repeat;
	color:#efefef;
	margin:14px;
	width: 759px;
	height:37px;
	}
	
	#headingbar div{width:749px;height:27px;padding-top:8px;padding-left:10px;}
	
#subheading{
	background:url(../images/sprite-header.png) 0 -37px no-repeat;
	color:#efefef;
	height:29px;
	padding:8px 0 0;
	margin:auto;
	text-align:center;
}

	#content h1,#content h2,#content h3,#content h4{font-family:Verdana,Geneva,sans-serif;margin:auto;text-align:left;font-weight:normal}
	#content h1{
		font-size:1.4em;
		color:#5b96b3;
		letter-spacing:-1px;
		}
	#content h3{
		color:#40aaff;
		font-size:1.1em;
		font-family:Arial,Helvetica,sans-serif;
		margin-bottom:.5em;
		}

	#page-about #content p,#page-products #content p,#page-news #content p,#page-social #content p,#page-socnet #content p,#page-online #content p,#page-ccenter #content p,#page-partners #content p,#page-demo #content p,#page-sitemap #content p{margin-bottom:1em;}
	#page-online #content li,#page-partners #content li,#page-socnet #content li,#page-ccenter #content li{list-style:inside;}
	#page-online #content ul,#page-partners #content ul,#page-socnet #content ul,#page-ccenter #content ul{margin-bottom:1em;}

	#rightcol{
		background:#5f5f5f;
		border:1px solid #2f2f2f;
		float:left;
		margin:0 1em 1em 0;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		padding:.5em;
		width:532px;
		font-size:.9em;
		color:#d0d0d0;
	}
	
	#rightcol a{color:#40aaff;border-bottom:1px dotted #40bbff;}
	#rightcol a:hover{color:#c0c0c0;border-bottom:1px dotted #40bbff;}
	#rightcol ul li a:hover{color:#f0f0f0;border:none;}
	
	#rightcol div{
		border:1px solid #6f6f6f;
		padding:1em;
		-moz-border-radius:.5em;
		-webkit-border-radius:.5em;
	}
	
	#rightcol div.space{margin-bottom:1em;}
	
	#rightcol div.imgcontainer{margin:.75em;width:196px;height:65px;}
	#rightcol div.imgcontainer a{display:block;width:196px;height:65px;border:none;}
	#rightcol div.img-box{width:196px;height:65px;margin:0;padding:0;}

     #rightcol .oo-img{background:url(../images/sprite-subpages.jpg) 0 0 no-repeat;}
     #rightcol .cc-img{background:url(../images/sprite-subpages.jpg) 0 -65px no-repeat;}
     #rightcol .sn-img{background:url(../images/sprite-subpages.jpg) 0 -130px no-repeat;}
     #rightcol .bp-img{background:url(../images/sprite-subpages.jpg) 0 -195px no-repeat;}
     #rightcol .social-img{background:url(../images/sprite-subpages.jpg) 0 -261px no-repeat;}
     #rightcol .about-img{background:url(../images/sprite-subpages.jpg) 0 -326px no-repeat;}

/*----------------------------------------------- Content End 		*/

/* Download */

    #dltable{margin-top:1em;}
	#dltable td{padding-bottom:2em;vertical-align:top;}
	#dltable td.thincell{width:205px;}
	#dltable td.thickcell{}
	
/* Download End */

/* News */

	#page-news #content ul{margin-left:1em;}
	#page-news #content ul li{margin:0 0 1em 0;}

/* News End */

/* Social */

#socialtable{}
	#socialtable td{padding-bottom:2em;}
	#socialtable td.thincell{width:30px;}
	#socialtable td.thickcell{}
	
	.thincell a,.thincell a:hover{border:none;}
	.soc-twitter-hover{background: url(../images/sprite-soc-bar.png) 0 0 no-repeat;border:none;width:16px;height:16px;display:block;}
	.soc-myspace-hover{background: url(../images/sprite-soc-bar.png) 0 -16px no-repeat;border:none;width:16px;height:16px;display:block;}
	.soc-facebook-hover{background: url(../images/sprite-soc-bar.png) 0 -32px no-repeat;border:none;width:16px;height:16px;display:block;}
	.soc-youtube-hover{background: url(../images/sprite-soc-bar.png) 0 -48px no-repeat;border:none;width:16px;height:16px;display:block;}
	.soc-blogger-hover{background: url(../images/sprite-soc-bar.png) 0 -64px no-repeat;border:none;width:16px;height:16px;display:block;}
	
#twitter-widget-container{float:left;width:292px;height:352px;padding:0;margin:0;}
	
/* Social End */

/* Login */

	#page-login #content ul{margin-left:1em;}
	#page-login #content ul li{margin:0 0 1em 0;}
	#page-login #content ul li a{}
	#page-login #content ul li p{}
	#page-login #content ul > li a{}
	
	#logintable td{padding-bottom:2em;vertical-align:top;}
	#logintable .last td{padding:0;}
	#logintable td.thincell{width:150px;}
	#logintable td.thickcell{}
	

/* Contact */

	#page-contact #content ul{margin:0 0 1em 0;}
	#page-contact #content ul li{list-style-type:none;margin:0;}
	#page-contact #content ul > li a{}

/* Contact End */

/* Login End */

/* Demo */

	.demo{display:block;margin:auto;margin-bottom:1em;}
	#rightcol .demo a{border:none;color:#fafafa;margin:auto;text-align:center;}
	#page-demo #rightcol .demo a:hover{border:none;color:#111;}
	
	#demotable{margin-top:1em;margin:auto;}
	#demotable td{padding-bottom:2em;vertical-align:top;}
	#demotable .last td{padding:0;}
	#demotable td.thincell{width:200px;}
	#demotable td.thickcell{}

/* Demo End */

/*
	UNUSED STYLES
	#content input[type=text],#content textarea, #content select{background:white;border:1px solid #5b96b3;}
	#content input[type=submit]:hover{background-color:#f99462;border:1px solid #5b96b3;}
	#content input[type=submit]{background:#ddd;border:1px solid #5b96b3;}
	#content input:focus,#content textarea:focus{background-color:#fafafa;border:1px solid #5b96b3;color:#333;}
*/	

/* Index */

#page-index #content{}

#page-index #content a{border:none;}

     #content object{display:block;}

	#window{
		background:url(../images/onlinefoodordering.jpg) no-repeat;
		border:none;
		width:788px;
		height:286px;
		margin:0;
		padding:0;
		line-height:0;
	}

	#content #left,#content #centerleft,#content #centerright,#content #right{
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
		float:left;
		margin:0;
		padding:0;
	}
	
		/* Floated boxes */
		#content #left{width:196px;position:relative;height:200px;}
		#content #centerleft,#content #center,#content #centerright,#content #right{border-left:2px solid #4F4A4A;width:196px;position:relative;height:200px;margin-bottom:0;padding-bottom:0;}
		#content #left p,#content #centerleft p,#content #center p,#content #centerright p,#content #right p{margin:.25em .5em 0;}
		/* Floated boxes end */

		#page-index .readmore{
			font-family:Verdana,sans-serif;
			font-size:.8em;
			position:absolute;
			bottom:10px;
			right:10px;
			}
			
			#page-index .readmore a{background:none;color:#5b96b3;text-decoration:none;}
			#page-index .readmore a:hover{background:none;color:#d97014;}
	
	#boxholder{border-top:1px solid #4f4a4a;}	
	
	#boxholder ul li{list-style:none;}
	
	/*#boxholder ul li a{display:block;width:196px;}*/
	
	a.index-head,.index-head{
		background: url(../images/blue-left-arrow.png) no-repeat 8px 9px;
		color: #ddd;
		display: block;
		height:24px;
		font-size:13px;
		padding-left:25px;
		padding-top:6px;
		text-decoration: none;
	}

	a.index-head:hover,.index-head-hover
	{
	     background:#161616 url(../images/gray-left-arrow.png) no-repeat 8px 9px;
	     color:#437ba0;
		display: block;
		height:24px;
		font-size:13px;
		padding-left:25px;
		padding-top:6px;
		text-decoration: none;
	}
	
	.iib-oo a,.iib-cc a,.iib-sn a,.iib-bp a{width:196px;height:65px;display:block;margin:0;padding:0;}
	.iib-oo a:hover,.iib-cc a:hover,.iib-sn a:hover,.iib-bp a:hover{}
	
	.iib-oo,.iib-a1{background:url(../images/sprite-index-zones.jpg) 0 0 no-repeat;}
	.iib-cc,.iib-a2{background:url(../images/sprite-index-zones.jpg) 0 -65px no-repeat;}
	.iib-sn,.iib-a3{background:url(../images/sprite-index-zones.jpg) 0 -130px no-repeat;}
	.iib-bp,.iib-a4{background:url(../images/sprite-index-zones.jpg) 0 -195px no-repeat;}
	.iib-oo a:hover,.iib-b1,.iib-oo-img{background:url(../images/sprite-index-zones.jpg) -196px 0 no-repeat;}
	.iib-cc a:hover,.iib-b2,.iib-cc-img{background:url(../images/sprite-index-zones.jpg) -196px -65px no-repeat;}
	.iib-sn a:hover,.iib-b3,.iib-sn-img{background:url(../images/sprite-index-zones.jpg) -196px -130px no-repeat;}
	.iib-bp a:hover,.iib-b4,.iib-bp-img{background:url(../images/sprite-index-zones.jpg) -196px -195px no-repeat;}

/* Index End */

/* Legal/Privacy */

	#page-legal #content,#page-privacy #content{position:relative;padding:1em 3em .5em;}
	
	#page-legal #content h1,#page-privacy #content h1{text-align:center;}
	#page-legal #content h3,#page-privacy #content h3{font-size:.9em;}
	#page-legal #content p,#page-privacy #content p{font-size:.8em;margin-bottom:1em;}

/* Legal/Privacy End */

/* Sitemap */

	#page-sitemap #content ul{margin-bottom:1em;}
	#page-sitemap #content li{list-style:inside;margin-bottom:1em;}
	#page-sitemap #content ul li ul{margin-left:2em;}
	#page-sitemap #content ul li ul{margin-top:1em;}

/* Sitemap End */

/*--------------------------------------------------------Footer Start */
#footer{clear:both;font-size:.7em;margin:auto;margin-bottom:60px;word-spacing:1px;width:790px;}

	#footer .f-left{float:left;padding-left:10px;}
	#footer .f-right{float:right;text-align:right;}
	#footer .f-right a{margin-left:1.5em;}
	
	#soc-net{position:relative;top:2px;}
	#soc-net li{list-style:none;position:absolute;top:0;}
	#soc-net a {width:16px;height:16px;display:block;}
	.soc-twitter{left:0;background: url(../images/sprite-soc-bar.png) -16px 0 no-repeat;}
	.soc-myspace{left:26px;background: url(../images/sprite-soc-bar.png) -16px -16px;}
	.soc-facebook{left:52px;background: url(../images/sprite-soc-bar.png) -16px -32px;}
	.soc-youtube{left:78px;background: url(../images/sprite-soc-bar.png) -16px -48px;}
	.soc-blogger{left:104px;background: url(../images/sprite-soc-bar.png) -16px -64px;}
	.soc-twitter a:hover{left:0;background: url(../images/sprite-soc-bar.png) 0 0 no-repeat;}
	.soc-myspace a:hover{left:26px;background: url(../images/sprite-soc-bar.png) 0 -16px;}
	.soc-facebook a:hover{left:52px;background: url(../images/sprite-soc-bar.png) 0 -32px;}
	.soc-youtube a:hover{left:78px;background: url(../images/sprite-soc-bar.png) 0 -48px;}
	.soc-blogger a:hover{left:104px;background: url(../images/sprite-soc-bar.png) 0 -64px;}

	#footer a{border:none;color:#5b96b3;text-decoration:none;font-size:1.1em}
	#footer a:hover{color:#d97014;}
/*--------------------------------------------------------Footer End */

/* Generic Classes */

.center{margin:auto;text-align:center;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.clear-right{clear:right;}
p.readmore{font-family:Verdana,Geneva,sans-serif;font-size:.85em;text-align:right;}
	p.readmore a{border:none;color:#40bbff;text-decoration:none;}
	p.readmore a:hover{border:none;color:#d97014;text-decoration:none;}
.smallnote{font-size:.8em;text-align:center;}
.specialnote{color:#fafafa;}
.warning{color:#FE6602;font-size:1.2em;text-align:center;text-transform:capitalize;padding:1em 0;}

/* Generic Classes End */

/*---------------------------------------------------------------Section Rules End */