body {
color : #666;
background : #222527;
}
.container-inner {
width : 910px;
margin-right : auto;
margin-left : auto;
padding : 20px;
background : #fff;
}
.container {
margin-left : auto;
margin-right : auto;
width : 100%;
}

#casing{border: #CCC solid 1px;
}

#wrap {
background : url(http://ww.gemgfx.com/images/shadow_bk.png) no-repeat top center;
}
#wraptile {
background : #222527 url(http://ww.gemgfx.com/images/bg_glow.jpg) no-repeat top center;
}
h1, h2, h3, h4, h5, h6 {
color : #ff0000;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color : #ff0000;
}
h3.sub, h2.sub {
margin : 0 0 10px 0;
padding : 0 0 5px 0;
font-size : 1.1em;
font-weight : bold;
line-height : 1em;
text-transform : uppercase;
letter-spacing : 2px;
color : #515151;
}
a {
color : #666666;
text-decoration : none;
}
a:hover, a:focus {
color : #ff0000;
}
p {
color : #666;
}
h6.top {
color : #ccc;
}
#topcase {
background :#222527;
}
#top {
width : 950px;
height : 90px;
color : #666;
margin-left : auto;
margin-right : auto;
padding-top:5px;
background :#222527 url(http://ww.gemgfx.com/wp-content/uploads/2010/01/header_bk_glow.jpg) no-repeat top center;
}
#top a {
color : #666;
}
.login {
float : left;
}
#video_bk {
background : url(images/new_ad_bk.jpg) no-repeat center top;
width : 570px;
height : 650px;
}
#video {
margin-top : 205px;
}
#livehelp {
float : right;
padding-right : 40px;
padding-top : 25px;
}
#masthead {
float : left;
height : 70px;
}
#masthead h4, #masthead span {
margin : 0;
padding-left : 20px;
}
#masthead h4 {
font-weight : bold;
text-transform : uppercase;
float : left;
}
#masthead h4 a {
color : #666;
text-decoration : none;
}
#masthead span.description {
color : #ccc;
text-transform : lowercase;
font-size : 0.7em;
}
.double-border {
background : url(images/double-border.png) repeat-x bottom;
height : 8px;
width : 100%;
clear : both;
float : none;
border : none;
margin : 1em 0;
}
#middle {
width : 950px;
height : 382px;
margin-left : auto;
margin-right : auto;
}
#middleshadow {
background : url(http://ww.gemgfx.com/images/middle_bk.png) no-repeat top center;
}
#middlecase {
height : 382px;
background : #222527;
}
#services {
width : 950px;
height : 150px;
}
#servicesleft {
width : 296px;
height : 150px;
float : left;
padding-left : 10px;
padding-right : 10px;
}
#callaction {
width : 930px;
border-bottom : 1px solid #999999;
padding-bottom : 20px;
padding-top : 20px;
padding-left : 10px;
padding-right : 10px;
background : #222527 url(http://ww.gemgfx.com/images/footer_bk_new.jpg) no-repeat;
margin-left : auto;
margin-right : auto;
}
#callactionleft {
width : 300px;
float : left;
}
#brdeweb{width: 565px;
}
#callactionmiddle {
width : 300px;
margin-left : auto;
margin-right : auto;
border-left : 1px solid #333;
border-right : 1px solid #333;
}
#callactionright {
width : 300px;
float : right;
}
#nav {
float : right;
margin : 46px 0 0 0;
background : #2a2e31;
padding : 6px 4px 4px 10px;
}
#nav ul, #nav ul li {
margin : 0;
padding : 0;
}
#nav ul li {
font-size : 10px;
font-weight : bold;
text-transform : lowercase;
list-style : none;
float : left;
margin-right : 15px;
position : relative;
color : #eee;
}
#nav ul li a {
color : #eee;
text-decoration : none;
}
#nav ul li a:hover {
color : #fff;
}
#nav ul li ul {
display : none;
}
#nav ul li.drop:hover ul {
display : block;
}
#nav ul li ul {
padding-top : 7px;
margin-left : -10px;
position : absolute;
z-index : 200;
}
#nav ul li ul li {
margin-right : 0;
float : none;
font-weight : normal;
font-size : 11px;
z-index : 210;
}
#nav ul li ul li a {
display : block;
background : #1a1a1a;
padding : 7px 10px;
width : 130px;
color : #999;
background-repeat : no-repeat;
background-position : 5px 50%;
}
#nav ul li ul li a:hover {
text-decoration : underline;
background : #000;
}
#nav ul li ul li a.icon {
padding-left : 30px;
}
#nav ul li ul li a.entries {
background-image : url(images/rss.png);
background-repeat : no-repeat;
background-position : 5px 50%;
}
#nav ul li ul li a.comments {
background-image : url(images/chat.png);
background-repeat : no-repeat;
background-position : 5px 50%;
}
#nav ul li ul li a.phone {
background-image : url(images/phone.png);
background-repeat : no-repeat;
background-position : 5px 50%;
}
#nav ul li ul li a.email {
background-image : url(images/email.png);
background-repeat : no-repeat;
background-position : 5px 50%;
}
#nav ul li ul.push {
margin-top : 12px;
z-index : 211;
}
#nav ul li.enhanced {
margin-right : 0;
padding-right : 15px;
z-index : 211;
}
#nav ul li.enhanced span {
padding-right : 7px;
float : left;
z-index : 211;
}
#nav ul li.enhanced a.arrow {
display : block;
position : relative;
top : -2px;
width : 18px;
height : 15px;
overflow : hidden;
float : left;
}
#nav ul li.enhanced a.arrow:hover {
cursor : pointer;
}
#nav ul li.enhanced a.arrow img {
display : block;
position : relative;
border : 0;
}
#nav ul li.enhanced a.rest img {
top : 0;
}
#nav ul li.enhanced a.hover img {
top : -15px;
}
#nav ul li.enhanced a.open img {
top : -30px;
}
.content h2 {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.post {
display : block;
clear : both;
}
.post h4, .post h6 {
font-family : Georgia, serif;
}
.postmetadata {
background : #000;
padding : 1em;
color : #999;
}
.postmetadata a:hover {
color : #fff;
}
.underlined {
border-bottom : 1px solid #eee;
}
h6.underlined {
margin : 0 0 1em;
}
.welcomebox {
padding : 1.5em;
margin-bottom : 1.5em;
background : #eee;
}
.welcomebox p, .welcomebox h2 {
color : #000;
}
.nav-image-left, .nav-image-up, .nav-image-right {
text-align : center;
float : left;
width : 25px;
margin : 0 10px 0 2px;
}
.nav-image-left a, .nav-image-up a, .nav-image-right a {
background : #eee;
padding : 2px 48% 2px 48%;
text-decoration : none;
color : #000;
}
.nav-image-left a:hover, .nav-image-up a:hover, .nav-image-right a:hover {
background : #000;
color : #fff;
}
.nav {
background : #eee;
margin : 0 0 1em 0;
}
.nav:hover {
background : #ccc;
}
.prev a, .next a {
color : #222;
text-decoration : none;
padding : 0.2em 1em;
}
.nav-interior {
margin : 0;
padding : 0;
clear : both;
display : inline;
}
.nav-interior .next {
color : #000;
text-decoration : none;
float : right;
}
.nav-interior .prev {
color : #000;
text-decoration : none;
float : left;
}
#sidebar {
width : 300px;
margin : 0;
padding-left : 0px;
padding-right : 0px;
padding-top : 25px;
float: right;
}
#sidebar h3 {
margin : 0;
padding : 0 0 0.6em 0;
}
#sidebar .item {
margin : 0 0 1em 0;
}
#sidebar ul {
list-style : none;
margin : 0 0 1.6em 0;
font-size : 1em;
}
#sidebar ul li a, ul.txt li {
color : #333;
height : 1%;
line-height : 1.2em;
border-bottom : 1px solid #999999;
display : block;
padding : 6px 0 6px 8px;
}
#sidebar ul li a:hover, ul.txt li:hover {
color : #fff;
background-position : 1px 0.8em;
background : #666666;
}
#sidebar ul li a span, ul.txt li, h4 a span {
color : #696455;
}
#sidebar ul li.active a {
cursor : default;
color : white;
}
#sidebar ul ul {
margin : 0;
list-style : none;
}
#footer-wrap {
font-size : 10px;
}
#footer {
width : 940px;
height: 300px;
padding-left : 10px;
padding-top : 0px;
color : #999;
text-align : left;
margin-left : auto;
margin-right : auto;
background : url(http://ww.gemgfx.com/wp-content/uploads/2010/01/footer_bk_new.jpg) no-repeat top center;
}
#footer-bk {
background:url(http://ww.gemgfx.com/wp-content/uploads/2010/01/footer_wrap_bk.jpg) repeat-x;
}
#footer p {
color : #fff;
}
#footer h3 {
margin : 0;
padding : 0 0 0.6em 0;
border-bottom : none;
color : #999;
}
#footer .item {
margin : 10px 0 1em 0;
}
#footer ul {
list-style : none;
margin : 0 0 1.6em 0;
font-size : 1em;
}
#footer ul li a, ul.txt li {
height : 1%;
line-height : 1.2em;
display : block;
padding : 6px 0 6px 8px;
border-bottom : 1px solid #000;
width : 150px;
}
#footer ul li a:hover, ul.txt li:hover {
color : #fff;
background-position : 1px 0.8em;
background : #111;
}
#footer ul li a span, ul.txt li, h4 a span {
color : #696455;
}
#footer ul li.active a {
cursor : default;
color : white;
}
#footer ul ul {
margin : 0;
list-style : none;
}
#footer ul#recentcomments {
list-style : none;
margin : 0 0 1.6em 0;
font-size : 1em;
}
#footer ul#recentcomments li.recentcomments {
display : block;
padding : 4px 0 4px 8px;
}
#footer ul#recentcomments li.recentcomments a {
border : 0;
background-image : none;
}
#footer ul#recentcomments li.recentcomments a:hover {
color : #fff;
background-position : 1px 0.8em;
background : #111;
}
#footer ul#recentcomments li.recentcomments a span {
color : #696455;
}
#footerlogos {
width : 950px;
height : 60px;
margin-left : auto;
margin-right : auto;
padding-bottom : 20px;
}
#logosbk {
background : #000 url(http://ww.gemgfx.com/wp-content/uploads/2009/09/footer_logo_bk.png) repeat-x;
font-size : 10px;
}
#pennantlow {
width : 243px;
height : 27px;
background : url(http://ww.gemgfx.com/images/pennant_bottom.png) no-repeat top center;
float : right;
}
#copyright {
float : left;
padding-top : 20px;
padding-left : 10px;
width: 360px;
}
#w3cholder{
width:330px;
padding-top:20px;
float: right;
}
.right {
float : right;
}
.left {
float : left;
}
.middle {
margin : 0 auto;
float : left;
}
.clear {
clear : both;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
max-width : 950px;
}
img.alignright {
padding : 4px;
margin : 3px 0 2px 10px;
display : inline;
max-width : 950px;
}
img.alignleft {
padding : 4px;
margin : 3px 10px 2px 0;
display : inline;
max-width : 950px;
}
img.alignnone {
padding : 0 4px 4px 0;
margin : 3px 10px 2px 0;
display : block;
max-width : 950px;
}
.alignleft {
float : left;
}
.alignright {
float : right;
}
.aligncenter, div.aligncenter {
display : block;
margin-left : auto;
margin-right : auto;
}
.wp-caption {
padding-top : 0;
margin : 0;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
text-align : center;
padding : 0.5em 0;
margin : 0;
background : #000;
max-width : 950px;
color: #FFF;
}
.home .wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
text-align : center;
padding : 0.5em 0;
margin : 0;
background : #000;
max-width : 590px;
color: #FFF;
}
.thumbnail, .attachment-thumbnail {
max-width : 150px;
margin : 0 1.5em 1.5em 0;
float : left;
}
.attachment-medium {
max-width : 950px;
overflow : hidden;
display : inline;
}
.attachment-large {
max-width : 950px;
overflow : hidden;
display : inline;
}
.content .size-medium, content size-large {
margin : 0 1.5em 1.5em 0;
}
.home .size-medium, .home .size-large {
max-width : 590px;
height : auto;
overflow : hidden;
margin : 0 0.5em 0.5em 0;
}
dl.gallery-item .gallery-caption {
clear : both;
float : none;
width : 150px;
}
dl.gallery-item {
width : 170px;
padding : 10px;
}
.gallery-icon .attachment-thumbnail {
padding : 0;
margin : 0;
}
.gallery {
width : auto;
}
#filters {
clear : both;
height : 2em;
margin-bottom : 1em;
}
#filters li {
float : left;
margin-right : 2em;
}
:focus {
outline : 0;
}
.advertisement .box {
background : #e5ecf9;
}
#date {
width : 300px;
float : left;
color : #999;
font-size : 11px;
padding-top : 6px;
}

