@charset "UTF-8";
/* CSS Document */

#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(../images/home/boring-website.jpg);
}

body {
background-color:white;
background-image:url(../images/bg/gradient.jpg);
background-position:center top;
background-repeat:no-repeat;
border:0;
color:#A0A0A0;
font: normal normal normal 12px/18px Arial, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
text-align:center;
vertical-align:baseline;
width:100%;
margin:0;
padding:0;
height: 101%;
}

#container {
height:400px;
text-align:left;
width:960px;
margin:0 auto;
}

#head {
height:79px;
position:relative;
margin:0;
padding:19px 0 0;
}

h1 {
font-family:BlackJackRegular, baskerville, 'palatino linotype', 'times new roman', serif;
font-size:32px;
height:45px;
color:#F06;
border-bottom: 1px solid #CCCCCC;
/*background: url(http://ba21.us/system/application/views/themes/mintGreen/img/shade.png) repeat-x 0% 100%;*/
}

h1 a:link {
background:url(../images/bg/logo.jpg) no-repeat;
display:block;
height:85px;
margin-left:0;
width:350px;
}

h1 a:visited {
background:url(../images/bg/logo.jpg) no-repeat;
display:block;
height:79px;
margin-left:0;
width:250px;
}

h1 a:hover {
height:79px;
}

p {
border:0;
font-size:12px;
line-height:144%;
vertical-align:baseline;
padding:0;
}

h2 {
font-family:BlackJackRegular, baskerville, 'palatino linotype', 'times new roman', serif;
font-size:32px;
line-height:135%;
height:45px;
color:#F06;
margin:0;
padding:0;
font-weight: normal;
}

h3,.tumblr_title {
border:0;
color:#545454;
font-family: baskerville, 'palatino linotype', 'times new roman', serif;
font-size:22px;
letter-spacing:-.1px;
line-height:165%;
vertical-align:baseline;
border-bottom:1px dotted #CFCFCF;
margin:0;
padding:25px 0 0 0;
font-weight:normal;
}

h3 a,a:hover,a:visited {
text-decoration:none;
}

h4 {
border:0;
color:#F06;
font-size:13px;
letter-spacing:-.1px;
line-height:185%;
vertical-align:baseline;
margin:0;
padding:0;
}

h4.fontface {
        letter-spacing: 0;
        /*font-family: 'BlackJackRegular', baskerville, 'palatino linotype', 'times new roman', serif;*/
font-family: 'Museo Sans 500', Arial;
        font-size: 14px;
        line-height: 27px;
        /*font-weight: bolder;*/
        color: #AOAOAO;
font-weight: normal;
letter-spacing: 0.125em;
line-height: 1.2em;
text-transform: uppercase;
margin-bottom: 5px;
  }

h5 {
	color:#545454;
        font-family: Arial;
	letter-spacing: -0.1px;
	font-size:12px;
	margin-bottom:5px;
	line-height: 150%;
        font-weight: normal;
}

#nav li a {
display:block;
float:left;
font-weight:700;
height:26px;
text-decoration:none;
width:80px;
}

#nav {
bottom:1px;
margin-left:2em;
position:absolute;
right:-85px;
width:483px;
}

.four_col {
display:inline;
float:left;
margin-right:24px;
width:216px;
}

#menu_bar {
border-bottom:0 solid #575757;
float:left;
width:421px;
}

#menu {
background:url(../images/bg/sprite-menu.jpg) no-repeat 0 0;
height:97px;
list-style-type:none;
width:430px;
margin:0;
}

#menu li {
display:block;
float:left;
}

#menu li a {
color:#818181;
display:block;
height:97px;
overflow:hidden;
text-indent:-9999px;
}

/* Menu - home */
#menu li#menu-home a {
background-image:url(../images/bg/sprite-menu.jpg);
background-position:0 0;
background-repeat:no-repeat;
width:85px;
}
#menu li#menu-home a:hover {
background-position:0 -97px;
}
#menu li#menu-home a.active {
background-position:0 -194px;
}

/* Menu - portfolio */
#menu li#menu-portfolio a {
background-image:url(../images/bg/sprite-menu.jpg);
background-position:-85px 0;
background-repeat:no-repeat;
width:84px;
}
#menu li#menu-portfolio a:hover {
background-position:-85px -97px;
}
#menu li#menu-portfolio a.active {
background-position:-85px -194px;
}

