/*
 * blue: #1cafe3
 * gold: #F4C62B
 * green: #C3CE3D
 * orange: #E3713A
 */

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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

.clear { clear:both; }

body { text-align:center; background: transparent url(../images/topbar-fill-blue.png) repeat-x top left; }
body { font-family: 'Nobile', arial, serif; font-size: 12px; font-weight:normal; color: #7E7E7E; }

a { text-decoration:underline; color: #479ECD; }
a:hover { text-decoration:none; }

.blue { background-color: #1cafe3; }
.gold { background-color: #f4c62b; }
.green { background-color: #c3ce3d; }
.orange { background-color: #e3713a; }

h2 { color: #A7AAAB; font-family: 'Nobile', arial, serif; font-style: italic; font-weight:bold; font-size:20px; margin: 0 0 10px 0; line-height:1em; }

h3#subnav-links a { color: #FF8A05; }

#outer { text-align:left; width: 1020px; margin: 0 auto; min-height:300px; }
#content { width:960px; margin: 25px auto; }
#footer { background: #d2dce5; min-height:200px; padding-top:30px; }

#footer .social-icons { float:left; width: 175px; }
#footer .social-icons ul { list-style:none; margin: 0 0 0 60px; }
#footer .social-icons ul li { margin:0; padding:0 10px 0 0; display:inline; }
#footer p { margin:0 60px 10px 190px; text-align:right; }
#footer table tr td a { text-transform: uppercase; font-weight:bold; }

#powered-by { text-align:right; padding: 10px 10px 0 0; }

#top-bar { width:1020px; height: 30px; background: transparent url(../images/topbar-blue.png) no-repeat; }

#navbar { margin-top:22px; }
#navbar #logo { }

#nav { position:absolute; top:70px; left:520px; list-style:none; width:600px; }
#nav li { display:inline; padding-top:40px; }
#nav li a { font-family: 'Nobile', arial, serif; font-weight:bold; font-size: 12px; padding:0 3px; text-transform:uppercase; color: #51abe0; text-decoration:none;  }
#nav li.active { border-bottom: 2px solid #479DCD; }

#sub-nav { color: #7e7e7e; font-size: 1.2em; font-weight:bold; margin-bottom:25px; } 
#sub-nav a { color: #7e7e7e; } 

div.col2 div.col { width:480px; float:left; } 
div.col4 div.col { width:240px; float:left; }
div.col2 .inner, div.col4 .inner { padding: 0 20px 5px 10px; }
div.col2 h2, div.col4 h2 { color: #7E7E7E; font-size:14px; }

div.col2 .video { width: 560px; float:left; }
div.col2 .video-right { margin-left: 575px; }

div.bar { border-top: 1px solid #7E7E7E7; }

/* HOME */
#ad-bar { padding-top:15px; width:100%; min-height:237px; background: transparent url(../images/ad-bar.png) no-repeat; }
#ad-bar .block1 { marign-right:15px; margin-left:136px; width: 590px; float:left; }
#ad-bar .block1 h2 { color:#5cbae8; }
#ad-bar .block2 { margin-left:635px; }

#home-intro-bar { margin-bottom:15px; }
#home-intro-bar .block1 { float:left; width: 490px;}
#home-intro-bar .block2 { margin-left: 510px; padding-top:15px; }
#home-intro-bar .block2 h2 { color: #e3713a; }

/* APPS */
#app-left, #app-right { padding:0;margin:0; width:480px; float:left; }
#app-left div, #app-right div { padding-bottom:15px; }
#app-left img, #app-right img { float:left; width:90px; height:65px; }
#app-left p, #app-right p { margin-left: 100px; padding:0;  }

/* #app-header { background: transparent url(../images/app-header.png) no-repeat top center; } */


/* Blog */
.blog-area { }
.blog-left { width: 600px; float:left; }
.blog-left h2 { color: #C3CE3D; }
.blog-right { margin-left: 630px; }
.blog-right h2 { color: #C3CE3D; font-size:14px;  }
.blog-roll ul { list-style:none; }
.blog-roll ul li { padding-left: 5px; }
.blogListPost h2 a, .blogListPost h2, #blogBody h2 { color: #C3CE3D; }
#blogBody h4 { font-size: 12px; }
#blogBody { font-size: 12px; }


/* Content Inner */
#contact-left h2, #contact-right h2 { color: #E3713A; }
#contact-left { width:470px; float:left; }
#contact-right { margin-left: 510px; }

#contact-notice { border: 1px solid #E3713A; background: #FFD3BD; text-align:center; font-weight:bold; font-size: 1.3em; padding: 25px 0; }

#about-staff div { margin-bottom: 15px; clear:both; }
#about-staff img { float:left; width:158px; }
#about-staff p { margin-left: 200px; width:480px; }

#about-clients ul { list-style:none; margin-left:0px; }
#about-clients ul li { margin:0; padding:0; display:inline; }

.social-bookmarks { list-style:none; padding: 10px 0 10px 45px; border-top: 1px solid #ace; border-bottom: 1px solid #ace; }


#blogBody .social-bookmarks li a { text-decoration:none; }
#blogBody .social-bookmarks li a:hover { text-decoration: underline; }
.social-bookmarks li { display:inline; }
.social-bookmarks img { vertical-align: middle; }

#content #col-left { width: 440px; float:left; }
#content #col-right { margin-left:460px; }
