@charset "utf-8";

/* CASCADE TEMPLATE */


/* GENERAL */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

body {
text-align: left;
font-family: "Lucida Sans Unicode", "Lucida Console", Arial;
font-size: 12px;
background: #ffffff;
line-height: 1.7em;
color: #666666;
margin: 0;
padding: 0;
position: relative;
}

#home-page {
background: url(../images/mainBG.png) repeat-x top center transparent;
position: relative;
}

#home-page #bodyWrap {
width: 960px;
height: auto;
margin: 0 auto;
padding: 0 10px 45px;
}

#home-page #ContentWrap {
padding: 10px 0 20px;
width: 960px;
}

#footerWrap {
background:  url(../images/footerBG.png) repeat-x scroll 0 0 #0c282b;
margin: 2em auto 0;
height: auto;
}

a {
text-decoration: none;
color: #518990;
}

a:hover {
text-decoration: none;
color: #c3d9dc;
}

/* END GENERAL */

/* TYPOGRAPHY */

h1 {
color: #0f3539;
font-size: 36px;
font-weight: bold;
line-height: 20px;
}

h2 {
color: #0f3539;
font-size: 28px;
font-weight: bold;
line-height: 40px;
}

h3 {
color: #0f3539;
font-size: 22px;
font-weight: bold;
line-height: 38px;
}

h4 {
color: #0f3539;
font-size: 18px;
font-weight: bold;
line-height: 28px;
}

h5 {
color: #0f3539;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}

h6 {
color: #0f3539;
font-size: 10px;
font-weight: normal;
line-height: 18px;
}

li {
list-style: none;
}

/* END TYPOGRAPHY */


/* HEADER */

#header {
height: 120px;
width: 960px;
}

#logo h1, #logo h1 a {
text-indent: -9999px;
height: 100%;
width: 100%;
display: block;
}

#logo {
background: url(../images/logo.png) no-repeat 0 0;
margin-left: -5em;
margin-top: 0px;
float: left;
display: block;
height: 116px;
width: 380px;
}

/* END HEADER */

/* NAVIGATION BAR */

#navWrap {
position:relative;
width: 960px;
height: 62px;
margin-top: 4em; 
border: 1px solid #7caab1;
background: url(../images/navBG.jpg) repeat-x;
-moz-border-radius: 10px 10px 10px 10px;
}

#navWrap .selected {
color: #16383d;
}

/* NAVIGATION BAR */

/* SLIDER */

div.wrap {
width : 960px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 960px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#slider {
margin : 0em 0em;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}

div#slider div#slide-holder {
z-index : 40;
width : 960px;
height : 299px;
position : absolute;
}
div#slider div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 940px;
height : 280px;
overflow : hidden;
position : absolute;
border: 1px solid #7caab1;
}
div#slider div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slider div#slide-holder div#slide-controls {
left : 0;
bottom : 5px;
width : 940px;
height : 46px;
display : none;
position : absolute;
background : url(../images/slide-bg.png) 0 0;
}
div#slider div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#slider div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#slider div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color: #ffffff;
}
div#slider div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#slider div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(../images/silde-nav.png);
}
div#nav ul li a {
background : url(../images/nav.html) no-repeat;
}

#sliderWrap {
position: relative;
width: 960px;
height: 300px;
margin-top: 2em; 
border: 1px solid #7caab1;
background: url(../images/sliderBG.png) repeat-x;
-moz-border-radius: 10px 10px 10px 10px;
}

/* END SLIDER */

/* CONTENT */

#ContentWrap {
width: 960px;
height: auto;
}

#ContentWrap p {
padding-bottom: 2em;
padding-left: 1em;
}

#ContentWrap #subLine {
height: 80px;
margin: -2em auto 3em;
border: 1px solid #7caab1;
background: #011719;
-moz-border-radius: 10px 10px 10px 10px;
color: #70a1a8;
}

#subLine h2 {
color: #ffffff;
padding: 18px 20px;
height: 80px;
width: 900px;
background: url(../images/sublineBG.png) no-repeat 20px top;
overflow: hidden;
font-weight: normal;
}

#subLine h2.sub-page {
color: #ffffff;
padding: 8px 20px;
height: 80px;
width: 900px;
background: url(../images/sublineBG.png) no-repeat 20px top;
overflow: hidden;
font-weight: normal;
}

#ContentWrap #subLine p {
margin-top: -48px;
padding-left: 22px;
}

#ContentWrap .homeItem {
width: 290px;
border-right: 1px dotted #dddddd;
border-bottom: 0px dotted #dddddd;
padding-right: 10px;
padding-left: 15px;
float: left;
}

.homeItem img{
margin: 1em auto;
border: 0px solid #7caab1;
width: 128px;
}

.homeItem p {
padding-left: 0em;
}

.homeItem small{
float: right;
text-align: center;
background: #0c282b;
width: 100px;
margin-top: 2em;
color: #ffffff;
border: 1px solid #7caab1;
-moz-border-radius: 10px 10px 10px 10px;
}

.homeItem small:hover{
background: #356167;
}

#full-width {
width: 960px;
height: auto;
}

#full-width p {
padding-bottom: 2em;
padding-left: 1em;
}

#full-width h3 {
padding-left: 0.5em;
}

#full-width img {
width: 940px;
margin-bottom: 2em;
padding-left: 1em;
}

.port-row {
float:left;
height:auto;
margin-bottom:30px;
overflow:visible;
width:100%;
}

.portfolio-item {
width: 300px;
height: auto;
float: left;
margin-right: 1em;
margin-bottom: 2em;
}

.portfolio-item h2 {
padding-left: 0.4em;
}