/* Menu - services */
#menu li#menu-services a {
background-image:url(../images/bg/sprite-menu.jpg);
background-position:-170px 0;
background-repeat:no-repeat;
width:84px;
}
#menu li#menu-services a:hover {
background-position:-170px -97px;
}
#menu li#menu-services a.active {
background-position:-170px -194px;
}

/* Menu - blog */
#menu li#menu-blog a {
background-image:url(../images/bg/sprite-menu.jpg);
background-position:-255px 0;
background-repeat:no-repeat;
width:84px;
}
#menu li#menu-blog a:hover {
background-position:-255px -97px;
}
#menu li#menu-blog a.active {
background-position:-255px -194px;
}

/* Menu - contact */
#menu li#menu-contact a {
background-image:url(../images/bg/sprite-menu.jpg);
background-position:-337px 0;
background-repeat:no-repeat;
width:84px;
}
#menu li#menu-contact a:hover {
background-position:-337px -97px;
}
#menu li#menu-contact a.active {
background-position:-337px -194px;
}


html,div,span,h1,a,img,ul,li,table,tbody,tr,td {
border:0;
vertical-align:baseline;
margin:0;
padding:0;
}

#menu li a.active {
color:#fff;
}

h1 span {
display:none;
}

#nav li {
float:left;
}

.four_col a:link,.four_col a:visited,.four_col a:hover {
background:none;
}

#mainContent {
width:955px;
padding-top:35px;
min-height:500px;
height:auto!important;
background-repeat:no-repeat;
background-position:left top;
}
.portfolio {
background-image:url(../images/pink-mouse.jpg);
}
.portfolio {
background-image:url(../images/pink-mouse.jpg);
}
.blog {
	background-image:url(../images/me.jpg);
}

.textContent {
width:600px;
float:right;
text-align:left;
margin-left:0;
display:inline;
padding:0 0 45px;
}

.textContent p,li {
color:#545454;
line-height:175%;
}

.textContent p span {
color: white;
font-weight: normal;
font-size:12px;
letter-spacing:-.1px;
line-height:165%;
background: #F06;
padding: 2px 4px;

}

.textContent li {
text-indent:15px;
margin-left:35px;
}

.indent {
margin-left:40px;
}

li.tumblr_post.tumblr_text_post {
margin-bottom: 0px;
}

.tumblr_posts li {
list-style-type:none;
text-indent:0;
}

.tumblr_posts li img {
background-color:#FFF;
border-bottom:1px solid #DDD;
border-left:1px solid #EEE;
border-right:1px solid #DDD;
border-top:1px solid #EEE;
margin-bottom:20px;
max-height:242px;
max-width:242px;
padding:5px;
}

ol.tumblr_posts {
margin-top: 10px;
}

.tumblr_body p {
padding-top: 5px;
padding-bottom: 5px;
}

.tumblr_post {
background-image:url(images/bg/dot.gif);
background-repeat:repeat-x;
background-position:left bottom;
margin-bottom:25px;
}

* html .textContent {
height:1%;
position:relative;
left:-3px;
margin-left:-6px;
margin-right:0;
}

h1 span, h2 span,h4 span,a:link,a:visited {
color:#545454;
}

h3 a:hover,#nav li a:hover,.textContent a:link,a:visited {
color:#F06;
}

.portfolioContent {
width:600px;
float:right;
text-align:left;
padding:0;
}

#top3 {
display:block;
min-height:700px;
height:auto !important;
height:700px;
width:600px;
}

#navPortfolio {
float:right;
width:600px;
padding:35px 0 0;
}

.navbuttons3 {
float:left;
margin-right:16px;
width:120px;
}

#navbuttons2 {
float:left;
width:120px;
}

#logos2 {
padding:20px 0 0;
}

.thumbnail {
float:left;
width:180px;
margin-right:28px;
}

.thumbnail2 {
float:left;
width:180px;
}

#navbuttons,.navbuttons {
float:left;
margin-right:16px;
width:192px;
}

#cont,.cont {
float:right;
width:600px;
position:relative;
padding:29px 0 0;
}

/* Footer*/
/* ----------------------------------------- */

#footer {
	padding-top: 20px;
	border-top: 1px dotted #e9e9e9; 
	width:955px; 
	margin: 20px auto 0;
	height: 80px;

}

#footerL {
	float: left;
	padding-left: 10px;
}

#footerL p {
	color:#c1c1c1;
	line-height:11px;
	margin-top:0;
	text-align:none;
}

#footerR {
	float:right;
}

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

#footer li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

#footer a {
	text-decoration: none;
	color: #c1c1c1;
	border:0;
}

#footer a:hover {
	color:#F06;
}