/*************************************

Universal Settings

*************************************/

body {

background : #d7d7d7 url(images/bg-home.jpg) repeat-x center top;

color : #777;

font-family : "Arial", Helvetica, sans-serif;

font-size : 12px;

line-height : 15px;

margin : 0;

padding : 0;

text-align : center;

}

#wrap {

margin : 0 auto;

text-align : justify;

width : 980px;

padding : 0;

}

#content {

background : url(images/content-bg.jpg) no-repeat left top;

font-size : 1.2em;

float : left;

padding-top : 30px;

padding-left : 40px;

padding-right : 30px;

width : 539px;

border-right : 0px solid #616262;

}

/*************************************

Typography & General Styles

*************************************/

h1, h2, h3, h4, h5 a{

font-family : "Arial", Helvetica, sans-serif;

color: #ff9300;

text-align : left;

text-transform: uppercase;

margin: 5px 0;

}

h5 {

font-weight: normal;

}

h1, h2, h3, h4, h5 a:hover {

color: #aaa;

}

h1 {

font-size : 24px;

line-height : 26px;

}

h2 {

font-size : 18px;

line-height : 20px;

}

h3 {

color: #ff9300;

font-size : 14px;

line-height : 16px;

}

h4 {

color: #ff9c00;

font-size : 12px;

line-height : 14px;

}

h5 {

font-size : 11px;

line-height : 12px;

margin: 7px 3px;

text-align: left;

}

a {

text-decoration : none;

color: #999;

}

a:hover {

text-decoration : none;

color: #bbb;

}

a img {

border : none;

}

ul li {

list-style-type : none;

}

.thumbnail {

border : 1px solid #444;

float : left;

margin : 0 15px 15px 0;

}

.meta-data {

font-size : 11px;

line-height : 15px;

color: #aaa;

position : relative;

float : left;

width : 100%;

text-transform : uppercase;

padding : 0 0 0 1px;

margin: 5px 0;

}

.floatleft {

float : left;

}

.floatright {

float : right;

}

.clear, .cleared {

clear : both;

}

.seperator {

margin: 20px 0;

border-bottom : 1px solid #626262;

}

/*************************************

Header & Logo

*************************************/

#header {

background : url(images/header-bg.jpg) no-repeat left top;

height : 150px;

padding : 0;

margin : 0;

}

.logo img {

float : left;

width : 300px;

height : 90px;

padding-top : 39px;

padding-left : 40px;

border : none;

}

/*************************************

Top Navigation Columns

*************************************/

#top-nav-wrapper {

width : 480px;

height : 120px;

padding : 0;

margin : 20px 30px 0 0;

float : right;

display : block;

}

#top-nav-wrapper ul {

padding : 0;

margin: 5px 0;

width : 140px;

}

#top-nav-wrapper ul li {

border-bottom : 1px solid #c6c6cc;

padding : 1px 5px;

}

.column-one {

width : 150px;

float : left;

padding : 5px;

}

.column-two {

width : 150px;

float : left;

padding : 5px;

}

.column-three {

width : 150px;

float : left;

padding : 5px;

}

/*************************************

Home Slider Styles

*************************************/

#main {

background : url(images/slider-bg.jpg) no-repeat left top;

position : relative;

overflow : hidden;

height : 475px;

font-size: 11px;

}

#pages {

position : absolute;

height : 800px;

}

.page {

padding : 30px 0;

height : 500px;

width : 980px;

}

.scrollable {

position : relative;

overflow : hidden;

width : 900px;

height : 475px;

margin : 0 auto;

}

.scrollable .items {

width : 20000em;

position : absolute;

clear : both;

}

.item {

float : left;

cursor : pointer;

width : 900px;

height : 300px;

}

.item img {

border : 1px solid #616262;

}

#bottom {

background : url(images/home-bottom-bg.jpg) no-repeat left top;

position : relative;

overflow : hidden;

height : 170px;

margin-top : 1px;

padding : 0 40px;

}

#main_navi {

background : #333;

width : 900px;

height : 66px;

padding : 0 !important ;

margin : 0 auto !important ;

border-top : 2px solid #c6c6cc;

border-bottom : 2px solid #c6c6cc;

}

#main_navi li {

background-color : #ffffff;

height : 65px;

padding : 0 0 1px 0;

width : 180px;

cursor : pointer;

list-style-type : none;

float : left;

}

#main_navi li:hover {

background-color : #c6c6cc;

}

#main_navi li.active {

background-color : #ffffff;

}

#main_navi img {

float : left;

margin-right : 10px;

}

#main_navi strong {

display : block;

}

#main div.navi {

margin-left : 250px;

cursor : pointer;

}

/*************************************

Post Styles

*************************************/

