/*--------------------General Styling--------------------*/
body,html,h1,h2,h3,h4
{
padding:0;
margin:0;
}


body
{
font:100% arial, verdana, sans-serif;
line-height:1.25;
color:#1e1e1e;
}

html
{
background: url(../images/html_background.png) repeat-x;
}

li
{
list-style:none;
}

/*--------------------End of General Styling--------------------*/

/*--------------------Containers--------------------*/
#wrap
{
width:960px;
margin:0 auto;
}

div#navbars
{
height:50px;
width:960px;
overflow:hidden;
clear:both;
padding:0;
margin:0 auto;
}

ul#featured_work
{
background:url(../images/featured_work_background.png) center center no-repeat;
height:350px;
width:960px;
margin:0 auto;
font-size:85%;

}

ul#featured_work li
{
list-style:none;
width:420px;
float:left;
margin:0.5em 0;
}
         
ul#featured_work li#services
{
font-size:x-small;
}

ul#featured_work li#services span
{
font-weight:bold;
}

ul#featured_work li a
{
color: #257be1;
font-weight:bold;
text-decoration:none;
}

ul#featured_work li h2
{
margin-top:1.5em;
}

ul#recent_work
{
padding:0;
}

ul#recent_work li
{
list-style:none;
float:left;
}

ul#recent_twitterings
{
float:right;
width:310px;
padding:0;
margin-left:10px;
}

ul#recent_twitterings li
{
list-style:none;
}

ul#recent_twitterings li a
{
color: #fff;
text-decoration:none;
}

ul#recent_bloggings
{
float:left;
width:310px;
padding:0;

}

ul#recent_bloggings li
{
list-style:none;
}

ul#recent_bloggings li a
{
font-weight:normal;
}

div#left_column
{
width:450px;
float:left;
overflow:auto;
}

div#right_column
{
width:450px;
overflow:auto;
float:left;
margin-left:40px;
}

ul#contact_info
{
float:left;
padding:0;
width:310px;
margin-right:0px;

}

ul#contact_info li
{
list-style:none;
line-height:30px;
}

ul#phone_email
{
padding:0;
margin:0;
}

ul#phone_email li
{
line-height:30px
}

ul#phone_email li span
{
font-weight:bold;
}


li.email_info{padding-left:40px; background: url(../images/email_icon.png) left center no-repeat}
li.phone_info{padding-left:40px; background: url(../images/phone_icon.png) left center no-repeat}
li.skype_info{padding-left:40px; background: url(../images/skype_icon.png) left center no-repeat}
li.twitter_info{padding-left:40px; background: url(../images/twitter_icon.png) left center no-repeat}
li.facebook_info{padding-left:40px; background: url(../images/facebook_icon.png) left center no-repeat}


li
{
list-style:none;
}




div#theme_copy_nav
{
padding:0;
margin:0;
clear:both;
overflow:auto;
font-size:small;

}
div#theme_copy_nav li
{
list-style:none;
display:inline;


}

ul#copyright
{
float:right;

}

ul#copyright li a
{
color:#fff;
}



ul#theme_select
{
float:left;
padding:0;
}

ul#theme_select a

{
font-weight:bold;
color:#fff;
}











#topbar{width:100%; margin-left:auto; margin-right:auto; background:url("../images/header_background.png") bottom left repeat-x; }
#middle_bar{width:100%; margin:20px auto; background:url(../images/footer_bg.png) #1e1e1e; border-bottom:4px solid #0d0d0d;}
#columns{width:960px; margin:0 auto; background:#fff; overflow:auto;}
#bottom_bar{width:100%; margin-left:auto; margin-right:auto; background:url(../images/footer_bg.png) #1e1e1e; border-top:4px solid #0d0d0d;}
#header{width:960px; margin:0 auto;}
/*--------------------End of Containers--------------------*/

/*--------------------Social Network Navigation--------------------*/
ul#social_networks
{
float:left;
height:50px;
padding:0;
margin:0;
}

ul#social_networks li
{
display:inline;
list-style:none;
}
/*--------------------End of Social Network Navigation--------------------*/

/*--------------------Main Navigation--------------------*/
ul#navigation {
background:url("../images/navigation_sprite.png") no-repeat;
width:450px;
height:50px;
margin:0;
padding:0;
float:right;
}
 
#navigation span {
display: none;
}
 
#navigation li, #navigation a {
height:50px;
display:block;
}
 
#navigation li {
float:left;
list-style:none;
display:inline;
}
 
#home {width: 105px;}
#portfolio {width: 130px;}
#blog {width: 85px;}
#contact {width: 130px;}
 
#home a:hover {background:url("../images/navigation_sprite.png") 0px -50px no-repeat; }
#portfolio a:hover {background:url("../images/navigation_sprite.png") -105px -50px no-repeat; }
#blog a:hover {background:url("../images/navigation_sprite.png") -235px -50px no-repeat; }
#contact a:hover {background:url("../images/navigation_sprite.png") -320px -50px no-repeat; }


