* { margin:0; padding:0; }

body{
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
color: #444444;
background: #DDDDDD url('../img/bg.png') no-repeat fixed center center;
}

img {
border:none;
}

h1 {
font-weight: 700;
font-size: 25px;
}

h2 {
font-weight: 400;
font-size: 15px;
line-height: 25px;
}

h3 {
font-weight: 700;
font-size: 13px;
}

p {
font-weight: 300;
font-size: 13px;
line-height: 20px;
}


a{
color:#ee2e24;
text-decoration: none;
-webkit-transition: color 200ms ease-in;
-moz-transition: color 200ms ease-in;
-o-transition: color 200ms ease-in;
transition: color 200ms ease-in;
}

a:hover {
color: #851b16;
}

hr {
color: #BBBBBB;
background-color: #BBBBBB;
height: 1px;
border: none;
}

#logo {
position: fixed;
bottom: 7px;
right: 20px;
}

#container {
width: 960px;
margin: 0px auto;
margin-top: 100px;
}

#copy {
margin-top: 20px;
}

#left_col {
width: 700px;
float: left;
}

#right_col{
width: 200px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #999999;
float: right;
}

#left_contact {
width: 500px;
float: left;
}

#right_contact{
width: 400px;
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #999999;
float: right;
}

#left_portfolio {
width: 100px;
float: left;
}

#right_portfolio{
width: 820px;
float: right;
margin-top: 25px;
}

#left_portfolio ul{
list-style: none;
padding: 0px;
}

.filter a{
color: #444444;
font-weight: 300;
font-size: 13px;
line-height: 22px;
-webkit-transition: color 200ms ease-in;
-moz-transition: color 200ms ease-in;
-o-transition: color 200ms ease-in;
transition: color 200ms ease-in;
}

.filter a:hover, .current a {
color: #ee2e24;
}

/* Portfolio Items */
.portfolio li { 
float: left; 
margin-right: 40px; 
margin-bottom: 2em; 

 
list-style: none;}
.portfolio li:nth-child(3n) { margin-right: 0; }
.portfolio a { display: block; text-decoration: none; }
.portfolio p {margin-top: 5px;}
.portfolio img { width: 210px; height: 130px; display: block; -moz-box-shadow: 0 5px 5px -3px #222; 
-webkit-box-shadow: 0 5px 5px -3px #222; 
box-shadow: 0 5px 5px -3px #222; }

#navigation {
	position:absolute;
	top: 50%;
	left: 50%;
	width:210px;
	height:210px;
	margin-top: -105px; /*set to a negative number 1/2 of your height*/
	margin-left: -105px; /*set to a negative number 1/2 of your width*/
}

img.nav_image {
margin-right: 32px;
}


#Txt {
width:210px;
height:27px;
font-weight: 700;
font-size: 12px;
letter-spacing: 2px;
text-align: center;
padding-top: 5px;
}

a.nav {
-webkit-transition: opacity 200ms ease-in;
-moz-transition: opacity 200ms ease-in;
-o-transition: opacity 200ms ease-in;
transition: opacity 200ms ease-in;
}

a:hover.nav {
opacity: 0.75;
}

#second_navigation {
position: fixed;
bottom: 10px;
left: 0px;
padding: 10px;
font-weight: 700;
font-size: 10px;
letter-spacing: 2px;
background-color: #ee2e24;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px
}

#second_navigation a {
color: #851b16;
text-decoration: none;
-webkit-transition: color 200ms ease-in;
-moz-transition: color 200ms ease-in;
-o-transition: color 200ms ease-in;
transition: color 200ms ease-in;
}

#second_navigation a:hover {
color: #FFFFFF;
}

#second_navigation a.active {
color: #FFFFFF;
}

#second_navigation ul {
list-style: none;
}

#breaking-news {
	position:absolute;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	top: 50%;
	left: 50%;
	width: 780px;
	height: 580px;
	margin-left: -390px; /*set to a negative number 1/2 of your width*/
	margin-top: -290px; /*set to a negative number 1/2 of your height*/
}

#breaking-news h1 {
	font-weight: 700;
	font-size: 32px;
	-webkit-text-stroke: 0.4px;
}

#breaking-news p {
	font-size: 22px;
	line-height: 30px;
	-webkit-text-stroke: 0.2px;
}

#breaking-news ul {
	list-style: dot;
}

#breaking-news ul li {
	margin-left: 50px;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 400;
	-webkit-text-stroke: 0.2px;
}

#see-our-work-button a {
	display: block;
	width: 130px;
	height: 32px;
	background: url("../img/Button-See-Our-Work.png") 0 0 no-repeat;
	margin-right: 25px;
}

#see-our-work-button a:hover {
	background-position: -132px 0;
}

#get-in-touch-button a {
	display: block;
	width: 130px;
	height: 32px;
	background: url("../img/Button-Get-In-Touch.png") 0 0 no-repeat;
	margin-right: 25px;
}

#get-in-touch-button a:hover {
	background-position: -132px 0;
}

#enter-site-button a {
	display: block;
	width: 130px;
	height: 32px;
	background: url("../img/Button-Enter-Site.png") 0 0 no-repeat;
	margin-right: 25px;
}

#enter-site-button a:hover {
	background-position: -132px 0;
}