#navbarright {
	padding-top : 3px;
	width: 260px;
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: right;
	}
	
#emailform{float: left; width: 230px; height: 25px; padding-top: 3px;
background:url(http://ww.gemgfx.com/wp-content/uploads/2010/01/search_bk.png) no-repeat top left;
}

#emailform input, textarea, select {
font-size: 11px;
  color: #999999;
  border:none;
  background: url(images/input_bk.png) no-repeat;
}  


#searchbar {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/searchbar_bk.png) repeat-x bottom;
height: 35px;
}
#searchbox {
margin-right : auto;
margin-left : auto;
width : 950px;
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/footer_bk_logo_top.png) no-repeat bottom center;
height: 35px;
}
#search {
float : right;
width : 230px;
height : 25px;
background : url(http://ww.gemgfx.com/wp-content/uploads/2010/01/search_bk.png) no-repeat top center;
}
#search #s {
background : #ddd url('images/search.png') no-repeat 0 center;
color : #222;
font-size : 1em;
margin : 0;
padding : 4px 0 4px 17px;
width : 150px;
border : 1px solid #333;
}
#search input {
border : 0;
}
#search #s:hover {
color : #0066cc;
background : #fff url('images/search_blue.png') no-repeat 0 center;
}
.search-excerpt {
margin : 0;
}
h3#comments {
margin : 10px 0 0;
padding : 20px 10px;
background : #000;
}
h3#comments span.comments-subscribe {
float : right;
font-size : 0.7em;
margin-left : 3px;
padding : 0 0 0 19px;
background : url("images/rss.png") no-repeat 0 50%;
color : #cccccc;
}
h3#respond {
margin : 10px 0 0;
padding : 20px 10px;
background : #000;
}
ol.commentlist {
list-style-type : none;
margin : 0;
padding : 0;
border-top : 5px solid #eee;
}
ol.commentlist li strong {
padding-left : 1em;
}
ol.commentlist li .comment-entry {
margin : -70px 0 0;
border-bottom : 5px solid #eee;
padding : 0px 150px 0;
line-height : 2em;
}
ol.commentlist li .avatar {
border : 1px solid #000;
padding : 1em;
margin : 2em 1em 1em 0;
}
#commentform {
margin : 0 0 7px;
padding : 30px 20px 6px;
border-top : 10px solid #333;
background : #000;
}
ul#portfolio {
padding : 0;
list-style : none;
margin : 0 0 1em;
overflow : hidden;
max-height : 590px;
}
ul#portfolio li {
list-style : none;
padding : 0;
}
ul#portfolio li h4 {
margin : 0 0 0.5em 0;
text-transform : uppercase;
padding : 0 16px;
}
ul#portfolio li img {
max-width : 950px;
text-align : center;
margin : 0;
}
.menu {
width : 950px;
height : 30px;
position : relative;
z-index : 1000;
font-family : arial, sans-serif;
margin-left : auto;
margin-right : auto;
}
* html .menu {
width : 746px;
width : 746px;
}
.menu ul {
padding : 0;
margin : 0;
list-style-type : none;
}
.menu li {
float : left;
position : relative;
}
.menu a, .menu a:visited {
display : block;
font-size : 12px;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration : none;
color : #999;
height : 30px;
padding-left : 10px;
padding-right : 10px;
line-height : 30px;
font-weight : normal;

}
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
}
.menu ul ul a.drop:hover {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
}
.menu ul ul :hover > a.drop {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
}
.menu ul ul ul a, .menu ul ul ul a:visited {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
}
.menu ul ul ul a:hover {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
}
.menu ul ul {
visibility : hidden;
position : absolute;
height : 0;
top : 30px;
left : 0;
}
* html .menu ul ul {
top : 30px;
top : 30px;
}
.menu table {
position : absolute;
top : 0;
left : 0;
border-collapse : collapse;
}
.menu ul ul a, .menu ul ul a:visited {
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_trans.png) repeat-x;
color : #fff;
height : auto;
line-height : 1em;
padding : 5px 10px;
width : 140px;
}
.menu a:hover, .menu ul ul a:hover {
color : #fff;
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_flip.jpg) repeat-x;
}
.menu :hover > a, .menu ul ul :hover > a {
color : #fff;
background : #ff0000 url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new_flip.jpg) repeat-x;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility : visible;
}
.menu ul :hover ul ul {
visibility : hidden;
}
.menu ul :hover ul :hover ul {
visibility : visible;
}
.menu ul ul .current_page_item a {
color : red;
background : white;
border-left : 1px solid black;
}
.menu .current_page_item a {
color : red;
font-weight : bold;
background : white;
}
.menu ul .current_page_item ul a {
color : white;
font-weight : normal;
background : black;
}
.menu ul .current_page_item ul a:hover {
background : gray;
}
.menu .current_page_item a:hover {
background : white;
}
#menubk {
height : 30px;
background : url(http://ww.gemgfx.com/wp-content/uploads/2009/09/menu_bk_new.jpg) repeat-x;
}
#graphic-hover {
width : 140px;
height : 130px;
z-index : 100;
}
#graphic-hover-close {
width : 51px;
height : 15px;
z-index : 105;
position : fixed;
top : 354px;
left : 50px;
}
#graphic-hover-close:hover {
cursor : pointer;
}
* html #graphic-hover {
position : absolute;
}
* html #graphic-hover-close {
position : absolute;
}
#graphic-hover {
position : fixed;
top : 250px;
left : 0;
}
#services {
width : 310px;
height: 300px;
font-size : 11px;
}
#services h3 {
font-weight : bold;
font-size : 13px;
}
#block {
float : right;
text-align : left;
width : 210px;
height : 75px;
padding-left : 5px;
border-left : thin solid #999;
padding-top : 10px;
}
#imageblock {
float : left;
width : 84px;
height : 100px;
padding-right : 5px;
}
#block2 {
float : right;
text-align : left;
width : 210px;
height : 75px;
padding-left : 5px;
border-left : thin solid #999;
padding-top : 10px;
}
#imageblock2 {
float : left;
width : 84px;
height : 100px;
padding-right : 5px;
}
#block3 {
float : right;
text-align : left;
width : 210px;
height : 75px;
padding-left : 5px;
border-left : thin solid #999;
padding-top : 10px;
}
#imageblock3 {
float : left;
width : 84px;
height : 100px;
padding-right : 5px;
}

#package1{
	width: 500px;
	height: 190px;
	margin-bottom: 30px;
	border-bottom:#CCC 1px solid;
	
}
#package2{
	width: 500px;
	height: 190px;
	margin-bottom: 30px;
	border-bottom:#CCC 1px solid;
	
}#package3{
	width: 500px;
	height: 190px;
	margin-bottom: 30px;
	border-bottom:#CCC 1px solid;
	
}#package4{
	width: 500px;
	height: 190px;
	margin-bottom: 30px;
	border-bottom:#CCC 1px solid;
	
}
#packageimg{
	width: 125px;
	height: 174px;
	float: left;
	padding-top: 20px;
	
}

#packagetxt{
	width: 360px;
	height: 150px;
	float: right;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 11px;
}
#paybox{width: 500px;
font-size: 11px;
}
#paywindow{
	width: 105px;
	height: 105px;
	padding: 10px;
	background:url(http://ww.gemgfx.com/wp-content/uploads/2010/01/pay_window_bk.jpg) no-repeat top center;
	text-align: center;

}