/*

	Theme Name: GemGfx 2010 Theme

	Theme URI: http://ww.gemgfx.com

	Description: GemGfx 2010 Theme is a 3-column, widget-ready theme with a cool, minimalist magazine look. Designed using Wordpress framework by <a href="http://ww.gemgfx.com">GemGfx.com</a>.

	Version: 2.0.4

	Author: Everard J. McBain Jr.

	Author URI: http://ww.gemgfx.com

	Tags:light,white,silver,three-columns,right-sidebar,buddypress



	The CSS, XHTML and design is released under the GPL.



*/



/* Aardvark Reset Thingy http://aardvark.fecklessmind.com/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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, 

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, section, article, aside, footer

 {border:0;margin:0;outline:0;padding:0;background:transparent;vertical-align:baseline;}


:focus {
      outline:0;
      outline:none;
}

blockquote {
    
}

blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

blockquote {
	color: #CCC;
    font-style:italic;
	font-size: 24px;

	line-height: 1.2em;

	padding: 5px 20px 5px 60px;

	margin: 20px 0;
	text-align: justify;

}


header, nav, section, article, aside, footer {display:block;}



/* Basic styles */

body {background: #141414;color: #CCC;font:.75em/1.6em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;}

html>body {font-size:13px;}


img {display:inline-block;vertical-align:bottom;}

img, .pngfix, div, p, #emailform input, select, #emailform textarea, #searchbar, #searchbox, #search, #search #s, #search #s:hover, .tab, .tab ul.login li.left, .tab a.open, .tab a.close, .tab a:hover.open, .tab a:hover.close {
	behavior: url("iepngfix.htc");
}

h1,h2,h3,h4,h5,h6,b,dt,th {font-weight: normal;}
strong{font-weight:bold;}

address,cite,em,i,caption,dfn,var {font-style:italic;}

textarea {background: #FFF;
}


h1 {margin:0 0 0.75em;font-size:2em;}

h2 {margin:0 0 1em;font-size:1.5em; color: #FFF;}

h3 {margin:0 0 0.286em;font-size:1.25em;}

h4 {margin:0 0 1.5em;font-size:1em;}

h5 {margin:0 0 1.8em;font-size:.834em;}

h6 {margin:0 0 2em;font-size:.75em;}



p,pre {margin:0 0 1.5em;color: #CCC;}
.welcomevidbanner{width:920px; height: 225px; margin-left:auto; margin-right:auto; padding:15px;
}
.addvid{ width:324px; height:198px; float:right;
}
.welcometexthome{ width: 550px; height: 198px; float:left;
}
.getstarted_btn{ float:right; width: 160px; height:50px; 
}
.getstarted_btn a{width: 140px; height:30px; background: url(img/getstarted.png) center center no-repeat;padding-top:5px; padding-bottom:11px; padding-left:30px; padding-right:30px;font-size:20px; font-weight: normal; text-transform: lowercase;
}
.iconholder{
}
.textcontainer{ width:200px; height:70px; float:right;}
.topmenucase{background: #1b1b1b; height:30px; padding-top: 30px;
}
#menubk{width: 950px; height: 30px; margin-left: auto; margin-right: auto; 
}
#menuwrap{min-height: 30px; background: #141414;
}
#menuwrap ul{margin:0px; padding:0px;
}
.topmenu{color: #595959; margin-right: auto; margin-left: auto; width: 950px; height: 30px; text-align: right; padding-top: 3px;
}
#block{ padding-bottom: 20px;
}
#block2{ padding-bottom: 20px;
}
#block3{ padding-bottom: 20px;
}
#paywindow{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #999 solid;
}
#middle {
width : 950px;
height : 382px;
margin-left : auto;
margin-right : auto;
}
#middleshadow {
background : ;
}
#middlecase {
height : 382px;
background : #222527;
}