.portfolio-item img {
margin: 1em;
border: 1px solid #7caab1;
width: 290px;
height: 150px;
}

.portfolio-item small{
float: right;
text-align: center;
background: #0c282b;
width: 100px;
color: #ffffff;
border: 1px solid #7caab1;
-moz-border-radius: 10px 10px 10px 10px;
}

.portfolio-item small:hover{
background: #356167;
}

/* CONTACT FORM */

#contact-warp {
float: left;
height: auto;
margin-bottom: 10px;
margin-left: 1em;
text-align: left;
width: 260px;
}

.message {
background:none repeat scroll 0 0 #ffffff;
border:1px solid #c3d9dc;
color:#CC6600;
display:none;
float:left;
height:auto;
padding:10px;
width:500px;
}

#contact-warp p.label {
float: left;
margin: 0;
width: 260px;
font-size: 12px;
padding: 0;
}

#contact-warp .special {
display: none;
}

#contact-warp input {
border: 1px solid #c3d9dc;
float: left;
font-size: 12px;
margin-bottom: 5px;
padding: 5px;
width: 260px;
}

#contact-warp textarea {
border: 1px solid #c3d9dc;
float: left;
font-size: 12px;
margin-bottom: 10px;
padding: 5px;
width: 350px;
}

#contact-warp input.submit {
background: #0f3539;
border: 1px solid #0f3539;
color: #FFFFFF;
cursor: pointer;
float: left;
height: auto;
padding: 5px;
text-transform: uppercase;
width: auto;
}

#contact-warp input.submit:hover {
background: #356167;
border: 1px solid #0f3539;
}

/* END CONTACT FORM */

#mainColumn {
width: 630px;
float: left;
}

#mainColumn h1 {
padding-left: 0.2em;
}

#mainColumn h2 {
padding-left: 0.3em;
}

#mainColumn h3 {
padding-left: 0.5em;
}

#mainColumn h4 {
padding-left: 0.7em;
}

#mainColumn h5 {
padding-left: 1.2em;
}

#mainColumn h6 {
padding-left: 1.5em;
}

#mainColumn ol, ul {
padding-left: 3.5em;
margin-bottom: 1em;
}

#mainColumn ol li {
list-style: decimal; 
}

#mainColumn ul li {
list-style: disc; 
}

#mainColumn #first-post {
margin-top: -2em;
}

.post {
border-bottom: 1px solid #0c282b;
padding: 2em 0;
}

.post small {
padding-left: 1em;
font-weight: bold;
}

.post small.more {
text-align: center;
padding: 0.1em 1em;
font-size: 11px;
background: #0c282b;
color: #ffffff;
border: 1px solid #7caab1;
-moz-border-radius: 10px 10px 10px 10px;
font-weight: normal;
}

.post small.more:hover{
background: #356167;
}

.post img {
width: 620px;
margin: 1em 0em 1em 1em;
}

#post-nav {
width: 630px;
margin-top: 3em;
}

#post-nav .old{
float: left;
}

#post-nav .new{
float: right;
}

#sidebar {
width: 260px;
float: right;
}

.subNav {
margin-bottom: 2em;
}

.subNav p {
padding: 0.5em 0em;
}

.subNav ul {
padding: 0;
}

.subNav li {
padding: 1em 0.5em;
border-bottom: 1px solid #356167;
width: 230px;
}

.subNav li:hover {
background: #0f3539;
}

.subNav img {
padding: 0.2em 0;
}

.clear {
clear: both;
font-size: 0;
height: 0;
line-height: 0;
width: 0;
}


/* END CONTENT */

/* FOOTER */

#footer {
width: 960px;
height: 350px;
margin: 3em auto 0;
padding: 40px;
}

#footer .footerItem {
float: left;
width: 170px;
margin-right: 3em;
margin-bottom: 3em;
}

#footer .footerItem h3 {
color: #ffffff;
}

#footer .footerItem ul {
padding: 0;
}

#footer .footerItem li {
border-bottom: 1px solid #356167;
padding-top: 1em;
}

#footer .footerItem li:hover {
border-bottom: 1px solid #ffffff;
}

#footerContainer {
background: #011719;
height: 60px;
border-top: 1px solid #356167;
margin-top: -4.5em;
color: #70a1a8;
}

#footerNav {
width: 960px;
margin: 0 auto;
}

#footerNav ul {
width: auto;
margin: 0;
}

#footerNav ul li {
padding: 0 1em;
margin-top: 1.5em;
float: right;
display: block;
}

.copyright {
line-height: 57px;
margin:0;
}

/* Twitter */

#footerItemt {
width: 310px;
margin-top: -10px;
float: right;
border: 1px solid #7caab1;
-moz-border-radius: 10px 10px 10px 10px;
padding: 10px 10px;
background: url(../images/tweetBG.png) repeat-x #97c8cf;
}

#footerItemt ul {
padding: 0;
}

#footerItemt h3 {
color: #ffffff;
}

.tweet {
padding-top: 1em;
width: 310px;
float: right;
}

#twitterbird {
position: absolute;
margin-top: 205px;
margin-left: 900px;
}

.tweet, .query {
color: #16383d;
}

.tweet .tweet_list, .query .tweet_list {
list-style-type: none;
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {

}

.tweet .tweet_list li, .query .tweet_list li {
overflow-y: auto;
overflow-x: hidden;
padding: .5em; 
}

.tweet .tweet_list li a, .query .tweet_list li a {
color: #ffffff; 
}

.tweet li:hover {
background: #97c8cf;
}

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
padding-right: .5em;
float: left; 
}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
vertical-align: middle; 
}

/* END FOOTER */