@charset "UTF-8";
/* CSS Document */


/* General styles 
------------------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}

body {
background: url(../_img/bg-main.jpg) repeat-x;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
overflow:hidden;
padding-top:50px;
}

p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.6em;
margin-bottom:15px;
}

a {
color:#666666;
}

h1 {
padding:0;
margin:30px 0 5px 0;
color:#000000;
}

div#header h1 a {
text-decoration:none;
color:#000000;
} 

h2 {
font-style:italic;
font-size: 30px;
color:#333;
font-weight:100;
margin-bottom:20px;

}

h3 {
font-style:italic;
font-size: 14px;
color:#666666;
font-weight: 100;
padding:0;
margin:0;

}

img {
border:0;
}

.clear {
	clear:both;
}

/* Nav styles 
------------------------------------------------------------------------------*/

ul#menu {
	position:absolute;
	z-index:1000;
	float:right;
	left:415px;
	width:630px;
	text-transform: uppercase;
	top: 60px;
}

ul#menu li{
list-style-type: none;
float:left;
margin:0 6px;
}

li#menu-home{
width:72px;
}

li#menu-about{
width:72px;
}

li#menu-services{
width:94px;
}

li#menu-diamonds{
width:100px;
}

li#menu-links{
width:72px;
}

li#menu-contact{
width:90px;
}

ul#menu li a{
display:block;
height:87px;
text-decoration: none;
list-style-type: none;
color: #666666;
font-size:14px;
padding:30px 0 0 10px;

}

ul#menu li a#nav-active {
background:url(../_img/nav-home.png) no-repeat;
color:#FFFFFF;
}

ul#menu li a#nav-about {
background:url(../_img/nav-home.png) no-repeat;
color:#FFFFFF;
padding-left:8px;
}

ul#menu li a#nav-contact {
background:url(../_img/nav-contact.png) no-repeat;
width:90px;
color:#FFFFFF;
}

ul#menu li a#nav-services {
background:url(../_img/nav-services.png) no-repeat;
width:94px;
color:#FFFFFF;
padding-left:8px;
}

ul#menu li a#nav-diamonds {
background:url(../_img/nav-diamonds.png) no-repeat;
width:103px;
color:#FFFFFF;
padding-left:9px;
}


/* Main Content styles 
------------------------------------------------------------------------------*/

div#header {
text-align:right;
width:320px;
height:135px;
background:url(../_img/logo-TBirdJewels.png) no-repeat;
padding:10px 0 0 20px;

}

#container {
height:500px;
padding: 40px 20px 20px 40px;;
}

div#ContentContainer {
width: 100%;
height:320px;
}

div#content {
width:940px;
height:270px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding-top:25px;

}


/* Home page styles 
------------------------------------------------------------------------------*/

div#intro {
float:left; 
width:570px;
}

div#intro a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
display:block;
padding:3px;
text-align:center;
width:82px;
text-decoration:none;
border:1px solid #CCCCCC;
margin-top:25px;
}

div#intro a:hover {
background-color:#FFFFFF;
}

div#introImg {
margin-left:600px;
}


/* slider styles 
------------------------------------------------------------------------------*/

/*#slider	{ 
height: 280px; 
overflow: hidden;
position: relative; 
margin: 30px 0;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC; 
}

#mover { 
width: 2880px; 
position: relative; 
}

.slide { 
padding: 40px 30px; 
width: 900px; 
float: left; 
position: relative; 
}

.slide p { 
color: #666666; 
font-size: 13px; 
line-height: 22px; 
width: 500px;
text-align:justify; 
}

.slide img { 
position: absolute; 
top: 20px; 
left: 550px; 
}

#slider-stopper	{ 
position: absolute;
top:-1; 
right: 20px; 
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
color:#666666;
text-decoration:none;
padding: 3px 8px; 
font-size: 10px; 
text-transform: uppercase; 
z-index: 1000; }

#slide-1 {
background:url(../_img/diamond.png) 600px 10px no-repeat;
width:960px;
height:300px;
}
*/


/* Footer styles 
------------------------------------------------------------------------------*/
div#footerContainer {
	width:960px;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	
}

div#footerContainer p {
	font-size:12px;
	color:#999999;
	margin:0 0 4px 0;
}


/* Contact page styles 
------------------------------------------------------------------------------*/
div#contactinfo {
float:left;
width:500px;

}

