/*
=========================================================================
	Tags
=========================================================================
*/
* { margin: 0; padding: 0; outline:0; }

body {
	margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
    font-family: Georgia, Helvetica, Sans-Serif;
    color: #121212;
    background: url(images/header.gif) center top repeat-x;
	overflow-x:hidden;
}


progress {  
    background-color: #f3f3f3;  
    border: 0;  
    height: 18px;  
    border-radius: 9px;  
}  


.sidebox {
background-color: rgb(250, 250, 250);
-webkit-box-shadow: none;
box-shadow: none;
padding: 18px;
margin-top: 26px;
border: 1px solid rgb(235, 235, 235);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
color: rgb(51, 51, 51);
}

a { color: #2f83b7; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }

#main h2 { background:#000; height:40px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:18px; padding-left:10px; }
#main h2.bubble { background:#000 url(images/h2-food.jpg) left center no-repeat; padding-left:44px; margin-left:-15px; }
#main h2.bubble span { float:left; }

#main h2 { background:#000; height:40px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:18px; padding-left:10px; }
#main h2.eye { background:#BDC0BA url(images/h2-drink.JPG) left center no-repeat; padding-left:30px; margin-left:-15px; }
#main h2.eye span { float:left; margin-left: 12px; color: #002080; text-shadow: #fff 1px 1px 1px; }

#main h2 { background:#000; height:40px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:18px; padding-left:10px; }
#main h2.house { background:#000 url(images/h2-house.jpg) left center no-repeat; padding-left:44px; margin-left:-15px; }
#main h2.house span { float:left; }


#main h2 .latest-articles { float:right; color:#ebebeb; font-size:10px; text-decoration:none; padding-right:19px; background:url(images/button-rarr.gif) 97px 11px no-repeat; }

#slider h2 { color:#fff; font-size:38px; line-height:40px; font-weight:normal; }

#main h3 { font-size:20px; line-height:42px; color:#121212; font-weight:normal;  padding-bottom: 8px; font-family: 'Source Sans Pro', sans-serif; }
#main h3.wheels,
#main h3.tic-tac,
#main h3.cup,
#main h3.sync { padding-left:35px; background:url(images/h3-clock.gif) left top no-repeat; line-height:33px; padding-bottom:2px; }

#main h3.wheels { background-image:url(images/h3-wheels.gif); background-position:0 3px; }
#main h3.tic-tac { background-image:url(images/h3-clock.gif); background-position:0 2px; }
#main h3.cup { background-image:url(images/h3-cup.gif); }
#main h3.sync { background-image:url(images/h3-sync.gif); }



h4 { font-size:11px; color:#464646; font-weight:normal; padding:0 0 6px 2px;  }

#footer h5 { font-size:12px; color:#002439; line-height:14px; font-weight:normal; padding-bottom:3px; }
#footer2 h5 { font-size:12px; color:#002439; line-height:14px; font-weight:normal; padding-bottom:3px; }

/*
=========================================================================
	Main Classes
=========================================================================
*/

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

/* Big Stuff */

.shell { width:940px; margin:0 auto; position:relative; padding:0 10px; }

#header,
#header .shell { background:#1b557a url(images/header.gif) center top repeat-x; }
#main { background-color: white; }
#main .bg-top { background-color: white; }
#footer,
#footer .shell { background:url(images/tactile_noise.png) center top repeat; }

#footer2,
#footer2 .shell { background:url(images/tactile_noise.png) center top repeat: }


/*
=========================================================================
	Header
=========================================================================
*/

#header .shell {  height:70px; width:960px; padding-top:28px; }

/* Logo */
#logo { position:absolute; top:10px; left:15px;  width:298px; font-size: 0; line-height: 0; }
#logo a { float:left;  text-indent: -4000px; width:298px; height:55px; background:url(images/logobpeque.gif); }


/* Navigation */
#navigation { float:right; display:inline; padding:10px 60px 0 0;  } 
#navigation ul { list-style:none; float:right; }
#navigation ul li { float:left; display:inline; font-family: Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:bold; padding-left:20px; line-height:16px; }
#navigation ul li a { color:#eee; text-decoration:none; text-shadow:#091a25 1px 1px 1px; letter-spacing: 0px; }
#navigation ul li a.active,
#navigation ul li a:hover { color:#002080; }


/* Dropdown */
#navigation .has-dd { padding-right:10px; }
#navigation .dd { display:none; }


/* Socials */
#header .socials { position:absolute; right:74px; bottom:0; }
#header .socials a { position:absolute; bottom:0; width:24px; height:18px; font-size: 0; line-height: 0; text-indent: -4000px; }
#header .socials .socials-facebook { background:#fff url(images/socials-facebook.gif) top no-repeat; right:800px; }


/*
=========================================================================
	Slider
=========================================================================
*/

#slider .shell { padding:0; width:auto; }
#slider ul { list-style:none; position:relative; z-index:2;  margin-left: -30px;}
#slider ul li { float:left;  height:371px; position:relative; background:#000 url(images/header.gif) center top repeat-x; }

#slider .jcarousel-container-horizontal { width:100%; }
#slider .jcarousel-clip-horizontal { width:100%; }
#slider .jcarousel-clip { position:relative; height:371px; overflow:hidden;  }

#slider .jcarousel-next,
#slider .jcarousel-prev { position:absolute; top:136px; width:47px; height:80px; z-index:4; cursor:pointer; }

#slider .jcarousel-next { background:url(images/slider-next.png); right:20px; }
#slider .jcarousel-prev { background:url(images/slider-prev.png); left:20px; }

#slider .data { position:relative; display:block; z-index:3; padding:54px 310px 0 111px; width:393px; margin:0 auto; }
#slider .data p { color:#8c8c8c; font-style:italic; padding:8px 0 10px 33px; font-size:13px; text-shadow:#333 1px 1px 0; }
#slider .data .button { float:right; height:17px; line-height:17px; padding:0 4px; background:#db1616; }
#slider .data .button { color:#fff; text-shadow:#3b0606 0 1px 0; text-decoration:none; font-size:10px; }

#slider .image { position:absolute; top:0; left:0; z-index:2; width:100%; }
#slider .image img { display:block; margin:0 auto; padding-left:40px;  }

/*
=========================================================================
	Main
=========================================================================
*/

#main .shell { padding-top:15px; padding-bottom:4px; }

/* Basic Main Classes */
#main .button { float:left; height:17px; line-height:17px; padding:0 5px; background-color:#1c5275 !important; font-size:10px;  }
#main .button { color:#fff; text-shadow:#0d2332 0 1px 0; text-decoration:none; margin:8px 2px 0 0; }
#main .button:hover { background-color:#002080 !important; }

#main .rarr { background:url(images/button-rarr.gif) right center no-repeat; padding-right:11px; }
#main .comments { background:url(images/button-comments.gif) right center no-repeat; padding-right:16px; }

#main .image img { background:#000; padding:1px; border:5px solid #fff; } 


.capitalLetter
{
   float:left;
   color: #F1C25E;
   font-size:80px;
   line-height:50px;
   padding:2px;
	font-family: 'Marck Script', cursive;
   margin-right: 5px;
}

/* WElcome */
#welcome { 
line-height: 20px;
min-height: 85px;
height: auto !important;
height: 85px;
padding-top: 3px;
text-align: justify;
font-family: 'Source Sans Pro', sans-serif;

}

/* Latest Projects */
#latest-projects { padding-bottom:28px; }
.latest-projects-list { padding:18px 0 0 0px; }
.latest-projects-list ul { list-style:none;  }
.latest-projects-list ul li { float:left; width:303px; padding-right:15px;  }
.latest-projects-list ul li.last { padding-right:0;  }
.latest-projects-list p { min-height:85px; height:auto !important; height:85px; padding-top:3px;  text-align:justify; font-family: 'Source Sans Pro', sans-serif;}

.latest-projects-list .image { position:relative; }
.latest-projects-list .image .overlay { position:absolute; top:6px; left:6px; width:291px; height:198px; background:url(images/overlay.png); display:none; cursor:pointer; }

/* Blog */
#blog { float:left; width:900px; line-height: 25px; text-align:justify } 
.blog-posts ul { list-style:none; padding-top:3px;  }
.blog-posts ul li { display:block; border-bottom:1px dotted #999999; padding-bottom:16px; margin-bottom:11px; }
.blog-posts ul li.last { margin-bottom:0; border-bottom:0; }
.blog-posts .image { float:left; }
.blog-posts .data { float:right; width:400px; padding:3px 42px 0 0; }
.blog-posts .data p { padding-bottom:20px; }
.blog-posts .data p.last { padding-bottom:0; }
.blog-posts .buttons { padding-left:3px; }

/* Sidebar */
#sidebar { float:right; width:302px; }

.stuff { padding-top:2px; }
.stuff ul { list-style:none; }
.stuff ul li { display:block; padding-bottom:15px; }







/*
=========================================================================
	Footer
=========================================================================
*/

/* Footer Top */
#footer .top { color:#fff; height:250px; padding-top:24px;  }
#footer .top a { color: rgb(224, 95, 3); font-size: 13px; font-family: 'Open Sans', sans-serif; text-decoration: none; line-height: 45px;}

#footer .top a:hover { text-decoration:underline; }



#footer .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }
#footer .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }

#footer h2 { float:left; padding-left:0px; font-size:17px; color:#fff; line-height:28px; height:28px; margin-bottom:16px; font-weight:normal; }

/* Footer Top */
#footer2 .top { color:#fff; height:0px; padding-top:24px;  }
#footer2 .top a { color:#e3e3e3; }

#footer2 .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }
#footer2 .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }

#footer2 h2 { float:left; padding-left:26px; font-size:17px; color:#fff; line-height:28px; height:28px; margin-bottom:16px; font-weight:normal; }



/* Twitter Posts */
#twitter { float:left; width:465px; }
#twitter h2  {font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 23px;
line-height: 45px;
color: rgb(211, 211, 211); } 


.twitter-posts { padding-left:5px; }

.twitter-posts ul { list-style:none; }
.twitter-posts ul li { display:block; padding-bottom:13px; }
.twitter-posts ul li p { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: rgb(211, 211, 211);
font-family: Actor, sans-serif;
text-transform: none;
font-size: 12px;
letter-spacing: 0px;
line-height: 22px;
background-image: url(tactile_noise.png);
background-repeat: repeat repeat;
} 

/* Flickr Links */
#flickr { float:right; width:430px; }


#flickr h2  {font-family: 'Source Sans Pro', sans-serif;
font-weight: normal;
font-style: normal;
font-size: 23px;
line-height: 45px;
color: rgb(211, 211, 211); } 