#logo{
width : 231px;
height : 60px;
z-index : 100;
}
#logo {
position : fixed;
top : 30px;
left : 0px;
}
#logoband{width: 950px; height:100px; margin-left:auto; margin-right: auto; text-align:left; background: #1b1b1b; padding-top: 10px; padding-bottom: 20px;
}
#logobandcase{background: #1b1b1b; height: 130px;
}

#welcometext p{ font-size:18px; color: #666; line-height:1.5em;
}
#welcometext h1{ font-size:24px; color: #FFF;
}

#package1{ border-bottom: 1px solid #999; padding-bottom: 20px; padding-top:10px;
}
#package2{ border-bottom: 1px solid #999; padding-bottom: 20px;padding-top:10px;
}
#package3{ border-bottom: 1px solid #999; padding-bottom: 20px;padding-top:10px;
}
#package4{ border-bottom: 1px solid #999; padding-bottom: 20px;padding-top:10px;
}

#graphic-hover {
width : 35px;
height : 109px;
z-index : 100;
}
#graphic-hover-close {
width : 35px;
height : 20px;
z-index : 105;
position : fixed;
top : 139px;
right : 0px;
}
#graphic-hover-close:hover {
cursor : pointer;
}
* html #graphic-hover {
position : absolute;
}
* html #graphic-hover-close {
position : absolute;
}
#graphic-hover {
position : fixed;
bottom : 0;
right : 0;
}

#date{float: left; width: 300px; padding-top: 5px; text-align: left; color: #999;
}

/* Dropdown Menu */
#suckerfishnav {
	position:relative;
	z-index: 99;
    background:#141414 repeat-x;
    font-size:12px;
    font-family:helvetica,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:30px;
    padding:0;
    border:0px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#999;
    text-decoration:none;
    padding:0px 8px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:0px solid #666666;
	
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:0px solid #666666;
    border-left:0px solid #666666;
    border-right:0px solid #666666;
    font-weight:normal;
    font-family:helvetica,sans-serif;
	
    }
#suckerfishnav li li a {
    padding:3px 10px;
    width:104px;
    font-size:12px;
    color:#999;
	padding-top:8px;
	padding-bottom: 8px;
    }
#suckerfishnav li ul ul {
    margin:-18px 0 0 120px;
    }
#suckerfishnav li li:hover {
    background:#333333;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#999;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#141414;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#333333;
    }
#suckerfishnav .current_page_parent {
    background:#333333;
    }
#suckerfishnav .current_page_item {
    background:#333333;
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav .current_page_parent li a:after, #suckerfishnav .current_page_parent li li a:after, #suckerfishnav .current_page_parent li li li a:after, #suckerfishnav .current_page_parent li li li li a:after {
    content:"";
    }
#suckerfishnav .current_page_parent a:after, #suckerfishnav li .current_page_parent a:after, #suckerfishnav li li .current_page_parent a:after, #suckerfishnav li li li .current_page_parent a:after {
    color:#000000;
    content:"";
    }
#suckerfishnav .current_page_item a:after, #suckerfishnav li .current_page_item a:after, #suckerfishnav li li .current_page_item a:after, #suckerfishnav li li li .current_page_item a:after, #suckerfishnav li li li li .current_page_item a:after {
    color:#000000;
    content:"";
    }
	
	
/* ---------- Mega Drop Down --------- */
#mega {
	position:relative;
list-style:none;
font-weight:bold;
height:2em;
background:#141414;
    font-size:12px;
    font-family:helvetica,sans-serif;