.entry {

margin-bottom : 15px;

}

.entry img {

border: 1px solid #555;

}

.entrybody {

margin : 15px 0;

}

.entrymeta {

font-size : 11px;

padding : 5px 0 0 0;

}

/*************************************

Sidebar Styles

*************************************/

#sidebar {

background : url(images/sidebar-bg.jpg) no-repeat right top;

font-size : 12px;

float : right;

padding-top : 30px;

padding-right : 40px;

padding-left : 30px;

width : 300px;

margin: 0;

}

#sidebar h4 {

margin : 20px 0 10px 0;

padding : 10px;

font-size : 12px;

line-height: 14px;

font-weight: bold;

background: #222;

}

#sidebar ul {

list-style-type : none;

margin : 0;

padding : 0;

font-size : 11px;

}

#sidebar ul li {

background : url(images/list-bg.png) no-repeat left;

border-bottom : 1px solid #404040;

margin-bottom : 0.3em;

padding : 3px 3px 3px 20px;

}

#sidebar ul li:hover {

background : url(images/list-bg-over.png) no-repeat left;

}

#ad-300 {

	width: 300px;

	float: left;

}

/*************************************

Comments Styles

*************************************/

.commentsblock {

width : 539px;

margin : 15px 0;

padding : 0;

}

.commentsblock textarea {

width : 539px;

background : #555;

}

.commentsblock input, .commentsblock textarea {

background : #555;

border : 1px solid #777;

}

.commentsblock textarea:focus {

background : #ddd;

border : 1px solid #555;

}

.commentsblock textarea:focus, .commentsblock input:focus {

background : #ddd;

border : 1px solid #555;

}

.commentauthor {

display : block;

font-size : 1.5em;

}

ol.commentlist {

color : #888;

font-size : 0.9em;

list-style-type : none;

margin : 0;

margin-top : 1.5em;

padding : 0;

}

.commentlist li {

margin-bottom : 0.5em;

padding : 0.5em 1em;

}

.alt {

background : #222;

border : 1px solid #333;

padding : 0.5em;

}

/*************************************

Portfolio Styles

*************************************/

#portfolio-container {

background : url(images/slider-bg.jpg) no-repeat left top;

float : left;

padding-top : 40px;

padding-left : 40px;

padding-right : 40px;

margin : 0;

width : 900px;

height : 450px;

list-style-type : none;

clear : both;

text-align: center;

}

.portfolio-thumbnail {

background : #252525;

border : 1px solid #555;

float : left;

width : 158px;

height : 100px;

margin : 0 5px 10px 5px;

padding : 5px;

overflow : hidden;

display : block;

}

#portfolio-title {

background : url(images/portfolio-header.jpg) no-repeat left top;

width : 900px;

height: 50px;

padding : 35px 0 20px 100px;

margin: 0;

float : left;

text-align : left;

display : block;

font-size : 35px;

text-transform : uppercase;

font-family: "Arial Black", Arial, Helvetica, sans-serif;

font-weight: bold;

color: #999;

}

#category-title {

width : 600px;

padding : 50px 0;

height : 100px;

float : right;

text-align : left;

display : block;

font-size : 35px;

text-transform : uppercase;

}



/*************************************

Services Page Navigation Tabs

*************************************/

#nav {

display : block;

height : 66px;

width : 900px;

margin : 0 auto;

}

#nav ul {

width : 900px;

padding : 0;

margin : 0 auto;

display : block;

}

#nav li {

border-right : 1px solid #222;

float : left;

list-style-type : none;

text-align : center;

}

#nav a {

display : block;

position : relative;

word-spacing : -2px;

font-size : 11px;

height : 66px;

text-decoration : none;

}

#nav a.current {

background : #333;

}

#nav img {

border : none;

display : block;

float : left;

}

#nav strong {

display : block;

font-size : 13px;

}

#panes {

background : url(images/slider-bg.jpg) no-repeat left top;

width : 980px;

min-height : 450px;

padding-left : 40px;

padding-top : 25px;

position : relative;

font-size: 11px;

}

#panes div {

display : block;

position : absolute;

width : 900px;

}

#panes img {

border : 1px solid #616262;

float : right;

margin-bottom : 15px;

}

#panes textarea {

width : 798px;

height : 75px;

background : #555;

border : 1px solid #777;

}

#panes input {

background : #333;

border : 1px solid #777;

}

#panes textarea:focus {

background : #ddd;

border : 1px solid #555;

}

#panes textarea:focus {

background : #ddd;

border : 1px solid #555;

}

#panes input:focus {

background : #ccc;

border : 1px solid #555;

}

#panes select {

background : #333;

color: #999;

border : 1px solid #777;

}

#panes select:focus {

