/* CSS Document */

@font-face {
  font-family:"Gentium-IE";
  src:url("/css/GenBkBasI.eot");
  font-style:italic
}

@font-face {
	font-family:"Gentium";
	src:url("/css/GenBkBasI.ttf");
	font-style:italic
}

* {margin:0; padding:0}

body {width:100%; background:#5f5f5f url(/images/bg.jpg) repeat-x top center; margin:0 auto; text-align:center; font-family:"Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif; color:#333; font-size:14px}

.clear {height:0}

div#navbar {height:96px; text-align:left}

	div#login, div#anontemp {font:11px sans-serif; color:#c8dafe; text-align:right; padding:5px 0}
		.login-input, .input, .msg, input {
			color:#545454; 
			background-color:#fff; 
			border:solid 1px #9cf; 
			padding:0 2px;
			margin:2px auto
		}
		
		div#login {padding-bottom:2px}
		div#login .chkplain input {height:auto; background-color:Transparent; border:none}
		
		div#login h1 {margin:0; padding:0; border:0; font-size:5px; font-family:sans-serif; color:#0b0b0b}
		
		div#login.login, div#login.login a {font-size:11px; padding:8px 20px}
		
		.login-input {font:10px sans-serif; height:14px}
		input, .input {height:22px}
		.msg {overflow:auto}
		
		.login-btn, .logout-btn {width:80px; height:22px; padding:0; border:none; cursor:pointer}
		.login-btn-blk, .logout-btn-blk {width:73px; height:20px; padding:0; margin:0; border:none; cursor:pointer}
		.login-btn {background:url(/images/btn-login.gif) no-repeat top center}
		.logout-btn {background:url(/images/btn-logout.gif) no-repeat top center}
		.login-btn-blk {background:url(/images/btn-login-blk.gif) no-repeat top center}
		.logout-btn-blk {background:url(/images/btn-logout-blk.gif) no-repeat top center}
		.chkplain {height:auto; background-color:Transparent; border:none}
		
		div#login a:link, div#login a:visited, div#anontemp a:link, div#anontemp a:visited  {color:#ffba01; text-decoration:underline}
		div#login a:hover, div#login a:active, div#anontemp a:hover, div#anontemp a:active {color:#fff; text-decoration:none}
		
		div#login-area, div#anontemp2 {width:300px; margin:0 auto; text-align:center}
		div#anontemp2 {font-size:12px}

div.spacer {}

div#top {
	clear:both;
	width:940px;
	height:38px;
	background:url(/images/top2.jpg) no-repeat top center;
	margin-top:0
}

div#compare {margin-top:10px; margin-bottom:10px}

div#services {
	border:solid 2px #b1d5ff;
    background-color:#d3e7fe;
    padding:10px 20px;
    margin:30px 40px 0 20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}

p.services {
	margin:1.2em 0;
	color:#3378c7; 
	text-align:left;
	line-height:18px;
    /*font-family: Gentium, Gentium-IE, Verdana;*/
    font-size:10pt
}

