/*------------------------------------------------------------------
[Table of contents]

Global
- Reset
- Typography
- Layout
- Web header and Navigation
- Images/thumbnails styles
Pages
- Home

---------------------------------------------------------------------
=> GLOBAL------------------------------------------------------------
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Resets- Tabula rasa]
-------------------------------------------------------------------*/
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, b, u, i, center, 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;
}
html {
  height: 100%;
}
body {
	line-height: 1;
  height: 100%;
}

.body_wrapper { /* this is the div you want to fill the window */
  min-height: 100%;
}

* html .body_wrapper { /*IE 6 hack*/
height:100%
}

ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
/*Display your focus, it's important*/
:focus {
	outline: 0
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/*------------------------------------------------------------------
[Typography]
-------------------------------------------------------------------*/
body {
	color: #333;
	font-size: 11px;
  font-family: Geneva, sans-serif;
}

.body_wrapper {
  background: #fff url(../images/bg/bottom.jpg) repeat-x bottom;
}

.main h1 {
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
}
.main h2,
.side_bar h2 {
	padding: 20px 0 0;
	font-weight: normal;
	font-size: 22px;
	margin-bottom: 15px;
	padding-top: 15px;
	text-align: left;
	color: #2570BA;
}

.main_content p {
  font-family:Georgia,"Times New Roman",Times,serif;
  line-height: 20px;
	color:#555555;
	font-size:15px;
	line-height:25px;
	margin-bottom:15px;
}

a {
	color: #2570ba;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*------------------------------------------------------------------
[Layout]
-------------------------------------------------------------------*/
.main_container{
  background: url(../images/bg/top.jpg) repeat-x top;
}

.main, #thumbs{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 750px;
	width: 925px;
}
.main_content {
	float: left;
	width: 541px;
	padding-left: 25px;
	padding-bottom: 10px;
}
.side_bar {
	float: right;
	margin-right: 25px;
  width: 230px;
}
.side_bar p {
  text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: #666;
}

.main, #footer, #thumbs{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 750px;
	width: 950px;
}

#footer {
  text-align: right;
  color: #999;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-right: 50px;
  overflow: hidden; 
  padding-bottom:1px;
}

/*------------------------------------------------------------------
[Web header and Navigation]
-------------------------------------------------------------------*/
#header {
  overflow: hidden;
  margin:0 25px 10px;
  height: 1%; /*IE6 fix*/
}

#logo {
  float:left;
  text-indent:-9999px;
}

#logo a {
  background: url(../images/logo.png) no-repeat scroll left 38px;
  height: 110px;
  width:345px;
  display: block;
	border: none;
}

#nav {
	float: right;
	font-size: 18px;
  margin-top: 68px;
  font-family: Geneva, sans-serif;

}

#nav li {
	list-style: none;
	font-variant: small-caps;
	text-align: right;
	float: left;
	margin-left: 15px;
}

#nav li a{
  border: none;
  text-decoration: none;
  color: #304d92;
  padding: 3px 10px 1px 10px;
}

#nav li a:hover{
  background-color: #9dbaeb;
  color: #fff;
  -moz-box-shadow:inset 2px 2px 8px #333;
  -webkit-box-shadow:inset 2px 2px 8px #333;
  box-shadow:inset 2px 2px 8px #333;
}

#home .home,
#about .about,
#photos .photos,
#contact .contact {
  background-color: #9dbaeb;
  color: #fff;
  -moz-box-shadow:inset 2px 2px 8px #333;
  -webkit-box-shadow:inset 2px 2px 8px #333;
  box-shadow:inset 2px 2px 8px #333;
  
}

/*------------------------------------------------------------------
[Images thumbnails]
-------------------------------------------------------------------*/
#thumbs {
  padding-left: 26px;
  margin-top: 10px;
}

#thumbs li{
  float: left;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 5px;
}


#thumbs li a img {
  -moz-box-shadow: 2px 2px 8px #888;
  -webkit-box-shadow: 2px 2px 8px #888;
  box-shadow: 2px 2px 8px #888;
}

.main_content .img_style,
#home .main_content img {
  border: 1px solid #ccc;
  padding: 5px;
  -moz-box-shadow: 2px 2px 10px #CCCCCC;
  -webkit-box-shadow: 2px 2px 10px #CCCCCC;
  box-shadow: 2px 2px 10px #CCCCCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.side_bar {
  text-align: right;
}

/*---------------------------------------------------------------------
=> PAGES------------------------------------------------------------
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Homepage]
-------------------------------------------------------------------*/
#home .main_image {
  margin-top:4px;
}

#home .main_content img {
  width: 630px;
  height: 360px;
}

#home #img_02, 
#home #img_03,
#home #img_04,
#home #img_05 {
  display: none;
}