@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
}

* { outline:none; border:none; padding:0;  }
body { background:#fff; margin:0; padding:0; outline:none; height:100%; font-family:Arial, Helvetica, sans-serif; }

div#container {
  background:url(../images/sideBar.png) repeat-y 50% 50%;
  height: auto !important;
  margin: 0 auto;
  min-height: 100%;
  position: relative;
  width: 100%;
  min-width:1002px;
}
#topBorder { width:100%; min-width:1002px; height:17px; background:#245f87 url(../images/topBorder.png) 50% 50%; }
#bottomBorder { width:100%; min-width:1002px; height:40px; background: url(../images/bottomBorder.png) 50% 50%; position:absolute; bottom:0; z-index:20; }
#rightLine { width:32px; height:97%; position:absolute; top:0px; right:0; background:url(../images/rightLine.png) right center; z-index:-1; } 
#leftLine { width:32px; height:97%; position:absolute; top:0px; left:0; background:url(../images/leftLine.png) left center no-repeat; z-index:-1; }
#content { width:895px; margin:0 auto; min-height:600px; position:relative; }
#sideBar { width:218px; position:relative;  }
#logo { position:absolute; top:33px; left:0; width:218px; height:53px; background:url(../images/logo.png) no-repeat;  }
#logo a { width:218px; height:53px; display:block; text-decoration:none; text-indent:-999999px;  }
#nav { width:214px; height:150px; position:absolute; top:186px; left:3px; border-top: 1px solid #c8c8c8; overflow:hidden;   }
#nav ul { list-style:none; margin:0; padding:0; width:214px;  }
#nav ul li { width:214px; height:24px; border-bottom: 1px solid #c8c8c8; padding-left:12px; padding-top:5px;  }
#nav a { text-decoration:none; font-size:14px; color:#000; margin-top:3px; }
#links { width:218px; height:25px; position:absolute; top:418px; }
#links ul  { list-style:none; margin:0; padding:0; margin-left:12px; }
#links ul li { width:26px; height:25px; float:left; margin-right:3px;   }
#links a { text-decoration:none; text-indent:-99999px; display:block; width:26px; height:25px;background:url(../images/links.jpg) no-repeat; overflow:hidden;  }
.tw { background-position: 0px 0px;  }
.fb { background-position: -29px 0px !important;  }
.yahoo { background-position: -57px 0px !important;  }
.google { background-position: -86px 0px !important;  }
.mail { background-position: -116px 0px !important;  }
.lastLink { background-position: -148px 0px !important;  }

.st_twitter_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) 0px 0px no-repeat; overflow:hidden;  }
.st_facebook_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) -29px 0px no-repeat; overflow:hidden;  }
.st_yahoo_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) -57px 0px no-repeat; overflow:hidden;  }
.st_gbuzz_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) -86px 0px no-repeat; overflow:hidden; }
.st_email_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) -116px 0px no-repeat; overflow:hidden; }
.st_sharethis_large { display:block; width:26px; height:25px;background:url(../images/links.jpg) -148px 0px no-repeat; overflow:hidden; }

.stLarge { background:none!important;  }

#contentArea { width:670px; height:440px; position:absolute; top:87px; left:266px; margin-bottom:25px;  }
#aboutBg { width:630px; height:400px; position:relative; left:20px; top:20px; background:url(../images/about-bg.png) no-repeat;  }
#aboutContainer { width:560px; height:300px; left:39px; top:55px; position:relative; }
.title { color:#fff; font-size:27px;  }
.content { color:#fff; font-size:12px; position:relative; top:15px; text-align:justify;  }


#Contact-form { width:240px; height:270px; overflow:hidden; position:relative;  }
/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none;
	background:url(../images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:11px; width:43px;
	position:absolute;
	top:-350px;
	left:250px;
	z-index:1;
	}
	
/* Hides the confirmation message until needed */	
#mail_response { width:200px; height:270px; overflow:hidden; position:relative; color:#fff; font-size:12px; padding:0;  }
#mail_response p { text-indent:20px;  }
#mail_response h4 { position:relative; font-size:18px; }
/* This hides the form validation alert messages until needed */
#Contact-form span {
	display:none;  
	z-index:1;
	}
.name-missing { font-size:11px; position:absolute; right:0; top:28px; }	
.email-missing { font-size:11px; position:absolute; right:0; top:28px;}	
.message-missing { font-size:11px; position:absolute; right:0; top:112px;}	

form.contactForm { width:240px; height:270px; overflow:hidden; position:relative; }
.contact-bg { width:185px; height:30px; background:#fff; float:left; position:absolute; left:45px;  }
.contact-input { background: none; width:180px; height:20px; position:relative; top:5px; left:2px; }
.contact-label { float:left; font-weight:bold; color:#c7c7c7; margin-top:7px; margin-left:5px;  }
.line { margin-left:10px; margin-bottom:10px; width:230px; height:30px; position:relative; background:#fff;   }
.message-bg { width:230px; height:114px; background:#fff;  float:left; position:absolute; left:0px; }
.message-input { background:none; width:225px; height:105px; position:relative; top:5px; left:2px;  }
.send { width:85px; height:25px; color:#417497; font-size:15px; clear:both; position:absolute; bottom:0px; right:0px;  
background:#fff; cursor:pointer; }

#contactInfo { width:200px; position:absolute; top:0; right:50px; color:#fff; font-size:12px; padding:0;	 }

.bigImg { background: none repeat scroll 0 0 #D1D3D4; float: left; height: 332px; margin-left: 20px; padding-left: 10px; padding-top: 10px; width: 410px; }
.imgInfo { background:#D1D3D4; float: left; font-size: 11px; height: 342px;  margin-left: 10px; width: 197px; }
.imgInfo p { width:180px; margin:25px auto;  }
.order { width:68px; height:17px; background:url(../images/order.jpg) no-repeat; text-indent:-999999px; text-decoration:none; display:block; margin-left:13px;}
#thumbs { width:670px; height:54px; margin-top:10px; position:relative;  }
.arrLeft { width:15px; height:46px; position:absolute; left:0; bottom:0; background:url(../images/arrLeft.png)no-repeat; }
.arrRight { width:15px; height:46px; position:absolute; right:5px; bottom:0; background:url(../images/arrRight.png)no-repeat; }
.imgs { width:670px; height:54px; position:absolute; left:0px; bottom:0; overflow:hidden;  }
#click { width:87px; height:20px; position:relative; top:16px; background:url(../images/click.png) no-repeat; float:right; margin-right:24px; }
.imgs ul { list-style:none; margin:0; padding:0; width:10000px;  }
.imgs ul li { float:left; height:54px; width:101px; margin-right:4px;  }
.imgs ul li a { border:3px solid #245f87; display:block; margin-top:8px; }
.imgs ul li a.current { height:54px; margin:0; border:none; background:url(../images/curr.png) no-repeat; cursor:default; }
.imgs ul li a.current img { margin-top:11px; margin-left:3px; }

#footer { width:935px; margin:0px auto; }
#centered { width:935px; margin-left:21px; margin-top:10px; position:relative; }
#copyRights { position:absolute; left:3px; top:0px; height:20px; color:#fff; font-size:11px;  }
#icon-creations { position:absolute; right:0px; top:0px; height:20px; color:#fff; font-size:12px;  }
#icon-creations a { color:#fff; font-weight:bold; text-decoration:none; font-size:12px;  }

.howto {  }
.howto a { color:#ccc; }