/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {
	line-height:1;
	color:black;
	background-color:#ffffff;
}

#wrapper {

height:auto;
width:900px;
margin:0 auto;



}



#content {
padding-top:50px;
width:900px;
height:800px;
margin:0 auto;
margin-top:-30px;



}

#video p {

font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
	width:600px;
margin:0 auto;
    text-shadow:0 1px 0 #fff;

}


#video {

height:500px;
width:880px;
padding:15px;
background-color:white;
border:1px solid #dcdcdc;
margin-bottom:20px;


}

#video h2 {
font:16px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
	text-align:center;
    text-shadow:0 1px 0 #fff;

}


#header {

height:130px;
width:100%;
}

section {

border:1px solid #dcdcdc;
background-color:white;
width:600px;
height:auto;
float:left;

padding:15px;

}

#ipad {

border:1px solid #dcdcdc;
background-color:white;
width:880px;
height:auto;
margin-bottom:15px;

padding:15px;

}



table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#2d3536;
	background-color:#e6e6e6;
    text-shadow:0 1px 0 #fff;
}

a, a:visited {
	color:#2d3536;
	text-decoration:none;
	
}
a:hover, a:active {
	color:#9e805c;
	text-decoration:none;
}

#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}


#blog a:link, a:active {

text-decoration:none;




}

#blog a:hover {

text-decoration:underline;

}




/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    
    width:100%;
    height:280px;
    margin:0 auto;
    margin-top:50px;

    
   
 
    
    
    
    
}



#slider {

    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
    border-radius:10px;
    border:5px solid white;
	position:relative;
    width:800px;
    height:250px;
    margin:0 auto;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:350px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}


header, footer, aside, nav, article {  
    display: block;  
}  


#content {  
    display: table; 
     
}  


#mainContent {  
        display: table-cell;  
        width: 620px;  
        padding-right: 22px;  
    }  
  
    aside {  
        display: table-cell;  
        width: 250px;
       height:400px;
       
      
       
        padding-left:25px;
      
        
    }  
    
    
    #rss {
    
    height:160px;
    width:auto;
    font-family:arial;
    font-size:9pt;
    
    }
    

    
    #iphone4 {
    
    height:auto;
    width:auto;
    background-color:white;
    border:1px solid #dcdcdc;
    border-radius:8px;
    -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
    }
    
    
    /* code for gift chooser  */
    .demo p,
.demo ul {
  margin-right: 0;
}

#performance-toggle {
  text-align: center;
  margin-right: 0;
  font-size: 11px;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
}

#performance-toggle:hover {
  opacity: 0.999;
}

/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
  margin: -20px 0 0 -40px;
  padding-left: 45px;
  width: 840px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  width: 128px;
  margin: 20px 0 0 35px;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 17px;
  color: #686f74;
  height: 177px;
  overflow: hidden;
}

.image-grid li img,
.image-grid li strong {
  display: block;
}

.image-grid li strong {
  color: #fff;
}
    
    
#steps {

width:880px
padding:15px;
height:690px;
border:1px solid #dcdcdc;

background-color:white;




}







#rotator {
margin-top:20px;
width:100%;
height:150px;
padding-left:40px;

}


#twitter_update_list {

list-style:none;
width:200px;
height:100px;

margin-top:30px;
}


.pics {  
    height: 150px;  
    width:   800px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
   
     
      
    width:  800px; 
    height: 150px; 
    top:  0; 
    left: 0 
} 




#links {


height:320px;
width:220px;
margin-top:50px;

}


footer {

width:100%;
height:50px;
padding:15px;

}




blockquote p { margin-bottom: 10px; font-style: italic; color:white; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; color:white; }


blockquote {
	font-family: Georgia, Times, serif;
	width: 230px; /* required */
	margin: 0 auto;
color:white;
	}



#testimonials {

margin-top:50px;

width:230px;
height:200px;

}



#lower {

width:880px;
height:250px;
background-color:#434343;
padding-left:32px;


}


#one {
height:230px;
width:200px;
color:#f6f6f6;
text-shadow: 2px 2px 2px #000;
float:left;
padding-left:10px;
padding-right:10px;
padding-top:10px;


}

#one a:link {

color:#f6f6f6;
text-shadow: 2px 2px 2px #000;
}


#two {
height:230px;
width:220px;
padding-left:10px;
padding-right:10px;
color:#f6f6f6;
float:left;
margin-left:92px;
text-shadow: 2px 2px 2px #000;
padding-top:10px;

}

#two a:link {
color:#f6f6f6;
text-shadow: 2px 2px 2px #000;

}


#three {
color:#f6f6f6;
height:230px;
width:200px;
text-shadow: 2px 2px 2px #000;
float:left;
padding-right:10px;
padding-left:10px;
padding-top:10px;
margin-left:90px;

}


#three a:link {

color:#f6f6f6;
text-shadow: 2px 2px 2px #000;
}


#one a:hover {

color:#d5d5d5;
}

#two a:hover {

color:#d5d5d5;
}


#three a:hover {

color:#d5d5d5;
}


#one a:visited {

color:#f6f6f6;
}



#two a:visited {

color:#f6f6f6;
}


#three a:visited {

color:#f6f6f6;



}


#three ul,li,ol {

margin-top:40px;

}


hr.{
background-color:#fff;
border:#8a8a8a 1px dotted;
border-style: none none dotted;
color:#fff;
}