@charset "utf-8";

/*=RESET BROWSER DEFAULTS
=== === === === === === === === === === */

.left { float: left; }

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; }
a { color: #777; text-decoration: none; }
/*a { color: #4b85c4; text-decoration: none; }*/
a:hover { color: #0ca418; /*color: #516b7d;*/ }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*=STRUCTURE
=== === === === === === === === === === */

body { 	line-height: 1; color: #022433; background: #aeaeae; font-family: "Lucida Sans", Verdana, sans-serif; font-size: 62%; text-align: center; }

#wrapper { text-align: center; margin: 0 auto; width: 946px; background: #aeaeae; }

#backLeft { float: left; width: 58px; height: 529px; background: url(/images/backLeft.png) no-repeat; }
#backRight { float: right; width: 58px; height: 529px; background: url(/images/backRight.png) no-repeat; }

#middle { width: 830px; margin: 0 auto; text-align: left; }

#header { position: relative; height: 120px; background: #e2e2e2 url(/images/header_bg.gif) no-repeat }
#header .logo { position: absolute; top: 17px; }
#header #nav { position: absolute; top: 80px; right: 0; background: #ddd; height: 27px; width: 433px; }

#nav #home { position:absolute; top: 3px; left: 5px; width: 43px; }
#nav #about { position: absolute; top: 3px; left: 80px; width: 80px; }
#nav #portfolio { position: absolute; top: 3px; left: 193px; width: 89px; }
#nav #contact {  position: absolute; top: 3px; left: 315px; width: 93px; }
#nav #home:hover { border-bottom: 3px solid #a5b1b8; } 
#nav #about:hover { border-bottom: 3px solid #a5b1b8; } 
#nav #portfolio:hover { border-bottom: 3px solid #a5b1b8; }
#nav #contact:hover { border-bottom: 3px solid #a5b1b8; }  


#skyline { background: #232427 url(/images/window.png) no-repeat }
#window { height: 295px; }

/*#sides { background: url(/skyline/images/footer_overflow.gif) no-repeat bottom }*/

.left { float: left; width: 511px; margin-left: 24px; }
.right { float: right; width: 256px; margin-right: 24px; }

.tab-lT256 { background: url(/images/lightTop-256.png) no-repeat; height: 10px;}
.tab-lB256 { background: url(/images/lightBottom-256.png) no-repeat; height: 10px;}
.tab-lT300 { background: url(/images/lightTop-300.png) no-repeat; height: 10px;}
.tab-lB300 { background: url(/images/lightBottom-300.png) no-repeat; height: 10px;}
.tab-lT511 { background: url(/images/lightTop-511.png) no-repeat; height: 10px;}
.tab-lB511 { background: url(/images/lightBottom-511.png) no-repeat; height: 10px;}
.tab-lT782 { background: url(/images/lightTop-782.png) no-repeat; height: 10px;}
.tab-lB782 { background: url(/images/lightBottom-782.png) no-repeat; height: 10px;}

.darkTop { background: url(/images/darkTop.png) no-repeat; height: 10px;}
.darkBottom { background: url(/images/darkBottom.png) no-repeat; height: 10px;}
.lightTop { background: url(/images/lightTop.gif) no-repeat; height: 10px; }
.lightBottom { background: url(/images/lightBottom.gif) no-repeat; height: 10px; }

.tab { background: #e2e2e2; }

h1, h2 { font-family: Arial, Helvetica, sans-serif; }

.contents { position: relative; padding: 0 18px 8px 18px; background: #e2e2e2;}
.contents .list {background: url(/images/arrowUpL.png) no-repeat right; }
.contents .listf {background: url(/images/smallFlameLogo.png) no-repeat right; }
.contentsDark { position: relative; padding: 0 18px 8px 18px; background: #232426; }
.contentsDark .list {background: url(/images/arrowDownD.png) no-repeat right; }

.contents h1 { color: #516b7d; letter-spacing: .2em; }
.contents h2 { color: #516b7d; letter-spacing: .2em; }
.contents h1 { font-size:1.7em; font-weight:bold; }
.contents h1 span { color: #aeaeae; }
.contents h2 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }

.contentsDark h1 { color: #fff; letter-spacing: .2em; }
.contentsDark h2 { color: #e8e8e8; letter-spacing: .2em; }
.contentsDark h1 { font-size:1.7em; font-weight:bold; }
.contentsDark h1 span { color: #aaa; }
.contentsDark h2 { font-size: 1.2em; font-weight: normal; text-transform: uppercase; }

.list-b li { list-style-type: circle; line-height: 1.85em; }
.checks li { list-style: none; padding-left: 22px; background: url(/images/checks.png) no-repeat left center; }

.textHolder { margin: 12px 0 5px 0; padding-bottom: 10px; border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; }

.contents .textHolder { color: #516b7d;}
.contentsDark .textHolder { color: #dadada; }

.contents p a{ /*background-color: #143246;*/  }
/*.contents p a:hover{ background-color: #516b7d; }*/

.textHolder p { margin-top: 10px; font-size: 1.4em; line-height: 1.32em; }
.textHolder span { font-weight: bold; }

.textHolder ul { margin-top:  8px; }
.textHolder li { padding-top: 4px; padding-bottom: 4px; font-size: 1.4em; font-weight: normal; }
 
#featured { margin-top: 11px; width: 465px; height: 136px; border: 5px solid #a5b1b8; }
#featured:hover { border-color: #919da3; }
.featuredSmall { float: left; margin: 8px 7px 8px 18px; width: 65px; height: 65px; background: #a5b1b8; border: 5px solid #a5b1b8 }
.featuredSmall:hover { border-color: #919da3; }
/*#transition { height: 365px }*/

#news { height: 261px; margin-top: 11px; overflow:hidden; } 
#news a { font-weight: bold; }
#news h3 { font-weight: bold; font-size: 1.4em; margin-bottom: 6px; }
#news p { font-size:1.25em;  line-height: 1.5em; }
.a1 { background: #dedede; padding: 5px 8px; border: dashed 1px #aaa; margin-bottom: 5px;  }
.a1 h4 { font-weight: bold; font-size: 1em; margin-bottom: 3px; color: #555;}
.a1 p { color: #5a5a5a; margin-left: 0px; padding: 0 0 0 25px; background: url(/images/info.png) no-repeat; }
.a { background: #143246; padding: 10px 8px; }
.a h3 { color: #fff; }
.a a {color: #f0f0f0;}
.a p { color: #d2d2d2; }
.b { background: #dedede; padding: 10px 8px; }
.b h3 { color: #232427;}
.b a { color: #5a5a5a; }
.b p { color: #5a5a5a; }

#newsControls { position: absolute; top:0; right: 18px; width: 52px; height: 28px; text-align: center; }
#newsControls img { margin: 0; padding: 0; }
/*#newsControls a { padding: 10px; background: url(/skyline/images/up.gif) }*/
#up { /*background: url(/skyline/images/up.gif);*/ width: 13px; height: 17px; }
#down { /*background: url(/skyline/images/down.gif);*/ width: 13px; height: 17px; }

#footer { position: relative; clear: both; height: 200px; background: #3f4043 url(/images/grass.gif) no-repeat; }
#footer #copyright { font-size: 1.2em; color: #ddd; position: absolute; right: 48px; top: 176px; }
#footer #terms { font-size: 1.2em; color: #ddd; position: absolute; top: 176px; left: 48px;} 
#footer #terms a:hover { color: #fff;}

#lookDown { width: 37px; height: 173px; background: url(/images/lookDown.png) no-repeat; }

.clear { clear: both; }
.spacer { height: 4px; font-size: 0px; line-height: 0px; }
.largeSpacer { height: 35px; }
.yas { height: 25px; }
#bigSpacer { height: 32px; }

/*=HOME PAGE
=== === === === === === === === === === */

#intro { margin: 12px 0 5px 0; padding-bottom: 10px; border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae; }
#intro p { color: #516b7d; margin-top: 10px; font-size: 1.4em; line-height: 1.32em; }
#intro p span { text-transform: uppercase; font-weight: bold; }

/*=COMPANY PAGE
=== === === === === === === === === === */

/*=SERVICES PAGE
=== === === === === === === === === === */

#servicesLeft { width: 511px; margin-left: 24px; }
.servicesRight { float: right; color: #fff; margin-right: 34px; width: 246px; }
.servicesRight .contentsDark { height: 180px; }

/*=PORTFOLIO PAGE
=== === === === === === === === === === */

.pCenter { margin-left: 24px; margin-right: 24px; }

/*=CONTACT PAGE
=== === === === === === === === === === */

#contactLeft { width: 246px; margin-left: 24px; }
.contactRight { float: right; color: #fff; margin-right: 34px; width: 511px; }
.OmegaSpacer { height: 280px;}

/*=MISC
=== === === === === === === === === === */
.l { float: left;}
.r { float: right; }

.center { text-align: center; }