.flickr-posts ul li p { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: rgb(211, 211, 211);
font-family: Actor, sans-serif;
text-transform: none;
font-size: 12px;
letter-spacing: 0px;
line-height: 22px;
background-image: url(tactile_noise.png);
background-repeat: repeat repeat;
} 

#flickr p { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: rgb(211, 211, 211);
font-family: Actor, sans-serif;
text-transform: none;
font-size: 12px;
letter-spacing: 0px;
line-height: 22px;
background-image: url(tactile_noise.png);
background-repeat: repeat repeat;
} 

.copyright {
font-size: smaller;
letter-spacing: 1px;
}


.flickr-pics ul { list-style:none; }
.flickr-pics ul li { float:left;  padding:0 4px 5px 0; }
.flickr-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }
.flickr-pics ul li img { display:block; border:1px solid #000; }
.flickr-pics ul li.last { padding-right:0; }

/* Footer Bottom */
#footer .bottom {  border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: rgb(211, 211, 211);
font-family: Actor, sans-serif;
text-transform: none;
font-size: 12px;
letter-spacing: 0px;
line-height: 22px;
background-image: url(tactile_noise.png);
background-repeat: repeat repeat;

 }
 
 .social_bookmarks a {
font-size: smaller !important;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
margin-right: 20px;
}

