/* CSS 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,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{font-style:normal;font-weight:normal;}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:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif; font-weight:normal;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */



body {
	text-align:center;
	color:#FFFFFF
}
a {
	text-decoration:none;
	color:#C1EBFF;
}
a:hover {
	text-decoration: underline;
	color:#FFFF80;
}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}



/* header */
#header { background:url(images/hd.jpg); height:167px; color:#FFFFFF; position:relative}
#header a {color:#FFFFFF; line-height:30px; font-size:11px}
#header .fl {margin-left:20px}

#header h1 {

font-size:30px; 
position:absolute; 
right:30px; 
top:30px;
color: #FFFF00;
}

#header h2 {

font-size: 20px; 
position: absolute; 
right: 30px; 
top: 60px;

}
#q,#submit {border:#899A7B 1px solid; background:#4C5446;  }
#header .fr {margin-right: 20px;line-height:30px;}
.iphone { position:absolute; left:10px; top:20px}



/* content  */

#content { 

background:url(images/ct_bg2.jpg)


}


.side {width:183px; background:url(images/sbg2.jpg)}

.main {width:570px}
.side, .main_i {margin-top:60px}
.main ul#nav {background: url(images/nav2.gif) 0% -1px; width:449px; height:32px;float:right}
.main ul#nav li{float:left; width:89px; text-align:center; line-height:26px }
.main h2 {background:url(images/ct_t2.gif); height:33px; width:527px; text-align:right; color:#FFFFFF; font-weight:700; font-size:18px; padding:5px 20px 0 0 }
.main ul#nav a { color:#fff}
.main ul#nav a:hover { color:#FFFF80; text-decoration:none; font-weight:700}
.main p {width:520px; margin:20px 25px}

.main_i img {
margin-left: 10px;

}

.main h3  {
font-size: 20px;

}

.main_i img {
margin-bottom: 10px;
margin-right:10px;
margin-top: 10px;
float: right;
}

.main ol  {

list-style-type: lower-roman;
list-style-position: outside;
margin-left: 20px;
line-height: 20px;


}

.float_right {
float: right;

}
.clear_right {clear: right}
#col div {width:226px; padding:20px 15px 0 25px}
#col h3{ line-height:39px; padding-left:40px; font-size:16px}

.side_i { margin:10px 0 0 20px}
.side_i li {list-style:inside disc; padding:0 10px; line-height:1.98em}
.side_i h2 {font-weight:700}
.bottom {list-style:inside disc; padding:0 10px; line-height:1.98em}

textarea {
color: #004080;
background-color: #C0C0C0;
font-weight: bold;
margin-top: 20px;
margin-left: 30px;

}

/*Table*/

table {
position: relative;
top: 0px;
left: 0px;
width: 70%;
border: 0px solid #000;
background: inherited;

}

table th, table td {

margin: 0;
padding: 5px 5px;
text-align: left;
border-bottom: 1px solid #b5b5b5;

}

table .name {

text-align: left;

}

/*Photo Gallery*/

.gallery    {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
  
.gallery img   {

  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
  
  
.gallery a:hover img   {

  border:1px solid #0000ff;
  }
  
.desc  {

  text-align:center;
  font-weight:normal;
  width:120px;
  margin:2px;
  }

.credit  {

margin-left: 230px;

}

/* footer */

#footer { background:url(images/ft.jpg); height:220px; position:relative}
#ftinner {font-size:11px; position:absolute; bottom:2px; left:100px}