/*
Author:Jerry Rose
Twitter:@jerryallenrose
Author URL:www.joyfi.com
Date:19 APR 2012
*/

/*--------------------------
RESET
---------------------------*/
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, 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, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, section, summary, 
time, mark, audio, video{margin:0; padding:0}
article, aside, details, figcaption, figure, footer, 
header, hgroup, section{display:block}

table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, dfn, th, var{font-style:normal; font-weight:normal}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}
abbr, acronym{border:0}

/*--------------------------
FONT-FACE
---------------------------*/


ROOT
---------------------------*/
ul, ol{margin:0 0 1.5em 20px; line-height:1.5em}
ul ul, ol ol, ul ol, ol ul{margin:0 0 0 20px}
dl{margin-bottom:1.5em}
dt{font-weight:bold}
dt:after{content:":"}
dt::after{content:":"}
dd{margin-left:60px}
q, i, em, cite{font-style:italic; font-weight:inherit}
b, strong{font-weight:bold; font-style:inherit}
mark{background:#ffc}
s, del{text-decoration:line-through}
small{font-size:0.75em; line-height:1}
abbr, acronym{font-style:italic; cursor:pointer; color:#777; cursor:help;}
pre, code{font-family:monospace; font-size:1.1em}
pre{overflow:auto; margin-bottom:1.5em; line-height:20px; /* Having to define explicit pixel values:( */}
code{line-height:1}
blockquote{text-indent:-0.4em; margin-left:0.4em; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic;}
blockquote p{line-height:1.5; color:#5c5c5c;}
blockquote b, blockquote .source{margin-top:20px; display:block; text-indent:0; color:#888}
p{margin-bottom:1.5em; color:#5a5a5a;}
pre, p, ul, ol{	margin-bottom:20px; }
figcaption{ color:#ccc9c3; font-size:12px; text-align:center; }

/*--------------------------
LAYOUT
---------------------------*/
html{ overflow-y:scroll; font-size:100%; font-family:Arial,Helvetica,sans-serif; line-height:1.5; background:#0e0e0e; color:#f2f2f2; }
body{ min-height:100%; background:#0e0e0e; float:left; width:100%; font-size:.8125em; color:#5a5a5a;}

#left-border,#right-border{ top:0;bottom:0; width:10px} 
#left-border{left:0} #right-border{right:0} 
#top-border,#bottom-border{ left:0;right:0; height:10px} 
#top-border{top:0} #bottom-border{bottom:0}
:focus {outline: 0; }
.center{ max-width:978px; margin:0 auto; padding:0 50px; top:50px;}
#home{ padding-top:50px; }
.content{padding:135px 0 70px 0;}
section #intro{ font-family:"PodkovaRegular", Times, serif; color:#e1e1e1; font-size:2em; line-height:1.2; text-align:center; margin-bottom:1.5em; }
.recent-blog .columns h2, .about-us .columns h2{ margin-bottom:0px!important;}
.recent-blog .meta, .about-us .position{ margin-bottom:1.25em; font-style:italic; color:#333;  font-family:"PodkovaRegular", Times, serif }
.recent-blog .meta span{ color:#575454;}
.person{ float:left; margin-right:20px;}
.name-position{ margin-bottom:1.5em; float:left;}
#slider_wrap{max-width:100%; margin:0 auto; padding:0 0px; position:relative; clear:both;  padding-bottom:34px; }
#recent-project{margin-bottom:2.5em;}
.title_header img{ float:left; margin-right:10px;}
.footer{ text-align:center;}
#header{position:fixed; top:-15px;  padding:10px 0px 20px 0px; border-bottom: 3px solid #4d4d4d; background: #222 url(../images/arch.png) repeat-x bottom left; width:100%; text-align:center; z-index:77; margin-bottom:6.5em; }

/*--------------------------
HEADINGS
---------------------------*/
h1, h2, h3, h4 , h5, h6{margin-bottom:2em;  font-family:"PodkovaRegular", Times, serif;color:#f6f6fb; }
h1{font-size:2em; color:#f6f6fb;}
h2{ font-size:1.375em; }
h3{color:#fff; font-size:1.296em;}
h4{ font-size:1.234em;}
.title{ background:url(../images/stripe_bg.gif) repeat-x center left; font-size:1.1em; text-align:center; width:100%; text-shadow: 0 2px 0px rgba(0, 0, 0, 1); color:#898989; margin-bottom:2em}
.title span{ background:#0e0e0e; padding:0 20px; font-family:"PodkovaRegular", Times, serif; text-transform:uppercase;}

h7{ font-size:12px; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif
}




/*--------------------------
COLUMNS
---------------------------*/
.columns{width:100%; float:left; margin-bottom:1.25em;}
.one_half{width:48.5%}
.one_third{width:31.3%}
.two_third{width:65.64%}
.one_fourth{width:22.69%;}
.three_fourth{width:74.2%}
.one_fifth{width:16.8%}
.one_sixth{width:14%}
.two_fifth{width:37.6%}
.three_fifth{width:58.4%}
.four_fifth{width:67.2%}
.five_sixth{width:82.67%}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{position:relative; margin-right:3.1%; float:left; margin-bottom:2.25em}
.last{margin-right:0 !important; clear:right;}

/*--------------------------
GLOBAL
---------------------------*/
.clear{ clear:both; }
.float_left { float:left; }
.float_right { float:right; }
.transform_uppercase { text-transform:uppercase; }
.icon_left { float:left; margin:-7px 20px 0 0; }
.margin_right {	margin-right:40px;	margin-bottom:20px; }
.img_left { margin-right:20px; margin-bottom:5px;float:left; }
.img_right { margin-left:20px; margin-bottom:5px; float:right; }
.image_shadow {	-moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000;	box-shadow:0px 0px 5px #000; }
.highlight{	background:#1e1818;	color:#747069;}
.check_style{ padding:0; margin:0 0 20px 0; }
.check_style li{ background:url(../images/check.png) no-repeat left .4em; padding-left:20px; list-style:none; }



.grid {   width: 100%;  clear:both;  margin-left: auto; margin-right: auto; }
h8  {color:#cccccc;font-size:9px; }
h9  {color: #767676;font-size: 6px; }