/* CSS Document */
/* Typeography*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin:0;
padding:0;
outline: 0;
} 
a { text-decoration:none;
color:#C0FFFE;
}
a:hover{color:#00FFFC; text-decoration:none;}

h1, h2, h3 {
color:#fff;
font-weight:normal;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;

}
h1{
font-size:1.5em;
line-height: 1.333em;
margin-top: 4px;
margin-bottom: 4px;
background-image:url(opacity20.png);
padding:11px 15px 11px 15px ;
}
.first {margin-top:0;}
h2 {
font-size:1.333em;
line-height:1.333em;
background-image:url(opacity10.png);
padding:.5em 15px .32em 15px ;
}
h3{
font-size:1.2em;
line-height:1.2em;
background-image:url(opacity10.png);
padding:.5em 15px .25em 15px ;
}

body{
	background-color:#DFE2DD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#ddd;
	background-image:url(background.gif);
	background-position:center;
	background-repeat:repeat;
	background-attachment:fixed;
}
html>body {
font-size: 12px;
 }
#wrapper{
position:absolute;
	width:944px;
	left:50%;
	margin-left:-472px;
}
p{
font-size:1em;
line-height:1.5em;
}

#content p {
background-image:url(opacity10.png);
padding:.75em 15px .75em 15px ;
font-size:1.166em;
}

#header{
margin-top:22px;
width:944px;
height:176px;
background-image:url(header.png);
}
#logo{
border:none;
position:relative;
top:15px;
left:27px;
}
#introduction{
position:absolute;
text-align:right;
float:right;
top:52px;
right:30px;
color:#777;
}
#introduction a{
color:#aaa;
}
#introduction a:hover{
text-decoration:underline;
color:#00FFFC;
}
#nav{
height:54px;
float:right;
position:absolute;
top:150px;
right:15px;
font-size:14px;
}
#nav ul{
list-style:none;
text-align:center;
}
#nav li {
margin-right:5px;
position:relative;
float:left;

}
#nav li a {
display:inline;
height:30px;
padding-right:10px;
color:#C0FFFE;
float:left;
outline: 0;
line-height:28px;
}
#nav li a span{
padding-left:10px;
display:block;
height:30px;
float:left;
}
#nav li a:hover{
background-image:url(nav_hover.gif);
background-position:top right;
background-repeat:no-repeat;
color:#00FFFC;
}
#nav li a:hover span{
background-image:url(nav_hover.gif);
background-position:top left;

}
#content{
position:relative;
top:20px;
width:900px;
margin-left:22px;
}
#leftnav{
width:222px;
margin-right:15px;
float:left;
clear:right;

}
#leftnav h1{
margin:0;
}
#leftnav ul{
list-style:none;
background-image:url(opacity10.png);
padding-bottom:5px;
margin-bottom:4px;
}
#leftnav li{
height:30px;
line-height:28px;
margin-left:5px;
margin-right:5px;
background-image:url(horizontal_divide.gif);
background-position:top;
background-repeat:repeat-x;
}
#leftnav li:hover{
background-image:url(horizontal_divide_highlight.png);
background-position:top;
}
#leftnav li a{
display:block;
height:30px;
padding-left:20px;
margin-left:10px;
margin-right:10px;
outline: 0;
background-image:url(green_arrow.gif);
background-position: 0px 11px;
background-repeat:no-repeat;
color:#C0FFFE;
text-decoration:none;
}
#leftnav li a:hover{
color:#00FFFC;
text-decoration:none;

}
#left_column{
width:222px;
margin-right:15px;
float:left;
clear:right;

}
#right_column{
width:648px;
padding-left:15px;
background-image:url(vertical_divide.gif);
background-position:left;
background-repeat:repeat-y;
float:left;
display:inline;
}
.photo_block{
background:url(opacity10.png);
padding:11px 0px 11px 0px;
width:648px;
}
#footer{
position:relative;
top:20px;
clear:both;
background-image:url(horizontal_divide.gif);
background-position:top;
background-repeat:repeat-x;
height:100px;
}
#footer p{
position:relative;
padding:0 15px 0 0;
top:15px;
float:right;
text-align:right;
background-image:url(vertical_divide.gif);
background-position:right;
background-repeat:repeat-y;
display:inline;
font-size:1em;


}
img.right{
float:right;
position:relative;
top:14px;
left:4px;
display:inline;
}
.thumb{
margin:8px 0 8px 15px;
float:left;
width:301px;
}
.caption{
float:right;
padding:0;
margin:0;
line-height:24px;
text-align:right;
}

.left{
margin-right:15px;
}
p img{
padding-top:5px;
}
img.thumbnail{
border:1px solid #8F9FB5;
}
.clear{
clear:both;
}
a img{
border:1px solid #00FFFF;

}
a:hover img{
border:1px solid #00FFFF;
	}
#twitter img{
float:left;
position:relative;
top:15px;
border:none;
}

/*EASY SLIDER*/
 /* image replacement */
        #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider, #slider li{ 
	width:618px;
	height:270px;
	overflow:hidden; 

	}
