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

* {margin:0; padding:0;}
body {background:url(../images/page-bg.jpg) repeat-x center top #000000 fixed; color:#fff; font-family:Tahoma, Arial, Helvetica, sans-serif;}
html, body {height:100%;}
a {cursor:pointer; text-decoration:none;}

/************************* HEADER RULES *************************/
#header {background:url(../images/aspire-logo.png) no-repeat 20px 30px; width:980px; height:108px; margin:0 auto; clear:both;}
#header p {color:#fff; float:right; padding:42px 33px 0 0; font-size:1.5em;}
#menu {width:980px; height:42px; background:#000; margin:0 auto; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; clear:both; overflow:hidden; margin-bottom:24px;}
#menu ul {list-style-type:none; margin-left:15px;}
#menu ul li {float:left; padding:12px 33px 10px 12px; text-transform:uppercase; font-weight:bold; font-size:0.9em; background:url(../images/navDivider.png) right top no-repeat; }
#menu ul li a {color:#fff; display:block;}
#menu ul li a:hover, #menu ul li a.active {color:#6699ff;}

/************************* CONTENT RULES *************************/
#container {width:980px; margin:0 auto; min-height:80%; padding-bottom:15px; overflow:hidden;}
.slides {background:#000; width:580px; padding:18px 29px; float:left;}
.about {background:#000; filter:alpha(opacity=100); -moz-opacity:100; -khtml-opacity:100; opacity:100; width:270px; height:421px; padding:20px; float:right;}
.about h1 {color:#6699ff; font-size:1em; margin-bottom:15px;}
.about p {color:#fff; font-size:0.9em; line-height:1.3em;}
.about p span {display:block; margin-top:10px; font-weight:bold;}
.about p span a {color:#ff9933;}
.about p span a:hover {color:#6699ff;}
.about ul {list-style-type:none; margin-top:15px;}
.about ul li {padding:0 33px 8px 26px; text-transform:capitalize; font-weight:bold; font-size:0.9em; background:url(../images/arrow.png) left no-repeat; }
.about ul li a {color:#fff;}
.about ul li a:hover {color:#6699ff;}
#elements {width:980px; overflow:hidden; color:#ccc;}
.uniqueness {width:210px; padding:20px 20px 20px 0; float:left;}
.uniqueness h2 {margin:10px 0; font-size:0.9em; font-weight:bold; color:#6699ff;}
.uniqueness p {font-size:0.8em; line-height:1.3em;}
.uniqueness p span {display:block; margin-top:6px;}
.uniqueness p span a {color:#ffcc33;}
.uniqueness p span a:hover {color:#6699ff;}
.services {width:210px; padding:20px 20px 20px 0; float:left; margin-left:20px;}
.services h2 {margin:10px 0; color:#ffcc66; font-size:0.9em; font-weight:bold;}
.services p {font-size:0.8em; line-height:1.3em;}
.services p span {display:block; margin-top:6px;}
.services p span a {color:#ffcc33;}
.services p span a:hover {color:#6699ff;}
.products {width:210px; padding:20px 20px 20px 0; float:left; margin-left:20px;}
.products h2 {margin:10px 0; font-size:0.9em; color:#9966cc; font-weight:bold;}
.products ul {list-style-type:none;}
.products ul li {font-weight:normal; font-size:0.8em; list-style-type:circle; list-style-position:inside;}
.products p {font-size:0.8em; margin-top:6px; line-height:1.3em;}
.products p a {color:#ffcc33;}
.products p a:hover {color:#6699ff;}
.contact {width:210px; padding:20px 20px 20px 0; float:left; margin-left:20px;}
.contact h2 {margin:10px 0; font-size:0.9em; color:#999; font-weight:bold;}
.contact p {font-size:0.8em; line-height:1.3em;}
.contact p a {color:#ffcc33;}
.contact p a:hover {color:#6699ff;}

/************************* FOOTER RULES *************************/
#footer {width:980px; background:#000; margin:0 auto; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; clear:both; overflow:hidden; position:relative;}
#contact-info {width:250px; float:left; margin:25px 15px;}
#contact-info h3 {color:#6699ff; font-size:0.9em; text-transform:uppercase;}
#copyrights {width:650px; float:right; margin:25px 15px; padding-top:26px;}
#footer ul {list-style-type:none; float:right;}
#footer ul li {float:left; padding:0 10px 5px 4px; text-transform:capitalize; font-weight:normal; font-size:0.8em;}
#footer ul li a {color:#fff; display:block;}
#footer ul li a:hover {color:#6699ff;}
#footer p {font-size:0.8em; color:#999; float:right; padding-top:15px; padding-right:10px;}
#footer p a {color:#6699ff; text-decoration:none;}
#footer p a:hover {color:#666; text-decoration:none;}

/************************* INSIDE PAGE RULES *************************/
.content {background:#000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; width:580px; padding:18px 29px; float:right;}
.content h1 {color:#6699ff; font-size:1em; margin-bottom:15px;}
.content h2 {color:#FF9900; font-size:0.9em; margin-bottom:5px;}
.content h3 {color:#6699ff; font-size:0.8em;}
.content ul {list-style:none; margin-bottom:15px;}
.content ul li {padding-left:25px; font-size:0.9em; background:url(../images/bullet.png) no-repeat 5px 5px;}
.content p {color:#fff; font-size:0.9em; line-height:1.3em; margin-bottom:15px;}
.content p+p {padding-top:5px;}
.content img {float:right; margin-left:15px;}
.lnb {background:#000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; width:200px; padding:20px; float:left;}
.lnb h1 {color:#6699ff; font-size:1em; margin-bottom:15px;}
.lnb p {color:#fff; font-size:0.9em; line-height:1.3em;}
.lnb p span {display:block; margin-top:10px; font-weight:bold;}
.lnb p span a {color:#ff9933;}
.lnb p span a:hover {color:#6699ff;}
#sub-menu {list-style-type:none; text-transform:capitalize;}
#sub-menu li a {color:#fff;}
#sub-menu li a:hover, #sub-menu li a.active {color:#6699ff;}
#sub-menu li {background:url(../images/arrow.png) no-repeat 0 5px; padding-left:20px; padding-bottom:10px;}
#sub-menu li ul {list-style:none; margin-top:6px;}
#sub-menu li li {background:url(../images/bullet.png) no-repeat 0 5px; font-size:90%; padding-bottom:4px; font-weight:normal;}
#sub-menu li li a {color:#ff9933;}
#sub-menu li li a:hover, #sub-menu li li a.active {color:#fff;}
.gal {background:#000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; float:right; width:675px; padding:20px; margin:0 auto;}
.gal h1 {color:#6699ff; font-size:1em; margin-bottom:15px;}
.gal img {margin-right:23px; margin-bottom:15px; width:200px; height:150px;}
.gal a img {border:solid 0px #6699ff;}
.gal p span {display:block; margin-top:6px; float:right; margin-right:10px;}
.gal p span a {color:#000; background:#00CCFF; padding:2px 6px; font-size:0.8em;}
.gal p span a:hover {color:#fff; background:#000;}
.galdiv {width:285px; background:#333; margin-left:25px; float:left; margin-bottom:25px;}
.galdiv img {width:285px; height:200px; margin-bottom:10px;}
.galdiv p {padding:10px 10px 0;}
.galdiv h2 {padding:10px 10px;}
.galdiv h2 a {color:#FF9900; text-decoration:none;}
.galdiv h2 a:hover {color:#fff; text-decoration:none;}
.galdiv p span {display:block; margin:10px 0;}
.galdiv p span a {color:#6699ff; background:#000; padding:4px;}
.galdiv p span a:hover {color:#000; background:#fff;}


/************************* INSIDE BLUE BOX RULES *************************/
#insidebox { width:975px; background:#000; overflow:hidden; margin:0 auto; margin-bottom:10px;}
#insidebox p { margin:20px; line-height:20px; font-size:0.9em; letter-spacing:0.05em;}
#insidebox img { margin:6px 3px 0 5px;}

#insidebluebox { width:930px; background:#003366; overflow:hidden; margin:0 auto; border: 1px solid #336699; padding:20px; margin-bottom:20px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;}
#insidebluebox p { margin:20px;}
#insidebluebox img { margin:6px 3px 0 7px;}

#insidesmallbox1 { width:450px; overflow:hidden; margin:0 auto; float:left; border-right:1px solid #006699;}
#insidesmallbox1 p { margin:10px; font-size:0.9em; line-height:19px; }
#insidesmallbox1 p a {color:#00CCFF; text-decoration:none;}
#insidesmallbox1 p a:hover {color:#00FF99; text-decoration:none;}
#insidesmallbox1 img { margin:6px 3px 0 7px;}
#insidesmallbox1 h2 {color:#33ccff; font-size:0.9em; margin-bottom:5px; padding-left:20px;}
#insidesmallbox1 ul {list-style:none; margin: 10px 0 15px 15px; line-height:20px;}
#insidesmallbox1 ul li {padding-left:25px; font-size:0.9em; background:url(../images/bullet.png) no-repeat 5px 5px;}

#insidesmallbox2 { width:450px; overflow:hidden; margin:0 auto; float:right;}
#insidesmallbox2 p { margin:10px; font-size:0.9em; line-height:20px; }
#insidesmallbox2 p a {color:#00CCFF; text-decoration:none;}
#insidesmallbox2 p a:hover {color:#00FF99; text-decoration:none;}
#insidesmallbox2 img { margin:6px 3px 0 7px;}
#insidesmallbox2 h2 {color:#33ccff; font-size:0.9em; margin-bottom:5px; padding-left:10px;}
#insidesmallbox2 ul {list-style:none; margin: 10px 0 15px 15px; line-height:20px;}
#insidesmallbox2 ul li {padding-left:25px; font-size:0.9em; background:url(../images/bullet.png) no-repeat 5px 5px;}

#insidesmallbox3 { width:930px; overflow:hidden; margin:0 auto; float:left; border: 1px  dashed #336699; background: #000033;}
#insidesmallbox3 p { margin:20px; font-size:0.9em; line-height:20px; letter-spacing:0.05em;}
#insidesmallbox3 p a {color:#00CCFF; text-decoration:none;}
#insidesmallbox3 p a:hover {color:#00FF99; text-decoration:none;}
#insidesmallbox3 img { margin:6px 3px 0 7px;}
#insidesmallbox3 h2 {color:#33ccff; font-size:0.9em; margin-bottom:5px; padding-left:20px; margin-top:20px;}

#insidesmallbox4 { width:450px; overflow:hidden; margin:0 auto; float:left; border: 1px  dashed #336699; background: #000033;}
#insidesmallbox4 p { margin:20px; font-size:0.9em; line-height:20px; letter-spacing:0.05em;}
#insidesmallbox4 p a {color:#00CCFF; text-decoration:none;}
#insidesmallbox4 p a:hover {color:#00FF99; text-decoration:none;}
#insidesmallbox4 img { margin:6px 3px 0 7px;}
#insidesmallbox4 h2 {color:#33ccff; font-size:0.9em; margin-bottom:5px; padding-left:20px; margin-top:20px;}

.left-pad {padding-left:20px;}
.viewmore { text-align:right; padding-right:30xp;}
