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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of RESET */

body {background: #fff url(../images/body-bg.png) repeat-x top; font-family: "Gill Sans Light", "Gill Sans", Helvetica, Arial, sans-serif; font-size: 100%; letter-spacing:1px}
a{color: #3d69b9;}

#container {margin: 0 auto; width: 960px; padding-left:18px;
}

/* =================Header===============*/

#header {height: 120px;	position: relative;}
#logo {position: absolute;	right:0px;	top:0px;	text-indent: -9999px;	background: url(../images/sprites.png) no-repeat; background-position: 0 -467px; width: 456px; height: 176px;	width: 455px;	height: 176px;}
#logo a{display: block;	width: 455px; height: 176px;}


/* =================Navigation===============*/
#navigation {	position: relative;	font-size: .9em;	height: 28px;	margin-top:0px;	width: 960px;	font-weight: 100;}
#navigation ul {list-style-type: disc; width: 960px; padding: 7px 0px;}
#navigation li {display: inline;}
#navigation a{color: #ffffff;	padding: 6px 23px 6px 23px;	text-decoration: none; color: #c4c3c3; background: url(../images/nav-border.png) no-repeat;}
#navigation a:hover{background: url(../images/nav-selected.png) repeat-x;	color: #fff; padding: 6px 23px 6px 23px;}
#navigation .selected a{background:  url(../images/nav-selected.png) repeat-x; padding: 6px 23px 6px 23px; color: #fff;	}


#wrapper{margin-top: 28px;}


/* =================Home===============*/

#home-sidebar, #gallery-sidebar {width:220px; float:left; display:inline;	overflow:hidden; position:relative; color:#262626; line-height:110%; font-size:100%; padding:0px 10px 2px 0px; text-align:justify; letter-spacing: 0;}
#home-sidebar h2 {text-indent: -9999px;	background: url(../images/sprites.png) no-repeat;	background-position: 0 -1019px; width: 225px; height: 36px;}

#home-sidebar .more a{float: right;	display: inline;	position: relative;	line-height:1.6em;	color: #3d69b9;	text-decoration: none;	font-size: 1em; letter-spacing: 0px;}
#home-image {margin-top: 17px;}
img#home-image  {border: 1px solid #605f5f; margin-bottom:5px;}
.content {float: right;	display: inline; overflow: hidden; line-height: 1.6em; text-align: justify; color: #333333; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.content p {margin-bottom: 10px;}
#home-content {width: 720px; margin-right:5px; }
#slideshow {background: url(../images/all.png) no-repeat bottom left; width: 702px; height: 513px; float: right; padding-right: 12px;}

a.cs_leftBtn{background: url(../images/sprites.png) no-repeat 60% 60%; background-position: 0 -899px; width: 25px; height: 25px;}
.cs_leftBtn img {display:none;}
a.cs_leftBtn:hover{background: url(../images/sprites.png) no-repeat 60% 60%; background-position: 0 -929px; width: 25px; height: 25px;}
a.cs_rightBtn, a.rightBtn{background: url(../images/sprites.png) no-repeat; 60% 60%; background-position: 0 -959px; width: 25px; height: 25px; }
.cs_rightBtn img {display:none;}
a.cs_rightBtn:hover , a.rightBtn:hover{background: url(../images/sprites.png) no-repeat; background-position: 0 -989px; width: 25px; height: 25px; }
.hide{display: none;}

#home-content .more a{float:right; display:inline; position:relative; line-height:1.2em; color:#717171; text-decoration:none; font-size:1.2em; letter-spacing:1px; bottom:5px; right:10px;}

/* =================Footer===============*/
#footer { position:relative; height:40px;	color:#717171; font-size:0.8em;	text-align:center; z-index: 6;}
#footer ul {padding-top: 10px;}
#footer li {display: inline;}
#footer li a, #footer li a:link, #footer li a:visited {text-decoration: none;}
#footer li a:hover {text-decoration: underline;}
#footer li.last {border-right: 0px;}
#terms {font-size: 10px;}


/* =================aboutJA===============*/

#aboutJA-content-int{position: relative; height: 21px; width: 420px; float: right;}
#aboutJA-content-content {width: 374px; background: #fff; padding: 12px 14px 10px 14px; }
#aboutJA-content-int .bottom {width: 377px; }
#aboutJA #wrapper{margin-top: 28px; width: 660px;  margin-left:auto; margin-right: auto; padding-right:18px;}
#aboutJA #footer {padding-right:18px;}
#aboutJA .sidebar {width: 240px; float: left; display: inline; overflow: hidden;}
#aboutJA-content {padding-right: 25px; width: 395px; text-align: justify; font-size: .8em; letter-spacing:0px;  position: relative;}
#aboutJA .sidebar h2{text-indent: -9999px; background: url(../images/sprites.png) no-repeat; background-position: 0 -148px; width: 220px; height: 36px;}
#aboutJA-sidebar #aboutJA-photo {position: relative; padding: 20px 40px 42px 19px;}
#aboutJA-sidebar {position: relative; width: 240px;}
#aboutJA-photo-int{position: relative; height: 21px; width: 240px; float: right;}
#aboutJA-photo-content {width: 218px; height: 293px; background: #fff; margin-left: 1px;}
#aboutJA-photo-int .bottom {width: 197px;}
#aboutJA-sidebar .right {height: 273px;}
#aboutJA-jewlery-image {margin-top: 20px;}


/* =================Services, Information===============*/

#services-sidebar{width: 200px; float: left; overflow: visible; display: inline; }
#services #wrapper, #information #wrapper {width: 720px;}
#services .content, #information .content {width: 460px; background: url(../images/services_bg.png) repeat-x;  padding: 28px 20px 20px 20px; margin-top: -28px; min-height: 460px;}
#services #services-sidebar h2{ background: url(../images/sprites.png) no-repeat; background-position: 0 -858px; width: 91px; height: 36px; text-indent: -9999px; float: right; overflow: visible; display: inline; margin-right: -10px;}
#services-sidebar li {margin-bottom: 10px; float: right; overflow: visible; display: inline; clear: both; text-align: right;}
#services-sidebar a {color: #000; text-decoration: none;}
#services-sidebar a:hover {color: #fff; text-decoration: none;}
#services-sidebar .selected {color: #fff;}
.content ol {list-style-type: decimal; list-style-position:inside; }
.content p, .content li { text-indent: 25px; margin-bottom: 8px;}
.content h1 {font-size: 30px; font-weight: bold; line-height: 20px; margin-bottom: 20px; color: #000;}
#services-sidebar .video {position: relative; width: 220px; overflow: visible; margin-right: -20px; clear: both; margin-top: 15px;}
#services-sidebar .top-right{width: 24px; height: 21px; background: url(../images/top-right.png); position: absolute; top:-1px; right: 1px;}
#services-sidebar .right {width: 24px; height: 120px; background: url(../images/right.png); position: absolute; top:20px; right: 1px; }
#services-sidebar .bottom-left {width: 19px; height: 21px; background: url(../images/bottom-left.png); position: absolute; bottom:0px; left: 0px; }
#services-sidebar .bottom {height: 21px; width: 175px;  background: url(../images/bottom.png); position: absolute; bottom: 0px; right: 25px; }
#services-sidebar .bottom-right {width: 24px; height: 21px; background: url(../images/bottom-right.png); position: absolute; bottom:0px; right: 1px; z-index: 9; }
#services-sidebar .video-int{position: relative; margin-right: -20px; height: 21px; width: 219px; float: right; overflow: visible; display: inline;  bottom:10px; overflow: visible; clear: both;}
.video-list{padding: 0px; margin: 0px; width: 200px;}
#services-sidebar .video-list li{ text-align: left; }
.caption {color: #070000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; width: 200px; float: left; margin-top: -12px;}
#services-sidebar .video-list li a:link, #services-sidebar .video-list li a:hover{color: #070000;}

#services-sidebar ul ul li a{color: #3c68b9;}
#services-sidebar ul ul li {margin: 2px 0;  font-size: 0.9em; width: 200px; }
#information #services-sidebar h2 {background: url(../images/sprites.png) no-repeat; background-position: 0 -426px; width: 126px; height: 36px; text-indent: -9999px; float: right; overflow: visible; display: inline; margin-right: -10px;}


/* =================Gallery===============*/

#gallery .scroll {overflow: hidden;	width: 220px;	position: relative;	height: 580px;}
#gallery .scrollContainer {position: relative;}
#gallery .scrollContainer .panel {height: 182px;}
#gallery .inside {padding: 10px; border: 1px solid #999;}
#gallery .panel img {display: block; border: 1px solid #666; width: 218px; height: 174px !important;}
#gallery .inside h2 {font-weight: normal; color: #111; font-size: 16px;	margin: 0 0 8px 0;}
#gallery .inside p {font-size: 11px; color: #ccc;}
#gallery .scrollButtons-left {top: 0px; left: 60px;	position: absolute; cursor: pointer;}
#gallery .scrollButtons-right {left: 60px; bottom: 0px; position: absolute;	cursor: pointer;}
#gallery .hide {display: none;}
#gallery #slider {float: left; overflow: hidden; display: inline; width: 220px;	position: relative;	height: 580px;}
#slider li { margin-bottom: 18px !important; clear: both;}
#gallery #slideshow {float: right; width: 720px; height: 517px; background:url(../images/all.png) bottom right; padding-right: 0px;}
#gallery #slideshow img{width: 700px !important; height: 504px !important; }
#gallery #extra {float: right; width:720px; clear: right; margin-top: 0px;}
#gallery #info {width: 285px; float: right; letter-spacing: 0px; margin-right:100px;}
#gallery #info h2{font-size: 1.1em; color: #000;}
#gallery #info p{font-size: 1em; text-indent: 0px; letter-spacing:0px; line-height:1em;}
#gallery #more {width: 330px; overflow: visible; float: left;}
#gallery #more ul img{overflow:visible; height: 105px !important; width: 138px;}
#gallery #more ul img:hover {border: 1px solid blue;}
#gallery #more ul li {float: left; display: inline; margin-right: 5px; height:118px; width: 156px; background :url(../images/sprites.png) bottom right; background-position: 0 -648px; width: 153px; height: 117px; }
#gallery .scrollContainer ul {display: none;}
#gallery ul {list-style-type: none;}
#gallery li {list-style-type: none;}
#gallery .scrollContainer h2, .scrollContainer p, #more h2, #more p {display: none;}

#gallery #wrapper > h2#cad a {background: url(../images/sprites.png) no-repeat; background-position: 0 0; width: 156px; height: 32px; text-indent: -9999px; display:block; float: left; }
#gallery #wrapper > h2#finished a {background: url(../images/sprites.png) no-repeat; background-position: 0 -74px; width: 175px; height: 32px; text-indent: -9999px; display:block; float: left; }
#gallery #wrapper > h2#cad.active a, #gallery #wrapper > h2#cad a:hover {background: url(../images/sprites.png) no-repeat; background-position: 0 -37px; width: 156px; height: 32px; text-indent: -9999px; display:block; float: left;  }
#gallery #wrapper > h2#finished.active a, #gallery #wrapper > h2#finished a:hover {background: url(../images/sprites.png) no-repeat; background-position: 0 -111px; width: 175px; height: 32px; text-indent: -9999px; display:block; float: left;}
#gallery .panel .large {display: none !important;}
#gallery #home-content {margin-right: 0px;}


/* =================Contact===============*/

#contact #wrapper {width: 740px; margin-left: 60px;}
#contact .content {width: 380px; float: left; background: url(../images/services_bg.png) repeat-x;  padding: 28px 20px 20px 20px; margin-top: -28px;}
#contact .content p {text-indent:0px; color: #5a5a5a; margin-bottom: 30px; font-family: "Gill Sans Light", "Gill Sans", Helvetica, Arial, sans-serif; font-size: 1.2em;}
#contact .content table {width: 380px; float: right; }
#contact .content form td {text-align: right;  width: 260px;  vertical-align: top;}
#contact .content form tr {margin-bottom: 10px; height: 30px;}
#contact .content form .field {background: url(../images/sprites.png) no-repeat; background-position: 0 -189px; border: 0px; padding: 0px; height: 30px; width: 245px; padding-left:5px; padding-right: 10px; }
#contact .content form textarea {background: url(../images/sprites.png) no-repeat; background-position: 0 -224px;border: 0px; padding: 10px 10px 10px 5px; height: 180px; width: 245px; overflow: auto;}
#contact .content form .fld {padding-top:5px; font-family: "Gill Sans Light", "Gill Sans", Helvetica, Arial, sans-serif;}
#contact .content form td.button-td {width: 375px;}
#contact .content form input.button {width: 73px; height: 28px; background: url(../images/sprites.png) no-repeat; background-position: 0 -792px; text-indent: -9999px; border: 0px; padding: 0px; cursor: pointer; float: right; margin-right: 4px; line-height: 0px;}
#contact .content form input.button:hover {background: url(../images/sprites.png) no-repeat; background-position: 0 -825px; width: 73px; height: 28px;} 
#contact .content img { border: 1px solid #605F5F; display:block; margin:1em auto;margin-top:0;width:200px; }
#contact #contact-sidebar {width: 260px; float: right; letter-spacing:-1px;}
#contact #contact-sidebar iframe {border: 1px solid #605f5f;}
#contact #contact-sidebar p {margin-top: 15px; text-align: right; color: #000; font-weight: bolder;}
#contact #contact-sidebar #phone {padding-left: 20px; background: url(../images/sprites.png) no-repeat; background-position: 0 -770px; width: 17px; height: 17px; float: right; width: 130px;}
.clear {clear:both;}


.strong-italic {font-weight: bold; font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 1.1em; }
.size-13{ font-size: 1.3em; }
.italic {font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 1.1em;}

.top-right{width: 24px; height: 21px; background: url(../images/top-right.png); position: absolute; top:-1px; right: 0px;}
.right {width: 24px; height: 100%; background: url(../images/right.png); position: absolute; top:20px; right: 0px; }
.bottom-left {width: 19px; height: 21px; background: url(../images/bottom-left.png); position: absolute; bottom:0px; left: 0px; }
.bottom {height: 21px; background: url(../images/bottom.png); position: absolute; bottom: 0px; right: 24px; }
.bottom-right {width: 24px; height: 21px; background: url(../images/bottom-right.png); position: absolute; bottom:0px; right: 0px; }


/* User added Articles */
.itembody a,.error a,.guide a{color:#31606e;text-decoration:none;border-bottom:1px dotted #31606e}
.itembody a:hover,.error a:hover,.guide a:hover{color: #f79119; border-bottom:1px dotted #f79119;}
.itembody h1, h2, h3, h4, h5, h6{color:#31606e;}
.itembody h1 {font-size:16px; padding: 5px 0 5px 0;}
.itembody h2 {font-size:14px; padding: 4px 0 4px 0;}
.itembody h3 {font-size:12px; padding: 3px 0 3px 0;}
.itembody h4 {font-size:10px; padding: 2px 0 2px 0;}
.itembody ol {padding-left:20px; margin: 5px 0 5px 0;}
.itembody ul {list-style: disc inside; padding-left:20px; margin-top: 5px; margin-bottom: 5px}
.item .itembody{color:#36393D;}
.itembody img {margin: 10px;}
.itembody a.photo {border: 1px solid black;}
.itembody a.photo:hover {border: 1px solid blue;}

.content h2 + p, .content h1 + p {
	text-indent: 0 !important;
}

