<!--CSS for Ailan Corp Website by WaGooh Graphics & Web Design, LLC-->
@charset utf-8;

html { 
height:100%;
margin: 0 0 1px;
padding:0;
}


body {
background:#c4ccdf url(images/page2.png) no-repeat center top;
color:#C4CCDF;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
}

a {
outline:none;
}

#wrapper {
height:100%;
position:relative;
width:898px;
margin:0 auto;
}

#header {
height:174px;
width:898px;
}

#logo {
left:26px;
position:absolute;
top:15px;
}

#phone {
font-size:32px;
font-weight:700;
height:50px;
position:absolute;
right:26px;
text-align:right;
top:15px;
width:300px;
color:#7c8db2;
}

#nav {
height:34px;
position:absolute;
right:26px;
text-align:right;
top:110px;
width:500px;
}

#nav ul li {
display:inline;
text-align:right;
}

#sidebar {
float:left;
list-style-type:none;
width:239px;
margin:0;
padding:0;
}

#info {
float:left;
width:608px;
color:#607094;
padding:10px 36px 0 15px;
}

#col1 {
float:left;
width:279px;
padding:15px 0 15px 15px;
font-size:13px;
}

#col2 {
float:left;
width:279px;
padding:15px 0 15px 25px;
font-size:13px;
}
#col1 p, #col2 p {
margin-bottom:20px;
}

.infoh3 {
font-family:Tahoma, serif;
color:#fda63f;
font-weight:600;
font-size:16pt;
text-align:center;
margin:0 0 25px;
}

.modh3 {
font-family:Tahoma, serif;
color:#fda63f;
font-size:14pt;
text-align:left;
font-weight:500;
margin:0 0 10px;
border-bottom:1px dotted #999;
}

.modp {
margin:0 0 45px 45px;
}

.infoquote {
color:#000;
font-size:13pt;
font-style:italic;
margin-bottom:25px;
}
#form {
width:500px;
margin:0 auto;
}
#form a {
color:#607094;
text-decoration:none;
}
#form a:hover {
text-decoration:underline;
}

.bold {
font-style:italic;
color:#fda63f;
font-weight:700;
}

ol li {
padding:0 0 15px;
}

#sidebar ul li {
display:block;
list-style-type:none;
margin:0;
padding:0;
}

.product {
background:url(images/product.gif) no-repeat;
display:block;
height:53px;
text-align:left;
text-decoration:none;
width:212px;
}

a.product:link,a.product:visited,a.product:active {
background:url(images/product.gif) no-repeat;
text-indent:-9999px;
}

.benefits {
background:url(images/benefits.gif) no-repeat;
display:block;
height:53px;
text-align:left;
text-decoration:none;
width:212px;
}

a.benefits:link,a.benefits:visited,a.benefits:active {
background:url(images/benefits.gif) no-repeat;
text-indent:-9999px;
}

.modules {
background:url(images/modules.gif) no-repeat;
display:block;
height:53px;
text-align:left;
text-decoration:none;
width:212px;
}

a.modules:link,a.modules:visited,a.modules:active {
background:url(images/modules.gif) no-repeat;
text-indent:-9999px;
}

.demonstration {
background:url(images/demonstration.gif) no-repeat;
display:block;
height:53px;
text-align:left;
text-decoration:none;
width:212px;
}

a.demonstration:link,a.demonstration:visited,a.demonstration:active {
background:url(images/demonstration.gif) no-repeat;
text-indent:-9999px;
}

.testimonials {
background:url(images/testimonials.gif) no-repeat;
display:block;
height:53px;
text-align:left;
text-decoration:none;
width:212px;
}

a.testimonials:link,a.testimonials:visited,a.testimonials:active {
background:url(images/testimonials.gif) no-repeat;
text-indent:-9999px;
}

#topcontent {
height:424px;
width:898px;
margin:0;
padding:0;
}

#benefit {
background:url(images/sprite_1.png) no-repeat;
background-position:-10px -10px;
height:58px;
position:absolute;
text-indent:-9999px;
top:174px;
width:898px;
margin:0 auto;
}

#benefit2 {
background:url(images/benefit2.png) no-repeat;
height:58px;
position:relative;
text-indent:-9999px;
width:898px;
margin:0 auto;
}

#content {
background:url(images/contentback.png) repeat-y;
height:100%;
margin-top:58px;
width:898px;
}

#contentbottom {
background:url(images/sprite_1.png) no-repeat;
background-position:-10px -162px;
height:21px;
width:898px;
}

#contentbottom2 {
background:url(images/contentbottom2.png) no-repeat;
height:24px;
width:898px;
}

#page2 {
background:url(images/back2.png) repeat-y;
height:auto;
overflow:hidden;
position:relative;
width:898px;
}

.learnmore {
background:url(images/sprite_1.png) no-repeat;
background-position:-10px -88px;
height:54px;
left:550px;
position:absolute;
text-decoration:none;
text-indent:-9999px;
top:275px;
width:201px;
z-index:1;
margin:0;
padding:0;
}

a.learnmore:link,a.learnmore:visited,a.learnmore:active {
background:url(images/sprite_1.png) no-repeat;
background-position:-10px -88px;
}

a.learnmore:hover {
background-position:-211px -88px;
}

.textboxright,.textboxright2 {
color:#414f6d;
float:right;
font-family: 'Arial', sans-serif;
font-size:17px;
height:240px;
width:350px;
}

