/*
--------------------------
RESET STYLES
--------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;
outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/*
--------------------------
LAYOUT
--------------------------
*/


body {background-color: #eaeaea; font: 14px/16px "Lucida Grande", Tahoma, sans-serif; color: #31323b; line-height: 140%;}

#header {background: url(images/header_bground.jpg) 0 0 repeat-x; color: #3f4048; height: 92px; border-bottom: 2px solid #fff;}

#gallery {background: url(images/bground.jpg) 0 500px repeat-x; height: 100%;}
#main {margin: 30px 0;}

#content {width: 640px; margin-left: 10px; color: #454545;}
#sidebar {float: right; position: relative; top: 20px; width: 189px; padding: 22px 18px 18px 18px; background: url(images/sidebar_bground.jpg) #e3e3e3; -moz-border-radius: 12px; 
-webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 0 18px rgba(255,255,255,.4); -moz-box-shadow: 0 0 18px rgba(255,255,255,.4); 
box-shadow: 0 0 18px rgba(255,255,255,.4); font-size: 11px;}

#contact-box {float: left; position: relative; top: 20px; width: 600px; padding: 22px 18px 18px 18px; background: url(images/sidebar_bground.jpg) #e3e3e3; -moz-border-radius: 12px; 
-webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 0 18px rgba(255,255,255,.4); -moz-box-shadow: 0 0 18px rgba(255,255,255,.4); 
box-shadow: 0 0 18px rgba(255,255,255,.4); font-size: 11px;}

#footer {background-color: #5fa6c9; border-top: 2px solid #eaeaea; height: 150px; color: #fff;}
#copyright {background-color: #31323b; color: #fff; font-size: 12px; padding: 12px 0 24px 0;}
#slidecontainer {height: 500px; margin: 25px auto 0 auto; padding-bottom: 3px; width:960px;}

.wrapper {margin: 0 auto; width: 960px; text-align: left;}
.footer-content {width: 100%; text-align:center;}

.slides {height: 500px; margin-top: 72px; padding-bottom: 150px;}
.feature {text-align: center;}
.quote {float: left; position: relative; top: -192px; left: 396px; }
.arrow {position: relative; top: 220px;}

.col1 {width: 270px; margin: 15px 30px 0 0; background: url(images/divider.png) 268px 0 no-repeat; height: 130px;}
.col2 {width: 300px; margin: 15px 30px 0 0; background: url(images/divider.png) 328px 0 no-repeat; height: 130px; padding-right: 30px;}
.col3 {width: 300px; margin: 15px 0 0 0;}