#slider li img {
border:none;
width:618px;
	height:270px;
}
#slider_wrapper{
width:618px;
height:270px;
padding:15px;
background-color:#000;
overflow:hidden; 
}

#prevBtn, #nextBtn{
display:block;
width:27px;
height:90px;
position:absolute;
top:105px;
z-index:1000;

}
#nextBtn{ 
		left:858px;
		}	
#prevBtn a, #nextBtn a{
display:block;
		position:relative;
		width:27px;
		height:90px;
		background:url(slider_left_button.png) no-repeat 0 0;
}
#nextBtn a{
		background:url(slider_right_button.png) no-repeat 0 0;
}
/*ENQUIRY FORM*/
#form{
background-image:url(opacity10.png);
padding:15px 15px 22px 15px;

width:192px;
margin:auto;
overflow:hidden;
clear:both;
}
#form p, #form h2{
background-image:none;
padding:0;
}
#form h2{
padding:0 0 0 0px ;
}
#form p{
padding:.75em 0 .25em 0px ;
font-size:12px;

}
textarea{
width:188px;
height:100px;
}
input,textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#C0FFFE;
margin:1px 0 1px 0;
background-image:url(form_bg.gif);
border:none;
border-color:transparent;
outline:none; } 
input{
padding:4px 0 4px 0;
}
input:focus,textarea:focus {
margin:0;
border:1px solid #00FFFC;  
border-color:#00FFFC;
}
.button{
position:relative;
top:10px;
background-image:url(templatemedia/submit_button.gif);
display:block;
width:87px;
height:40px;
vertical-align: middle; 
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  overflow: visible; /* IE6 form button fix */ 
  float:right;
  color: #C0FFFE;
}
.button:hover{
  color: #00FFFC;
  border:none;
}
/*TABS*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 4px 0 0px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav h2 a{
    display: block;
	padding:.64em 15px .64em 15px ;
		background-image:url(opacity10.png);
		outline: 0;
	
}
.ui-tabs-nav h2 {
background-image:none;
padding:0;
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-selected h2 a{
background-image:url(opacity20.png);
}
.ui-tabs-nav h2 .ui-tabs-selected h2 {
    position: relative;
    z-index: 2;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
color:#fff;
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;

}
#rotate p{
background-image:url(opacity20.png);
margin-bottom:4px;
overflow:auto;
}
#rotate img{
float:left;
border:none;
margin-right:12px;
margin-top:-4px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* QUOTES */
.quote_div{
padding:15px 0 15px 0;
background-image:url(opacity10.png);
margin-bottom:4px
}
#content p.right{text-align:right; background-image:none; font-size:12px;}
.right{text-align:right; background-image:none; }
#content  p.quote{
border-left:1px solid #ddd;
padding:0 15px 0 5px;
background-image:none;
margin-left:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:12px;
}
/* SOLCIAL NETWORKING */

#social_networking{
list-style-type:none;
background-image:url(opacity10.png);
margin-top:4px;
padding:10px 15px;
}
#social_networking li{
display:inline;
padding-right:15px;
line-height:16px;

}
#social_networking li img{
border:0;
padding-right:6px;
}
.blogger{
padding-left:24px;
background:url(blogger_icon.gif) no-repeat 0 1px;
}