background : #111;

color: #aaa;

border : 1px solid #777;

}

.more {

font-weight : bold;

}

.overlay {

display : none;

width : 900px;

padding : 20px;

}

/*************************************

Full Width Page Styles

*************************************/

#fullwidth-container {

background : url(images/slider-bg.jpg) no-repeat left top;

float : left;

font-size : 12px;

padding-top : 30px;

padding-left : 40px;

padding-right : 40px;

margin : 0;

width : 900px;

height: auto;

list-style-type : none;

clear : both;

}

#fullwidth-container img {

border : 1px solid #616262;

float : right;

margin-bottom : 15px;

}

#fullwidth-container textarea {

width : 900px;

height : 75px;

background : #555;

}

#fullwidth-container input {

background : #ffffff;

border : 1px solid #c4c2c2;

}

#fullwidth-container textarea {

background : #ffffff;

border : 1px solid #c4c2c2;

}

#fullwidth-container textarea:focus {

background : #ffffff;

border : 1px solid #c4c2c2;

}

#fullwidth-container textarea:focus {

background : #ffffff;

border : 1px solid #c4c2c2;

}

#fullwidth-container input:focus {

background : #ffffff;

border : 1px solid #c4c2c2;

}

#fullwidth-container select {

background : #ffffff;

color: #7c7b7b;

border : 1px solid #c4c2c2;

}

#fullwidth-container select:focus {

background : #ffffff;

color: #c4c2c2;

border : 1px solid #c4c2c2;

}

/*************************************

Footer

*************************************/

#footer {

background : #f7f7f7;

height : 35px;

clear : both;

font-size : 11px;

margin-top : 15px;

padding-top : 25px;

border-top : 0px solid #444;

text-align: left;

}

.notices {

width: 900px;

margin: 0 auto;

text-align: left;

}

.notices img{

float: right;

margin-top: 5px;

}

/*************************************

Twitter Feed on Homepage

*************************************/

#twitter-feed {

background : url(images/news.png) no-repeat left top;

font-family : Arial, Helvetica, sans-serif;

font-size : 12px;

width : 850px;

float : left;

padding : 0 0 0 20px;

margin-top : 20px;

}

#twitter_div ul {

list-style-type : none;

}

#twitter_div li a {

text-decoration : none;

list-style-type : none;

}

#twitter_div li a:hover {

text-decoration : none;

}

#advertise {

position:absolute;

padding-left:740px;

top:715px;

height: 50px;

width: 150px;

 }

/*************************************

Search Form, Search & Tags Page Title

*************************************/

#welcome {

margin-top : 20px;

padding-top : 14px;

padding-right: 15px;

float : right;

}

#welcome input {

width : 292px;

background : #efefef;

border : 0px solid #444;

color: #555;

padding : 3px;

}

#search-tags-title {

width : 510px;

background: #efefef;

margin: 0 0 10px 0;

padding : 0 15px;

line-height : 35px;

float : left;

text-align : left;

display : block;

font-family: "Arial Black", Arial, Helvetica, sans-serif;

font-size : 35px;

font-weight: bold;

color: #999;

text-transform : uppercase;

text-decoration: none;

}

/*************************************

PageNavi Container

*************************************/

#page-navigator {

float : right;

margin-top : 15px;

margin-bottom : 15px;

margin-right : 0px;

}

.navigation {

display : block;

text-align : center;

padding-top : 38px;

height : 50px;

padding-left : 6px;

margin : 0 auto;

}

/*************************************

WP Page Navi Styles

*************************************/

.wp-pagenavi a, .wp-pagenavi a:link {

padding : 2px 6px 2px 5px;

margin : 2px;

text-decoration : none;

border : 1px solid #626262;

background-color : #333;

}

.wp-pagenavi a:visited {

padding : 2px 6px 2px 5px;

margin : 2px;

text-decoration : none;

border : 1px solid #555;

background-color : #222;

}

.wp-pagenavi a:hover {

border : 1px solid #444;

color : #ccc;

background-color : #222;

}

.wp-pagenavi a:active {

padding : 2px 6px 2px 5px;

margin : 2px;

text-decoration : none;

border : 1px solid #626262;

background-color : #333;

}

.wp-pagenavi span.pages {

padding : 2px 8px 2px 6px;

margin : 2px 2px 2px 2px;

border : 1px solid #626262;

background-color : #111;

}

.wp-pagenavi span.current {

padding : 2px 6px 2px 5px;

margin : 2px;

font-weight : bold;

border : 1px solid #626262;

background-color : #222;

}

.wp-pagenavi span.extend {

padding : 2px 6px 2px 5px;

margin : 2px;

border : 1px solid #626262;

background-color : #333;

}