margin:0px 0px 0 0;
z-index:100;
}
#mega li {
background:#141414;
border:1px solid #000;
padding-right: 10px;
padding-left:10px;
float:left;
width:;
text-align:center;
position:relative;
}
#mega li:hover {
background:#333333;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding-right: 10px;
padding-left:10px;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color: #999;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
text-transform:uppercase;
}
#mega a:hover { color:#fff
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:0px;
width:350px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#eee;
}
#mega li:hover div {
left:-1px;top:auto;
background:#333333;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
h2 a{ color:#FFF;
}
#mega div h2 a{
background:;
font-size:12px;
padding:0 0px;
margin:2px 0 2px 0;
clear:both;
float:left;
width:330px;
color:#FFF;
position:relative; /* makes above drop shadow */
}
#mega div h2 a:hover{
color: #FFF;
}
#mega div p {
float:left;
width:;
padding-left:10px;
margin:0px;
padding:0px;
position:relative; /* makes above drop shadow */
color:#999;
}
#mega div p a {
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(images/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url(images/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(images/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(images/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
}
#mega li:hover .dif-s4 {
padding-bottom:9px;

}
	
a {text-decoration: none;color:#999;font-weight: normal; text-transform: none;}

a:hover {text-decoration:none;color:#fff;}

abbr,acronym {border-bottom:1px dotted;cursor:help;}

del {text-decoration:line-through;}

ins {text-decoration:overline;}

sub {font-size:.6em;line-height:1em;vertical-align:sub;}

sup {font-size:.6em;line-height:1em;vertical-align:super;}



tt,code,kbd,samp,pre {font-size:1em;font-family:"Courier New", Courier, monospace;}



/* Table styles */

table {border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;}

caption {text-align:left;}

th, td {padding:.25em .5em;}

tbody td, tbody th {border:0px solid #363642;text-align:center;}

tfoot {font-style:italic;}



/* Form styles */

fieldset {clear:both;}

legend {padding:0 0 1.286em;font-size:1.167em;font-weight:700;}

fieldset fieldset legend {padding:0 0 1.5em;font-size:1em;}

* html legend {margin-left:-7px;}

*+html legend {margin-left:-7px;}



form .field, form .buttons {clear:both;margin:0 0 1.5em;}

form .field label {display:block;}

form ul.fields li {list-style-type:none;margin:0;}

form ul.inline li, form ul.inline label {display:inline;}

form ul.inline li {padding:0 .75em 0 0;}



input.radio, input.checkbox {vertical-align:top;}

label, button, input.submit, input.image {cursor:pointer;}

* html input.radio, * html input.checkbox {vertical-align:middle;}

*+html input.radio, *+html input.checkbox {vertical-align:middle;}



textarea {overflow:auto;}

input.text, input.password, textarea, select {margin:0;font:1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;vertical-align:bottom;}

input.text, input.password, textarea {border:1px solid #7F9DB9;padding:2px;}



* html button {margin:0 .34em 0 0;}

*+html button {margin:0 .34em 0 0;}



form.horizontal .field {padding-left:150px;}

form.horizontal .field label {display:inline;float:left;width:140px;margin-left:-150px;}



/* Useful classes */

img.left {display:inline;float:left;margin:0 1.5em .75em 0;}

img.right {display:inline;float:right;margin:0 0 .75em .75em;}

.left {float:left !important;display:inline;}

.right {float:right !important;display:inline;}

.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right;}



.clr {clear:both;}

.wrapper {width:978px;margin:10px auto; background : #222527;}
.wrapperwrap {background : #222527;padding-bottom:30px; padding-top: 10px;}

.marginleft {margin-left:18px !important;}

.marginright {margin-right:18px !important;}

.margintop {margin-top:0px !important;}

.marginbottom {margin-bottom:18px !important;}

.nomargin {margin:0 !important;}



/* header classes */

.header {margin:18px 0 0;color:#4F4F5F;}

.header ul {list-style-type:none;}

.header a {color:#4F4F5F;}



.topnav {height:25px;border-bottom:1px solid #C6C6CD;margin:0 0 18px;}

.topnav li {margin:0;float:left;}

.topnav a {color:#5A5A6C;float:left;margin:0 0 0 18px;display:block;}

.topnav a:hover {color:#5A5A6C;}

.topnav .searchbox {float:right;padding:0 18px;}



.bottomnav {font-size:.8em;height:28px;background:#363642;padding-left:9px;margin:0 0 18px;overflow:hidden;}

.bottomnav li {float:left;height:28px;overflow:hidden;margin:0;}

.bottomnav a {color:#EFEFF1;font-weight:normal;padding:5px 9px;display:block;}

.bottomnav a:hover {color:#EFEFF1;background:#45454F;}

.bottomnav .searchbox {float:right;padding:3px 18px;}


.block{padding-top: 8px; padding-bottom: 8px;
}
.search-text{font-size:10px;}

#emailform{float: left; width: 220px; height: 25px; padding-top: 3px;padding-left: 10px;
background:url(http://ww.gemgfx.com/wp-content/uploads/2010/01/search_bk.png) no-repeat top left;
}

#emailform input, select {
font-size: 11px;
  color: #999999;
  border:none;
  background: url(images/input_bk.png) no-repeat;
}  
#navbarright {
	padding-bottom: 8px;
	width: 260px;
	margin: 0px;
	padding-right: 20px;
	text-align: right;
	}


/* footer classes */
.footer_case{ width:950px; height:210px; padding:10px; margin-right:auto; margin-left:auto; background:url(img/ft_bk.jpg) top center no-repeat;
}
.footercasenav{ width:950px; margin-left:auto; margin-right:auto; text-align:left;
}
.footercasenav ul{ padding:0px;
}
.footercasenav li{float:left;padding:0 10px 0 10px;list-style-type: none; border-left:1px solid  #666;
}
.footercasenav li:first-child {
border-left:none
}
.footercasenav a{text-decoration:none;font-weight:normal; text-transform:none; font-size:10px; font-size:11px; color:#FFF;}

.footerwrap{background: #141414; padding-bottom: 30px; padding-top: 20px;
}
.footer {width: 950px; margin-left: auto; margin-right:auto; padding:18px 0 0;border-top:0px #C6C6CD solid;}

.footerleft {width:290px; height:110px; float:left; padding-left:20px; padding-top:25px; padding-right:30px;}

.linkleft a{background: url(img/haed_bk.png) top center no-repeat; padding-top:0px; padding-bottom:107px; padding-left:48px; padding-right:49px;}
.linkleft{width:97px; height:107px; float:left;
}
.leftbody{ width:180px; float:right; padding-left:13px; padding:15px 0 5px 0;
}
.leftbody h3{ color:#FFF;
}
.leftbody p{ color: #666;
}
.footermid {width:275px; height:88px; float:left;margin:0 18px;}
.midlink a{background: url(img/gear_logo.png) top center no-repeat; padding-top:0px; padding-bottom:88px; padding-left:44px; padding-right:44px;}
.midlink{width:88px; height:88px; float:left;
}
.midbody{ width:172px; float:right; padding-left:13px; padding:15px 0 5px 0;
}
.midbody h3{ color:#FFF;
}
.midbody p{ color: #666;
}
.footermid2 {width:275px; height:88px; float:left;margin:0 18px; padding-top:10px;}
.midlink2 a{background: url(img/rss_logo.png) top center no-repeat; padding-top:0px; padding-bottom:88px; padding-left:44px; padding-right:44px;}
.midlink2{width:88px; height:73px; float:left; padding-top:5px;
}
.midbody2{ width:172px; float:right; padding-left:13px; padding:10px 0 5px 0;
}
.midbody2 h3{ color:#FFF;
}
.midbody2 p{ color: #666;
}

.footerright {width:275px;float:right; padding-right:20px;}
.rightlink a{background: url(img/network_logo.png) top center no-repeat; padding-top:0px; padding-bottom:88px; padding-left:44px; padding-right:44px;}
.rightlink{width:88px; height:73px; float:left; padding-top:5px;
}
.rightbody{ width:172px; float:right; padding-left:13px; padding:15px 0 5px 0;
}
.rightbody h3{ color:#FFF;
}
.rightbody p{ color: #666;
}

.footerright2 {width:275px;float:right; padding-right:20px;}
.rightlink2 a{background: url(img/contact_logo.png) top center no-repeat; padding-top:0px; padding-bottom:88px; padding-left:44px; padding-right:44px;}
.rightlink2{width:88px; height:73px; float:left; padding-top:5px;
}
.rightbody2{ width:172px; float:right; padding-left:13px; padding:15px 0 5px 0;
}
.rightbody2 h3{ color:#FFF;
}
.rightbody2 p{ color: #666;
}

.footer a{text-decoration:none;font-weight:normal; text-transform:none; font-size:10px;}

.basement {border-top:0px #C6C6CD solid;text-align:center;font-size:0.8em;padding:9px 0;}

.basement a {text-decoration:none;font-weight:normal; font-size:10px; text-transform: none;}

.basement p {width: 950px; text-align:left; margin:0 auto 0 auto; padding-left:10px; color:#666;}



/* sidebar classes */

.sidebar2 {width:325px;padding:0 0 0 49px;float:left;}

.sidebar3 {width:169px;padding:0 0 0 18px;float:left;}

.boxedin {color:#595959;font-weight:normal;background-color:#141414;border:1px #141414 solid;border-width:1px 0 1px 0;padding:3px 0 3px 8px;}

.sidebars {overflow:hidden;}

.sidebars h3 {margin:0 0 5px 0;}

.sidebars ul {list-style-type:none;border-bottom:0px solid #EDEDF3;}

.sidebars li {margin:0;padding-left:4px;border-top:0px solid #EDEDF3;}

.sidebars li a {margin:0;padding-left:8px;background:transparent url(img/bulletlight.gif) no-repeat scroll 1px 53%;display:block;}

.sidebars .children {border:0;}

.sidebars #wp-calendar {width:62%;margin:0 auto;}



/* post classes */



/* content classes */

.main {width:567px;padding:0 0 0 18px;float:left;overflow:hidden;}

.article{overflow:hidden; padding-bottom: 20px;}

.article h1 {line-height:1.2em; text-align:left;}

.article h2 { color:#FFF;margin:0 0 1em;font-size:1.5em; border-bottom-style:solid; border-bottom-color:#FFF; border-bottom-width:thin; padding-bottom: 10px;}

.article a {color: #fff;}

.article a:hover {color: #ccc;}

.article p{ text-align:justify;}

.solidline {border-bottom:1px #C6C6CD solid;height:1%;clear:both;margin-bottom:18px;}

.dottedline {border-bottom:1px #C6C6CD dotted;height:1%;clear:both;margin-bottom:18px;}

.tags {color:#444444;font-weight:600;background-color:#1b1b1b;border:1px #1b1b1b solid;border-width:1px 0;padding-left:8px;}

.tags a {color:#5A5A6C;}

.extendspost {color:#fff;float:right;text-align:center;list-style-type:none;margin:0 0 0 6px;border-top:0px #EDEDF3 solid;max-width:230px;min-width:180px;}

.extendspost li {border-bottom:0px #EDEDF3 solid;margin:0;}

.extendspost a {color:#ccc;}

.extendspost strong {color:#fff;}

.dropcap {float:left;color:#66667A;font:normal 60pt/0.8em Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;margin-right:3px;}



/* comments */

.commentlist {margin:0 0 18px 18px;list-style-type:none;}

.commentauthor {float:left;text-align:center;margin:0 18px 18px 0;}

.commentauthor a {text-decoration:underline;font-weight:normal;}

.commentlist li {border-bottom:1px #C6C6CD solid;margin:0;padding:18px 0 0 6px;background-color:#1b1b1b;}

.commentlist .alt {background-color:#1b1b1b;}

.commentlist .authorcomment {background-image:;background-repeat:repeat;}

.commentlist .altauthorcomment {background-image:;background-repeat:repeat;}

.avatar {margin:0 auto;}

#navbarright {
	padding-top : 25px;
	width: 270px;
	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, select {
font-size: 11px;
  color: #999999;
  border:none;
  background: url(images/input_bk.png) no-repeat;
}  

#emailform textarea{
	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;
}
.hostingbanner{ background:url(img/hosting_article.jpg) top center no-repeat; width: 550px; height:299px;
}
.mainfeatures{ color:#FFF;
}
.packages{width: 550px; height:234px; 
}
.frame1{ width:140px; height: 194px; padding: 20px; background:url(img/pack_bk.png) top center no-repeat; float: left;
}
.frame1 h1 {margin:0 0 0.75em;font-size:1.75em;background:url(img/personal.png) left top no-repeat; padding-left: 29px; color:#FFF;}
h1{ color:#FFF;
}
.frame1 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.frame2{ width:140px; height: 194px; padding-top: 20px;  padding-right: 20px;  padding-bottom: 20px;background:url(img/pack_bk.png) top center no-repeat; float: left; padding-left: 25px;
}
.frame2 h1 {margin:0 0 0.75em;font-size:1.75em;background:url(img/personal.png) left top no-repeat; padding-left: 29px; color:#FFF;}
.frame2 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.frame3{ width:140px; height: 194px; padding: 20px; background:url(img/pack_bk.png) top center no-repeat; float: right;
}
.frame3 h1 {margin:0 0 0.75em;font-size:1.75em;background:url(img/personal.png) left top no-repeat; padding-left: 29px; color:#FFF;}
.frame3 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.buttondetails{ width: 91px; height: 28px; float: right;
}
.details_frame{width: 550px; min-height:250px; 
}
.frame4{ width:140px;padding: 20px;float: left;
}
.frame4 h1 {margin:0 0 0.75em;font-size:1.75em;background:url(img/personal.png) left top no-repeat; padding-left: 29px; color:#FFF;}
.frame4 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.frame5{ width:140px; padding-top: 20px;  padding-right: 20px;  padding-bottom: 20px;top center no-repeat; float: left; padding-left: 25px;
}
.frame5 h1 {margin:0 0 0.75em;font-size:1.75em;padding-left: 29px; color:#FFF;}
.frame5 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.frame6{ width:140px; padding: 20px;float: right;
}
.frame6 h1 {margin:0 0 0.75em;font-size:1.75em;padding-left: 29px; color:#FFF;}
.frame6 p{ padding-bottom: 5px; margin-bottom: 0px;
}
.pricebox{ height: 76px;
}
.price{ width:144px; height:76px; float:left; 
}
.purchasebutton{ width:160px; 50px; float:left; padding-top: 10px; padding-left: 10px;
}
.forminfo{ font-size: 14px; color:#FFF;
}
.project_show{ width:850px; min-height: 105px; margin-right:auto; margin-left:auto; padding:10px; text-align:center;
}
img {display:inline-block;vertical-align:bottom; border:none;}
.ngg-gallery-thumbnail { border: none;
}
.wordcase{ width:100%; height:61px; background:#232628 url(img/logo_band_tile.jpg) repeat-x;
}
.wordpressusers{ width:850px; height:61px; margin-left:auto; margin-right:auto; background:url(img/logo_band.jpg) top center no-repeat;
}
.homeleft{ width:258px; height:311px; float:left; border-right-color:#999; border-right-width:thin; border-right-style:solid; padding-right: 30px; padding-left:15px;
}
.homeleft h1 {margin:0 0 0.15em;font-size:2em;}
.homemid{ width:273px; height:311px; float:left;border-right-color:#999; border-right-width:thin; border-right-style:solid; margin-left:30px; padding-right:30px;
}
.homemid h1 {margin:0 0 0.15em;font-size:2em;}
.homeright{ width:273px; height:311px; float:right; padding-right:30px;
}
.homeright h1 {margin:0 0 0.15em;font-size:2em;}
.subhead{ font-size:12px; color: #666; padding-bottom:5px; margin-bottom: 10px; border-bottom-color:#666; border-bottom-style:solid; border-bottom-width:thin;
}
.details_btn{ float:right; width: 110px; height:31px; 
}
.details_btn a{width: 100px; height:31px; background:url(img/details_btn_bk.png) center center no-repeat;padding-top:10px; padding-bottom:10px; padding-left:25px; padding-right:25px;font-size:11px; font-weight:bold;
}
