/*
------------------------------------------------------------------------
Theme Name:Visuela
Theme URI:http://vinaganda.com
Description:Vinaganda Jul 2009.
Version:3
Author:Vinaganda.com
Author URI:http://vinaganda.com
------------------------------------------------------------------------
*/



/*
-----------------------------------------RESET-----------------------------------------
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
hr {background:transparent url(i/hr.png) repeat scroll center center;
clear:both;
border:none;
height:1px;
margin:0 0 10px;}


/*
-----------------------------------------LAYOUT The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter-----------------------------------------
*/
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
margin: 0 10px;
float: left;
display: inline;
}

.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
clear:both;
}

.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}

.aligncenter{display:block; margin:0 auto}
.alignleft	{float:left}
.alignright	{float:right}
.floatLeft	{float:left}
.floatRight	{float:right}
.clear		{clear:both}


/*
-----------------------------------------STRUCTURE-----------------------------------------
*/

html, body{height:100%; background:#EEEEEE ;}
body{
background:#eee url(i/grid.png) repeat-x center 0px;
color:#333;
font-family:"Helvetica Neue", Helvetica,Arial,sans-serif;
font-size:62.5%;
margin:0px auto -80px;
text-align:center;
border-top:8px solid #333;
}

.home {;background:#eee url(i/grid-home.png) repeat-x center 0px;}

#page-wrap{width:960px; min-height:100%; height:auto !important; height:100%; margin:20px auto 10px; text-align:left}

.content{margin-bottom:20px;}
.profile {margin-top:17px;}
.icone {margin:0px;}
.contact {margin:20px 0px 10px}

#bottom-bg {
background:#222;
width:100%;
}

/*
-----------------------------------------TYPOGRAPHY-----------------------------------------
*/

img a, img{border:none}

p{ border:0px solid #000000;font-size:1.4em; line-height:1.5; margin-bottom:1.5em; text-align:justify;text-shadow:0 1px 0 #FFFFFF;}
a {border:none;text-decoration:none;}
p a, p a:visited{color:#0B96D0; text-decoration:none; border:none;}
p a:hover{color:#000; text-decoration:none}

h1 {font-size:3em; font-weight:bold}
strong {font-weight:bold}

.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}

h2{font-size:2.2em; color:#000; text-transform:none; padding-bottom:4px;margin-top:20px; margin-bottom:0px; font-weight:bold}
h3{ color:#222; font-size:2em; font-weight:bold; margin-top:20px; margin-bottom:0px;}
h3 a{text-decoration:none; color:#222}
.post ul li,
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply {border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}
h1, h2, h3, h4, h5, h6 {color:#000; text-shadow:0 1px 0 #FFFFFF;}
h2.title {
border-top:4px solid #333333;
color:#222222;
font-size:2em;
font-weight:bold;
height:28px;
margin-top:0;
padding-top:5px;
text-shadow:0 1px 0 #FFFFFF;
}
.excerpt p{
font-size:3em;
letter-spacing:-2px;
line-height:1em;
margin:0;
text-align:left;
}


/*
-----------------------------------------TOP-----------------------------------------
*/


.top{height:75px;}
.logo a{
background:transparent url(i/logo.png) no-repeat scroll left top;
color:#000000;
float:left;
font-size:3.1em;
font-weight:bold;
height:70px;
letter-spacing:-0.05em;
margin-top:0;
text-decoration:none;
text-indent:-9999px;
text-transform:none;
width:300px;
}
.logo a span{color:#cb0606;}
.nav{
float:right;
right:0;
top:0;
border-top:2px solid #333;
}
.nav ul{list-style-type:none; width:100%; overflow:hidden;}
.nav li{display:block; display:inline}
.nav a:link,
.nav a:visited{
background:transparent url(i/transp.png) repeat;
color:#000;
display:block;
float:left;
font-size:1.6em;
font-weight:bold;
margin-right:20px;
padding:15px 0 15px 0px;
text-align:center;
text-decoration:none;
text-transform:none;
width:140px;
text-shadow:0px 1px 0px #fff;
}
.nav a:hover{color:#000; background:#333;text-shadow:0px 1px 0px #eee;
}
ul.nav li.current_page_item a:link,
ul.nav li.current_page_item a:visited,
ul.nav li.current_page_item a:hover,
ul.nav li.current_page_item a:active {
color:#eee;
text-shadow:0px 1px 0px #000;
text-decoration:none;
background:#333;
}
ul.nav li.page-item-3 a{margin-right:0px;}
.heroes{
font-size:3em;
letter-spacing:-2px;
line-height:1em;
margin:0em 0em 1em;
text-align:left;
text-shadow:0 1px 0 #FFFFFF;
}
.heroes span {color:#222; font-weight:normal;}
.header-bg {
background:transparent url(i/header.png) no-repeat scroll right bottom;
border-bottom:2px solid #222222;
height:375px;
}
h2.description {margin-top:20px;}


/*
-----------------------------------------Services-----------------------------------------
*/

.services {background:transparent url(i/transp.png) repeat; min-height:215px; margin-bottom:10px; padding-bottom:10px; text-align:left; font-size:1em;}
.services h3, .services h4{margin:5px;text-shadow:0px 1px 0px #EEEEEE;}
.services h3 {
border-bottom:1px solid #333333;
color:#333333;
height:50px;}
.services h4{font-size:1.9em;}


/*
-----------------------------------------FOOTER-----------------------------------------
*/

.legal {color:#808080;
text-align:center;
text-transform:uppercase;}
.legal img {vertical-align:middle;}
#push{height:80px}
#footer{padding-top:20px; width:960px; margin:50px auto 0; height:80px; color:#4d4d4d}
#footer p{font-size:1.2em; color:#808080; line-height:1.5em; margin-bottom:0; margin-top:0.6em; text-shadow: 0px 1px 0px #000}
#footer p a{border-bottom:1px solid #fff; color:#fff; text-decoration:none}
#footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none}


/*
-----------------------------------------BUTTON-----------------------------------------
*/

a.awesome {
background: #000 url(i/alert-overlay.png) repeat-x;
display: inline-block;
padding-top:6px;
padding-bottom:6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
position: relative;
cursor: pointer;
border-bottom:none;
}

/* Sizes ---------- */
.small.awesome {font-size: 11px;}
.medium.awesome {font-size: 13px;}
.large.awesome {font-size: 14px;width:220px; text-align:center; padding-top:9px; padding-bottom:9px;}

/* Colors ---------- */
.blue.awesome {background-color: #2daebf;}
.red.awesome {background-color: #e33100;}
.magenta.awesome {background-color: #a9014b;}
.orange.awesome {background-color: #ff5c00;}
.yellow.awesome {background-color: #ffb515;}
.green.awesome {background-color: #9EA809;}

/* Hover -------------------- */
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited {
font-size:13px;
font-weight:bold;
line-height:1;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
border-bottom:none;
color:#fff;
}
.awesome:hover {background-color:#111111;color:#FFFFFF;border-bottom:none;}
.contact-bg {background:#CDC9A5; -moz-border-radius:10px; -webkit-border-radius:10px;}
.thumb {border:5px solid #ccc;}
.gallery img {border:5px solid #ccc; margin:0 0 20px;}


/*
-----------------------------------------Contact-----------------------------------------
*/

.discount {background:#333; color:#eee; text-align:center;}
.testimonial h2 {font-weight:normal; text-align:center;font-family:georgia,times;font-family:georgia,times; margin:0px 0  10px;}
.testimonial h2 span {color:#808080;
font-size:0.8em;
font-style:italic;
line-height:2em;}
p.steve {
font-family:Georgia,Time;
font-size:1.5em;
font-style:italic;
line-height:1.3em;
text-align:left;
}

p.steve span {
font-family:Helvetica,Arial;
font-style:normal;
font-weight:bold;
}

p.steve-mail {color:#808080;}

/*
 Gallery
 ---------- -------------------------------------------------------------- */
.gallery {
    overflow: hidden;
    padding: 0;
    clear: both;
}

dl.gallery-item {
    margin: 0 20px 20px 0;
    padding: 0;
    width: 130px;
}

dt.gallery-icon {
    background:;
    height: 130px;
}

.gallery-item {
    background: transparent;
    float: left;
    margin: 10px;
    padding: 0 10px 10px 0;
}

.gallery-icon img, .gallery-icon img a {
    margin: 0;
    border: none;
}

.gallery-icon img a:hover {
    border: none;
}

.gallery-caption {
    border-top: 1px solid #EEEEEE;
    color: #808080;
    font-size: 1.3em;
    margin: 20px auto 0;
    padding: 5px;
    text-align: center;
}