/* Global Style Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,
cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:inherit;font-family:inherit;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";} 

/* ================ */
/* = 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; overflow: hidden; float: left; display: inline;}
.row        { width: 960px; margin: 0 auto; overflow: hidden;}
.row .row   { margin: 0 -10px; width: auto; display: inline-block;}

 /* Global Styles
--------------------------------------------------------------------------- */
body
{

    background-image: url(../images/body_bg.jpg);
    background-position: center top;
    background-attachment: fixed;
	background-color: #ffcccc;
}



/* Primary Layout Elements 
----------------------------------------------------------------------------- */

#pageWrap          { width: 960px; margin: 0 auto; padding-top: 20px; padding-bottom: 50px;}

/* Header
----------------------------------------------------------------------------- */
#header             {overflow: hidden}
#logo               { float: left; margin: 10px 0 0 0; text-shadow: #fff 1px 1px; }
#logo h1 img        {}
#logo h1 em         { font-size: 13px; color: #333; display: block; text-transform: none;}
#logo h1 a          { outline: none; background-image: url(../images/home_icon.png); background-repeat: no-repeat; 
					background-position: 230px 0;display: block;} 

/* Main Nav
----------------------------------------------------------------------------- */
#mainNav                   { font-family: Century Gothic; float: right; padding:5px 0 0 0;}
#mainNav ul                {}
#mainNav ul li             { margin-left: 30px; float: left;}
#mainNav ul li a           { color: #333;-webkit-transition: all 0.1s ease-in-out;  font-size: 17px; display: block; text-shadow: #fff 1px 1px; outline: none;}
#mainNav ul li a span      { font-size: 10px; padding: 5px 0 5px 0; display: block; color: #666;}

#mainNav ul li a:hover, 
#mainNav ul li a.current   { text-decoration: none; color: #ce518b; text-shadow:  1px 1px 1px #ccc; }

#mainNav ul li a#current   { padding: 0 5px 0 5px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;}

#mainNav ul li a:hover span,
#mainNav ul li a.current span  { text-shadow: 1px 1px #fff;}
#mainNav ul li a.current span  { font-weight: bold;}

/* content
----------------------------------------------------------------------------- */
#content            { padding: 15px 0 10px 0;}
#content h3         { text-shadow: #bbb 1px 1px 1px;}
#content h3 span    { display: block; font-size: 12px; letter-spacing: 2px; font-weight: normal; 
                      color: #777; text-shadow: none; text-shadow: #fff 1px 1px}
                      
#countDown          { background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 0.6); 
                       padding: 10px;-webkit-border-radius: 5px;
                      -moz-border-radius: 5px; color:#555; text-shadow: #fff 1px 1px 1px;}

/* Portfolio */
#intro              {color: #fff; margin: 0 0 20px 0; clear: both;}
#intro p            { -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color:#b1758b;
                    padding: 15px 15px 15px 15px; font-size: 23px; line-height: 31px ;color: #fff; 
                    font-family: Century Gothic; text-shadow: 1px 1px 2px #555; word-spacing: 4px; }
#intro em           { color: #95d3fb; font-size: 37px; }
#intro del          { color: #ccc; font-size: 19px;}
#portfolioHome		{position: relative; padding: 0 0 35px 0;}
#portfolioHome a.btn_link	{left: 30px; bottom: 35px; position: absolute;}

#portfolioHomeItems	{overflow: hidden;}
#portfolioHomeItems li {float: left; margin: 0 0 0 0;}
#portfolioHomeItems li#last {margin: 18px 0 0 0; padding: 0 0 20px 0; -moz-transform: rotate(10deg);-webkit-transform: rotate(10deg);}
#portfolioHomeItems li img {border: solid 5px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: #999 1px 1px 2px; 
							 -webkit-box-shadow: #999 1px 1px 2px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
#portfolioHomeItems li img:hover {border-color: #95d3fb;}

/* Footer
----------------------------------------------------------------------------- */
#footer             { clear: both; margin-top: 50px;}
#copyright          { text-align: right; padding: 10px 0 0 0; text-shadow: #fff 1px 1px 1px; }

/* Misc
----------------------------------------------------------------------------- */
/*.clear              { height: 1px; font-size: 1px;  The value 1px is important to fix the div height bug in IE 6 
                      clear: both;  }*/
/*
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
*/