div#contactinfo ul{
list-style:none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0 0 15px 0;
padding:0;
}

div#map {
float:left; 
width: 380px; 
height: 300px;
border:1px solid #CCC;
margin-left:40px;
}

/* Contact form styles 
------------------------------------------------------------------------------*/

#contactFrame {
	width:500px;
	height:230px;
	overflow:hidden;
	border:1px solid #CCC;
}


/* About page slider styles 
------------------------------------------------------------------------------*/

.jflow-content-slide {
	width:920px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;

}

div#controllerWrapper {
	width:260px;
	position:absolute;
	top:460px;
	left:140px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#controllerWrapper ul li{
	float:left;
	list-style:none;
}

.slide-wrapper { 
	float:left;
	width:960px;
	height:100%;
	overflow:hidden;
}


div.description { 
	width:450px;
	float:left;
	margin:25px 0 0 0;
}

div.description p span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-style:italic;
	line-height:normal;
	font-weight:100;
	color:#333;
}

.slide-thumbnail { 
	float:left;
	margin:10px 0 0 40px;
}

.slide-thumbnail img {
	height:260px;
	border:10px solid #FFFFFF;
}

li.jFlowPrev, li.jFlowNext {
	color:#666666; 
	cursor:pointer; 
}

li.jFlowPrev {
display:block;
width:60px;
height:20px;
background:url(../_img/arrow-left.png) no-repeat;
background-position: 7px 4px; 
padding:2px 0 0 30px;
text-decoration:none;
border:1px solid #CCCCCC;
}

li.jFlowNext {
display:block;
width:60px;
height:20px;
background:url(../_img/arrow.png) no-repeat;
background-position: 7px 4px; 
padding:2px 0 0 30px;
text-decoration:none;
border:1px solid #CCCCCC;
margin-left:30px;
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { 
background-color:#FFF;
}

/* Links page styles 
------------------------------------------------------------------------------*/

.slider {
position:relative; 
overflow:hidden;
height:300px; 
width:920px;
}

.slidercontent {
position:absolute;
float:left;
}

.section {
margin:25px 0;
}

.section p{
width:530px;
}

.section ul {
width:460px;
background-color:#FFF;
text-align:center;
padding:0 15px 15px 15px;

}

.section ul li{
list-style:none;
margin-bottom:18px;
}

div#slidercontrols {
	position:absolute;
	top:400px;
	left: 80px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

div#slidercontrols ul {
margin:0;
padding:0;
}

div#slidercontrols ul li{
cursor:pointer;
list-style:none;
display:block;
width:60px;
padding-left:30px;
border:1px solid #CCCCCC;
}

div#slidercontrols ul li.down {
background:url(../_img/arrow-down.png) no-repeat;
background-position: 7px 3px; 
}

div#slidercontrols ul li.up {
background:url(../_img/arrow-up.png) no-repeat;
background-position: 7px 3px;
margin-bottom:70px;
}

div#slidercontrols ul li:hover {
background-color:#FFFFFF;
}

img#linksimg {
float:right;
margin:20px 20px 0 0;
}

ul#links li a img {
margin-left:100px;
}

#screenshot{
	position:absolute;
	background:#333;
	padding:5px;
	display:none;
}

/* Services page styles 
------------------------------------------------------------------------------*/

img#services-img {
	border:10px solid #FFFFFF;
}

div#intro-services {
	float:left;
	width:520px;
	margin-right:30px;
}

/* Diamonds page styles 
------------------------------------------------------------------------------*/

div#diamonds ul {
	padding:0;
	margin:30px 0 0 0;
}

div#diamonds ul li{
	list-style:none;
	display:block;
	float:left;
	width:164px;
	margin-right:10px;
	padding:3px;
	background-color:#FFF;

}

div#diamonds ul li:hover{
	border:5px #333 solid;
	margin:-5px 5px -5px -5px ;
}


div#diamonds ul li#final{
	margin-right:0;
}

#shape, #cut, #color, #clarity, #carat {
	width:550px;
	height:380px;
	overflow:auto;
	padding:20px;
}

#color {
	height:380px;
}

#carat {
	height:470px;
}

div.info-border {
	margin:10px 0;
	padding:15px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

img.img-left-border {
	float:left;
	padding:3px;
	border:1px solid#CCC;
	margin-right:8px;
}