/* MAIN STYLE CSS FILE */

@import 'contactStyle.css';
@import 'portfolioStyle.css';
@import 'aboutStyle.css';


body
{
	background:#2E3035 url(../images/bg_body.png) repeat-x scroll 0 0 ;	
	border-top:10px solid #2790CF;
	margin:0 auto;
	padding:0;
}

#content
{
	float:left;
	margin:0;
}

#container_content 
{
	background:#ff0000;
	margin: 0 auto;
	text-align: left;
	height:inherit;
}

img
{
	border:0;
}

#wrapper
{
	width:920px; 
	margin:0 auto;
}


/*------------------------------  Header  ------------------------------*/
#header
{
	float:left;
	width:100%;
	height:inherit;
	background:no-repeat;
	margin-bottom:20px;
}

#container_header{
	width:960px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

#header_logo
{
	float:left;
	width:570px;
	height:142px;	
	margin-top:5px;
	background:url(../images/logo_header-trans.png) no-repeat;	
}

#warnings
{
	float:left;
	background-color:#999;
	height:50px;
	width:100%;
	font-family:arial;
	color:#333;
	padding:10px;
}

#warnings p
{
	margin: 0 auto;
	width: 920px;
	text-align: center;

}

/*------------------------------Navigation Style------------------------------*/
#navBar
{
	height:37px;
	width:478px;
	float:right;
	margin-right:70px;
	margin-top:-30px;
}

#navBar li{
	float:left;
	list-style-type:none;
}

#navBar a{
	height:46px;
	display:block;
	top:0;
	text-indent:-9999px;
	outline:none;
}

#navHome a, #navPortfolio a, #navAbout a, #navContact a{
	background:url(../images/bg_nav-trans.png);
}


#navHome a{
	background-position:0 0;
	width:97px;
	left:0;
}

#navHome a:hover{
	background-position:0 -46px;
}

#navHome a:visited{
	background-position:0 -93px;
}

#navPortfolio a{
	background-position:-97px 0;
	width:123px;
	left:0;
}

#navPortfolio a:hover{
	background-position:-97px -46px;
}

#navPortfolio a:visited{
	background-position:-97px -93px;
}

#navAbout a{
	background-position:-219px 0;
	width:103px;
	left:0;
}

#navAbout a:hover{
	background-position:-219px -46px;
}

#navAbout a:visited{
	background-position:-219px -93px;
}

#navContact a{
	background-position:-322px 0;
	width:112px;
	left:0;
}

#navContact a:hover{
	background-position:-322px -46px;
}

#navContact a:visited{
	background-position:-322px -93px;
}
/*------------------------------Footer Style------------------------------*/

#footer
{
	background:#44464C repeat-x scroll 0 0 ;
	border-top:10px solid #2790CF;	
	border-bottom:10px solid #2790CF;
	float:left;
	width:100%;
	margin: 0 auto;
	height:180px;	
	padding:0;
}

#container_footer
{
	width:920px;
	position:relative;
	margin:0 auto;
	text-align:left;
}

#sub_navigation
{
	width:920px;
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#footer_logo
{
	float:left;
	vertical-align: baseline;
	bottom:0;
}

#footer_logo img
{
	margin-top:4px;
}

.footer_contact
{
	float:left;
	margin-left:20px;
}

.footer_contact img
{
	float:left;
	margin:0;
	padding:0;
	display:inline-block;
}

.footer_contact p
{
	margin:10px 0 0 0;
	font-family:arial;
	color:#ffffff;
	display:inline-block;
	padding:0;
	height:45px;
}

.footer_contact a
{
	margin:0;
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
	font-size:11pt;
	display:inline-block;
	padding:0;
}

.footer_contact li
{
	list-style:none;
}


#footer_navigation a
{
	font-family:arial;
	color:#ffffff;
	text-decoration:none;
	font-size:11pt;
}

.footer_contact a:visited, #footer_navigation a:visited
{
	font-family:arial;
	color:#819097;
	text-decoration:none;
	font-size:11pt;
}

.footer_contact a:hover, #footer_navigation a:hover
{
	font-family:arial;
	color:#2790CF;
	text-decoration:none;
	font-size:11pt;
}

#footer_navigation
{
	float:left;
	width:960px;
	position:relative;
	text-align:left;
}

#footer_navigation ul
{
	float:left;
}

#footer_navigation li
{
	list-style:none;
	display:inline;
	margin-left:10px;
}

#footer_navigation .copyright
{
	margin-left:350px;
	padding:0;
	font-family:arial;
	color:#ffffff;
	font-size:9pt;
}


/*------------------------------Home Style------------------------------*/
#spacer 
{
  padding:0;
  margin:0;
  float:left;
}

#quote 
{
	height:113px;
	width:805px;
	margin-left:58px;
	background:url(../images/bg_quote-trans.png) no-repeat;
}

#quote h1
{
	font-size:20pt;
	color:#819097;
	display:inline-block;
	padding:0;
	/*margin:10px 0 0 0;*/
	margin: 0;
}

#quote h2
{
	font-size:20pt;
	color:#C60;
	display:inline-block;
	padding:0;
	/*margin:10px 0 0 0;*/
	margin: 0;
}

.home_quote
{
	padding: 10px 0 0 70px;
}

.home_quote #quote_line_top{
	margin:10px 0 15px 35px;
}

.home_quote #quote_line_btm{
	margin-left:53px;
}

.contact_quote #quote_line_top{
	margin:10px 0 15px 0;
}

.contact_quote #quote_line_btm{
	margin-left:2px;
}

.about_quote #quote_line_top{
	margin:10px 0 15px 0;
}

.about_quote #quote_line_btm{
	margin-left:25px;
}

.portfolio_quote #quote_line_top{
	margin:10px 0 15px 0;
}

.portfolio_quote #quote_line_btm{
	margin-left:8px;
}


#feature
{
	float:left;
	margin:0 0 25px 0;
}

.slideshow 
{ 
	height: 268px; 
	width: 920px; 
}

.bubble
{
	margin:-20px 0 0 20px;
}

#work_info
{
	float:left;
	margin:30px 0 25px 0;
	left:0;
}

#twitter
{
	float:right;
	margin:30px 0 25px 0;
	right:0;
}

#work_info, #twitter
{
	
	background:url(../images/bg_homeblock-trans.png) no-repeat;
	width:439px;
	height:330px;	
	padding:0;
}

#work_info ul
{
	margin-left:20px;
}

#work_info li
{
	list-style-image: url("../images/bullet_point-trans.png");
	font-size:17pt;
	color:#2790CF;
	line-height:130%;
}

#work_info .btn
{
	float:right;
	margin-right:20px;
}

/*------------------------------  Twitter ------------------------------*/
#tweets
{
	float:left;
	width:330px;
	margin: -10px 0 0 80px;
	font-family:Arial;
	font-size:10pt;
	color:#ffffff;
}

#tweets ul
{
	float:left;
}

#tweets li
{		
	float:left;	
	list-style:none;
	margin-bottom:10px;	
}

#tweets img
{
	float:left;
	margin-left:-98px;
	width:98px;
}

#tweet
{	
	float:left;
	background:#4D4E51;
	padding:10px;	
}

#tweet a
{
	color:#819097;
	text-decoration:none;
}

#tweet a:hover
{
	color:#c60;
	text-decoration:none;
}