.textboxright {
margin:20px 30px 0 0;
}

.textboxright2 {
margin:30px 30px 0 0;
}

.textboxright h2 {
font-family:'Gill Sans MT', sans-serif;
font-size:18pt;
font-weight:700;
line-height:normal;
}

.demo {
float:left;
height:280px;
width:320px;
margin:20px 10px 0 30px;
}

a.thickbox img {
border:1px solid #666;
}

#clients {
clear:both;
height:275px;
top:656px;
width:812px;
padding:0 43px;
}

#quote {
color:#fda63f;
font-family:Tahoma, Geneva, sans-serif;
font-size:16pt;
height:55px;
width:755px;
margin:0 auto;
padding:0 0 25px;
}

.alignright {
text-align:right;
}

.alignleft {
text-align:left;
}

.center {
text-align:center;
margin:0 auto;
}

#cleft {
background:url(images/quotes.png) no-repeat top left;
float:left;
height:275px;
width:406px;
}

#cright {
float:left;
height:275px;
width:406px;
}

#quotes,.quotes {
color:#515151;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13pt;
font-style:italic;
}

#quotes {
height:200px;
margin-top:10px;
width:356px;
padding:0 0 0 25px;
}

#author {
font-weight:600;
text-align:right;
font-size:13pt;
}

.author {
font-weight:600;
color:#FDA63F;
float:right;
font-size:12pt;
margin:0 15px 0 0;
text-align:right;
margin:0 0 25px 0;
width:100%;
border-bottom:1px dotted #999;
padding:0 0 25px 0;
}

.testspace {
clear:both;
margin:0 20px 0 15px;
}

ul.tabs {
background:url(images/tab.png) repeat-x;
border-top:1px solid #999;
bottom:0;
color:#fff;
float:left;
height:55px;
list-style-position:outside;
list-style-type:none;
position:absolute;
font:12pt Arial, Helvetica, sans-serif;
font-weight:600;
margin:0;
padding:0;
}

ul.tabs li {
background:#e0e0e0 url(images/tab.png)repeat-x;
border-bottom:2px solid #cbcbcb;
border-right:1px solid #cbcbcb;
border-top:1px solid #cbcbcb;
float:left;
height:55px;
line-height:55px;
overflow:hidden;
position:relative;
width:211px;
margin:-1px 0 0;
padding:0;
}

ul.tabs li a {
border:1px solid #fff;
display:block;
font-size:1.2em;
outline:none;
text-align:center;
text-decoration:none;
padding:0 10px;
}

ul.tabs li a:hover {
background:url(images/tab2.png) repeat-x;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
background:url(images/tab2.png) repeat-x;
border-top:1px solid #fff;
}

.tab_container {
clear:both;
color:#414f6d;
float:left;
font-family:'Gill Sans MT Condensed', sans-serif;
font-size:18pt;
height:424px;
left:1px;
overflow:hidden;
position:absolute;
top:232px;
width:852px;
padding:0 26px;
}

.tab_content {
font-size:1.2em;
}

#tab1 {
background:url(images/2.jpg) no-repeat top left;
height:424px;
}

#tab2 {
background:url(images/tab3.jpg) no-repeat top left;
height:424px;
}

#tab3 {
height:424px;
}

#tab4 {
background:url(images/tab14.jpg) no-repeat top left;
height:424px;
}

ul.tabs li a.tab4b {
font-size:1em;
height:47px;
line-height:normal;
padding-top:8px;
}

#footer {
bottom:0;
clear:both;
height:100px;
text-align:center;
width:812px;
margin:0 auto;
padding:0 43px;
}

#footer2 {
background:url(images/contentbottom2.png) no-repeat;
clear:both;
height:24px;
position:relative;
width:898px;
margin:0 auto;
}

a.product,a.benefits,a.modules,a.demonstration,a.testimonials {
float:right;
}

a.product:hover,a.benefits:hover,a.modules:hover,a.demonstration:hover,a.testimonials:hover,body#productpage #sidebar ul li a.product,body#benefitspage #sidebar ul li a.benefits,body#modulespage #sidebar ul li a.modules,body#demonstration #sidebar ul li a.demonstration,body#testimonials #sidebar ul li a.testimonials {
background-position:-212px 0;
}

.tab1b,.tab2b,.tab3b,.tab4b {
color:#163954;
}

p,h3 {
margin:0;
}

#fnav {
margin:0 auto;
color:#8f9cba;
font-size:12px;
text-align:center;
}

#fnav ul, #fnav ul a {
list-style-type:none;
text-align:left;
text-decoration:none;
color:#8f9cba;
font-size:12px;
margin:0 auto;
text-align:center;
}
#fnav ul li {
	display:inline;
}
#fnav ul a:hover {
text-decoration:underline;
}
.footnavline {
margin:0 15px 0 15px;
}
.rollover {
display: block;
width: 140px;
height: 19px;
background: url(images/sprite_1.png) no-repeat;
background-position:-10px -203px;
text-indent: -9999px;
text-decoration: none;
float:right;
}

a {
outline: none;
}

a.rollover:link, a.rollover:visited, a.rollover:active {
background: url(images/sprite_1.png) no-repeat;
background-position:-10px -203px;
}
 
a.rollover:hover {
background-position: -150px -203px;
}