#home a#current {background:url("../images/navigation_sprite.png") 0px -50px no-repeat; }
#portfolio a#current {background:url("../images/navigation_sprite.png") -105px -50px no-repeat; }
#blog a#current {background:url("../images/navigation_sprite.png") -235px -50px no-repeat; }
#contact a#current {background:url("../images/navigation_sprite.png") -320px -50px no-repeat; }
/*--------------------End of Main Navigation--------------------*/

/*--------------------Image Replacement--------------------*/
h1.imagereplacement {
  text-indent: -9999px;
	height: 200px;
  width: 350px; 
	background: url(../images/ir_logo.png);
	float:left;
	margin-top:30px
}

h1.imagereplacement a
{
display:block;
height: 200px;
width: 350px;

}


ul#featured_work li#featured_work_header h2.imagereplacement
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/featured_work_header.png");
}

h3.imagereplacement#about_ir_header
{
text-indent:-9999px;
height: 50px;
width: 350px; 
background:url("../images/about_ir_header.png");
}





h2.imagereplacement#recent_work_header, h3.imagereplacement#recent_work_header
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/recent_work_header.png");
}

h2.imagereplacement#contact_header
{
text-indent:-9999px;
height: 50px;
width: 250px; 
background:url("../images/contact_header.png");
margin-top:20px;
}

h4.imagereplacement#recent_twitterings_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/recent_twitterings_header.png");
}

h4.imagereplacement#recent_bloggings_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/recent_bloggings_header.png");
}

h4.imagereplacement#contact_info_header
{
text-indent:-9999px;
height: 40px;
width: 200px; 
background:url("../images/contact_info_header.png");

}


/*--------------------End of Image Replacement--------------------*/

li h4
{margin-bottom:1em;}

ul#header li
{
list-style:none;
}

li#website_tagline
{
font-size:large;
width:40%;
float:left;
margin-top:95px;
}

/*--------------------Reusable Classes--------------------*/

img#avatar
{
display:block;
float:right;
}

a img 
{
border:none;
}

.fltlft
{
float:left
}

.fltright
{
float:right;
}
/*--------------------End of Reusable Classes--------------------*/

/*--------------------Footer--------------------*/
#footer
{
width:960px;
clear:both;
color:#fff;
margin:0 auto;
overflow:auto;
}
/*--------------------End of Footer--------------------*/

/*--------------------Twitter Feed--------------------*/
.twtr-hd, .twtr-ft
{
display:none
}
/*--------------------End of Twitter Feed--------------------*/ 
 a{text-decoration:none;}
 a:link{font-weight:bold; color:#257be1}
 a:visited{font-weight:bold; color:#257be1}
 a:hover{font-weight:bold; color:#257be1}
 a:active{font-weight:bold; color:#257be1}



/*--------------------Portfolio Pieces--------------------*/ 

ul.portpiece
{
border-bottom:1px dashed #444444;
overflow:auto;
margin-bottom:20px;
padding:0 0 20px 0;
width:430px;
margin-right:50px;
float:left;
}


ul.portpiece a
{
color: #257be1;
}
ul.portpiece h3 a
{
color: #1e1e1e;
}
ul.portpiece li
{
list-style:none;
margin-bottom:0.5em;
}

li.portservices
{
font-size:small;
}


.portimg
{
border:2px solid #e1e1e1;


}

.portpiece span
{
font-weight:bold;
color:#1E1E1E;
}
/*--------------------End of Portfolio Pieces--------------------*/ 

/*--------------------Form Styling--------------------*/
/* General */

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #000; border-left:none; padding:5px; min-width:150px; max-width:250px}

.cleanform {
	font-size:1em;
	width:50%;
	color:#000;
	text-align:left;

}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0
}

.cleanform fieldset{
	padding:0.7em;
	border:none;
	margin:0 0 0.5em 0
}

.cleanform label {
font-size:110%; 
}

.cleanform fieldset input {
    width:100%;
    line-height:1.5em;
	padding:0.15em
}

.cleanform fieldset input[type="hidden"] {
    display:none;
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 1em;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#b2b2b2;
	border:1px solid #ccc;
	color:#eee
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#890d2f;
	font-weight:bold;
	font-size:0.8em
}

.fieldbg
{
background: url(../images/textboxbg.jpg) top center no-repeat #fff;
}
/*--------------------End of Form Styling--------------------*/

div#right_column ul
{
padding:0;
}

div#right_column ul li
{
list-style:none;
}

div#right_column ul li span.fltleft
{
font-weight:bold;
}

li#blog_entry a
{
color:#fff;
}

li#blog_entry 
{
line-height:30px;
}

#columns h2#errorpage_header
{
margin-top:20px;
}