.col1 p {margin: 12px 0 0 50px;}
.col2 p {margin: 12px 0 0 73px;}
.col3 p {margin: 12px 0 0 67px;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/*
--------------------------
TYPE
--------------------------
*/

h1 {background: url(images/logo.png) 0 0 no-repeat; position: relative; float: left; top: 1.2em; padding: 0; margin: 0; display: block; height: 72px; width: 287px; text-indent: -9999px;}
h1 a {display: block; width: 100%; height: 100%; outline: none;}

/*h2 {padding-bottom: 1.5em;}*/
h2.about {background: url(images/about.png) 0 0 no-repeat; text-indent: -9999px; width: 222px; height: 36px;padding-bottom: 1.5em;}
h2.contact-us {background: url(images/contact-us.png) 0 0 no-repeat; text-indent: -9999px; width: 235px; height: 36px;padding-bottom: 1.5em;}
h2.services {background: url(images/services.png) 0 0 no-repeat; text-indent: -9999px; width: 300px; height: 36px;padding-bottom: 1.5em;}
h2.framework {background: url(images/baseball-framework.png) 0 0 no-repeat; text-indent: -9999px; width: 298px; height: 27px;padding-bottom: 1.5em;}
h2.history {background: url(images/proven-history.png) 0 0 no-repeat; text-indent: -9999px; width: 219px; height: 32px;padding-bottom: 1.5em;}
h2.custom {background: url(images/custom-development.png) 0 0 no-repeat; text-indent: -9999px; width: 326px; height: 33px;padding-bottom: 1.5em;}

/* sub headers */
h2.members {background: url(images/our-members.png) 0 0 no-repeat; text-indent: -9999px;}
h2.mobile {background: url(images/mobile-development.png) 0 0 no-repeat; text-indent: -9999px;}
h2.web {background: url(images/web-applications.png) 0 0 no-repeat; text-indent: -9999px;}
h2.consulting {background: url(images/consulting.png) 0 0 no-repeat; text-indent: -9999px;}

h3.twitter {background: url(images/twitter.png) 0 0 no-repeat; text-indent: -9999px; width: 221px; height: 40px;}
h3.twitter a {display: block; width: 100%; height: 100%; outline: none;}
h3.work {background: url(images/work.png) 0 0 no-repeat; text-indent: -9999px; width: 169px; height: 51px;}
h3.contact {background: url(images/contact.png) 0 0 no-repeat; text-indent: -9999px; width: 178px; height: 40px;}
h3.projects {background: url(images/projects.png) 0 0 no-repeat; text-indent: -9999px; width: 129px; height: 13px;}

h4 {color: #4f97ba;}

h5, h6 {}

p {padding-bottom: 1em;}

em, i {font-style: italic;}

strong, b {font-weight: bold;}

a:link, a:visited {color: #5fa6c9;}
a:active, a:hover{}

#footer a:link, a:visited {color: #d5e2ea;}
#footer a:active, #footer a:hover {color: #fff;}

#sidebar a:linkg, a:visited {color: #3399cc;}
#main a:link, a:visited {color: #3399cc;}

/*
--------------------------
MAIN NAVIGATION
--------------------------
*/


#nav {position: relative; float: right; height: 15px; width: 375px;  right: 4px; top: 56px; list-style: none; display: inline; overflow: hidden;}
#nav li {display: inline;}

ul#nav li a {display: block; float: left; height: 15px; margin-left: 0px; background-image: url(images/menu.png); text-indent: -9999px;}
ul#nav li a.about {width: 69px; background-position: 0 0;}
ul#nav li a.services {width: 75px; background-position: -69px 0;}
ul#nav li a.portfolio {width: 79px; background-position: -144px 0;}
ul#nav li a.news {width: 75px; background-position: -223px 0;}
ul#nav li a.contact {width: 75px; background-position: -298px 0;}

ul#nav li a.aboutcurrent {width: 75px; background-position: 0 -15px;}
ul#nav li a.servicescurrent {width: 75px; background-position: -69px -15px;}
ul#nav li a.portfoliocurrent {width: 79px; background-position: -144px -15px;}
ul#nav li a.newscurrent {width: 75px; background-position: -223px -15px;}
ul#nav li a.contactcurrent {width: 75px; background-position: -298px -15px;}

ul#nav li a.about:hover, ul#nav li a.about:focus {background-position: 0 -15px;}
ul#nav li a.services:hover, ul#nav li a.services:focus {background-position: -69px -15px;}
ul#nav li a.portfolio:hover, ul#nav li a.portfolio:focus {background-position: -144px -15px;}
ul#nav li a.news:hover, ul#nav li a.news:focus {background-position: -223px -15px;}
ul#nav li a.contact:hover, ul#nav li a.contact:focus {background-position: -298px -15px;}



/*
--------------------------
SUB NAVIGATION
--------------------------
*/


#subnav {position: relative; float: left; list-style: none; display: block;}
#subnav li {display: block;}
#subnav li a {background: #5fa6c9; color: #fff; font-size: 13px; text-transform: uppercase; text-decoration: none; padding: 5px 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


/*
--------------------------
IMAGES
--------------------------
*/

#sidebar img {padding: 24px 0 0 0;}


/*
--------------------------
FORMS
--------------------------
*/

label {display: block;}
button, textarea, input, select {display: inline;}