#footer .bottom a { color: rgb(224, 95, 3); font-size: 13px; font-family: 'Open Sans', sans-serif; text-decoration: none; line-height: 45px;}

#footer .bottom a:hover { text-decoration:underline; }



/* Footer Nav */
#footer .navigation { padding-top:8px; float:left; }
#footer .navigation ul { list-style:none; }
#footer .navigation ul li { float:left; border-right:1px solid #CC6699; height:10px; line-height:10px; padding:0 8px 0 7px; }
#footer .navigation ul li.last { border-right:0; }
#footer .navigation ul li a { color:#CC6699;  }
#footer .navigation ul li a:hover { color:#CC6699; text-decoration:none; }

/* Copyrights */
#footer .right p  {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;

color: rgb(211, 211, 211);
font-family: Actor, sans-serif;
text-transform: none;
font-size: 12px;
letter-spacing: 0px;
line-height: 22px;
background-image: url(tactile_noise.png);
background-repeat: repeat repeat;
}
#footer a.choco { color:#2f83b7; }
#footer a.choco:hover { text-decoration:underline; color:#fff; }



/* Footer Bottom */
#footer2 .bottom { padding:9px 0 100px 0; font-size:10px; color:#fff;  }

#footer2 .bottom a { text-decoration:none; }
#footer2 .bottom a:hover { text-decoration:underline; color: #fff; text-decoration:none; }



/* Footer Nav */
#footer2 .navigation { padding-top:8px; float:left; }
#footer2 .navigation ul { list-style:none; }
#footer2 .navigation ul li { float:left; border-right:1px solid #CC6699; height:10px; line-height:10px; padding:0 8px 0 7px; }
#footer2 .navigation ul li.last { border-right:0; }
#footer2 .navigation ul li a { color:#CC6699;  }
#footer2 .navigation ul li a:hover { color:#CC6699; text-decoration:none; }

/* Copyrights */
#footer2 .right p { text-align:right; color:#fff;}
#footer2 a.choco { color:#2f83b7; }
#footer2 a.choco:hover { text-decoration:underline; color:#fff; }