.compare {width:250px; margin:0 auto; text-align:center; border:solid 1px #b1d5ff; font-size:13px; line-height:20px; font-family:Tahoma, Arial, Sans-Serif}
	.a-left {text-align:right}
	.a-center {text-align:center}
	.compare h2 {font-size:16px; color:#fe8a01; font-weight:bold; text-align:center}
	
div#footer {
	padding:10px 0; background-color:#e5e5e6;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:.4em	
}

div#footer div p {margin:5px}

.sites {width:200px; margin:0 auto; padding:10px; text-align:center; font-size:x-small; text-align:center; background-color:#e2e2e2; border:solid 1px #b1d5ff; line-height:16px}

/************************ Typography ***************/

.feature {font-size:x-small; font-family:Verdana, Arial, Sans-Serif; text-align:center}

.btn-submit {width:80px; height:22px; padding:0; border:none; cursor:pointer}
.btn-submit {background:url(/Images/btn-submit.gif) no-repeat top center}
.btn-prev {width:57px; height:31px; background:url(/Images/PC-Back.gif) no-repeat bottom right; cursor:pointer; border:none}
.btn-next {width:49px; height:31px; background:url(/Images/PC-Next.gif) no-repeat bottom right; cursor:pointer; border:none}
.form-left {text-align:right; font-size:14px; vertical-align:middle}
.form-right {text-align:left; font-size:14px}
.form-center {text-align:center; font-size:14px}

.inner-content {background-color:#fff; padding:20px 0}

p {
	font-family:"Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	margin:.2em 0;
	color:#545454; 
	text-align:left
}

.inner-copy p, .home-intro p, .top10 p {
	font-family:"Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size:15px;
	margin:20px 0;
	color:#545454; 
	text-align:left;
	line-height:24px;
	font-weight:normal
}

	.home-intro h2, .topten h3 {font-family:"Century Gothic", "Lucida Grande", Calibri, "Tahoma", Arial, Helvetica, Verdana, sans-serif; font-weight:600; font-size:16px; margin-top:24px; color:#fe8a01; text-align:left}

h1 {
	font-family:"Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size:22px;
	font-weight:normal;
	text-align:left;
	color:#2780da
}
	h1 img {margin:0; padding:0; border:0}

h2 { 
	font-family:"Century Gothic", "Tahoma", "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	margin-top:.8em;
	text-align:left;
	color:#545454
}

h3 {
	font:1.4em Verdana, Arial, sans-serif;
	margin-top:.8em;
	margin-bottom:.8em;
	color:#2780da
}

h4 {font:bold 14px Verdana, Arial, Sans-serif; margin:.8em auto; text-align:left; color:#2780da}

img {padding:0; margin:0; border:0}

.sm {font-size:12px; line-height:normal}
.xsm {font-size:.8em; line-height:1.2em}
.important {color:Red; font-weight:bold}
.blue {color:#6ca9f2}
/*.title {font-size:1.2em; color:#fe8a01; font-weight:bold}*/


.titlebar {
	font-size:13px;
	height:24px;
	color:#545454; 
	background-color:#aed2f3;
	font-weight:bold;
	text-align:center;
	padding:2px 5px;
	border:solid 1px #98cdfe
}
	
.img {padding:6px; border:solid 1px #d7e9fb}
.home-copy, .home-intro {margin:10px auto; padding:15px 40px}
.home-intro-r {margin:10px auto; padding:10px 30px}
.home-copy {background-color:#e7e7e7; border:solid 1px #99ccff}
.inner-copy, .top10 {margin:10px}
.home-intro-flash {width:250px; height:240px; display:block; margin:0 auto; text-align:center}
.copy-right {margin-top:30px; background:#e3e3e3 url(/images/right-top-corner.gif) no-repeat top left; padding-bottom:20px}

.gv {font-family:verdana, Arial, sans-serif; font-size:7pt; border:solid 1px #c4b48d; padding:1px 2px }
.gv1, .gv2 {text-align:center; padding:5px 5px; line-height:13px}
.gv1 {}
.gv2 {background-color:#e6f1fe }
.gvPics table td, .gvData table td, #gvLinks table td {padding:5px 5px; border:solid 1px #c4b48d}

.home-graphic {width:242px; height:112px; display:block}

	.home-intro ul, .inner-copy ul, .top10 ol {text-align:left; margin-left:20px}
	.home-intro li, .inner-copy li {
		list-style:none;
		background:url(/images/tick.gif) 0 5px no-repeat;
		line-height:16px;
		margin-top:.8em;
		padding-left:16px;
		font-size:.9em
	}
	
	.top10 li {
	    font-size:12px; 
	    color:#fe8a01; 
	    font-weight:bold;
	    /*list-style-type:decimal;*/
		line-height:16px;
		margin-top:.8em
	}
	
	p.desc  {margin:14px 0 30px 30px; line-height:23px}

div#features {
	text-align:center
}
div#features .title {font-weight:normal}
.web-design-intro, .website {display:none}

#copyright {
	width:100%;
	margin:0 auto;
	background-color:#333;
	font:xx-small Verdana, Arial, sans-serif;
	color:#9f9f9f;
	padding:10px 0;
	text-align:center
}
	#copyright h1 {width:100%; margin:0 auto; text-align:center; font:xx-small Verdana, Arial, sans-serif; color:#9f9f9f;}

div#appTitle{width:100%; margin:0 auto; background-color:#333; padding:5px 0; text-align:center}
div#appTitle h3{color:#9f9f9f}

img.resize{
    width:100px;
    height:72px;
    text-align:left;
    position:absolute;
	padding:5px; 
	background-color:#fff
}

.pre-hover {border:solid 3px #d5d5d5; z-index:0; -webkit-border-radius:5px; -moz-border-radius:5px}
.on-hover {border:solid 3px #f00; z-index:4; -webkit-border-radius:8px; -moz-border-radius:8px}


/************scrolling portfolio******************/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position:relative;
  width:100%;
  height:210px;
  margin:0 auto;
  text-align:center;
  /* Add scroll-bars  */
  overflow:auto
}
ul.sc_menu {
  display:block;
  height:210px;
  /* Max width here, for users without Javascript  */
  width:9000px;
  padding-left:15px;
  /* Remove default margin  */
  margin:0;
  background-color:#333;
  list-style:none
}
.sc_menu li {
  display:block;
  float:left;
  padding:0 4px;
}
.sc_menu a {
  display:block;
  text-decoration:none
}
.sc_menu span {
  display:none;
  margin-top:3px;
  text-align:center;
  font-size:12px;
  color:#e3e3e3
}
.sc_menu a:hover span {
  display:block
}
.sc_menu img {
  border:solid 5px #99ccff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px
}
.sc_menu a:hover img {
  filter:alpha(opacity=50);
  opacity:0.5
}

/***********Links**************/
a:link, a:visited {color:#8f6421; text-decoration:underline}
a:hover, a:active {color:#a2a2a2; text-decoration:none}
.home-copy a, .inner-copy a {font-style:italic; font-size:12px}

div#websites a:link, div#websites a:visited {font-style:normal; color:#5498e9; text-decoration:none}
div#websites a:hover, div#websites a:active {font-style:normal; color:#a2a2a2; text-decoration:underline}

a.feature:link, a.feature:visited {color:#ffba01; text-decoration:none}
a.feature:hover, a.feature:active {color:#fff; text-decoration:none}

div#features a:link, div#features a:visited {color:#5498e9; text-decoration:none}
div#features a:hover, div#features a:active {color:#a2a2a2; text-decoration:none}