/* Start of CMSMS style sheet 'Layout ==' */
body {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
color: #666;
margin:0;
padding:0;
}
	img {
	border: 0;
	}

table {
padding:0px;
margin:0px;
}

span .FBConnectButton_Small .FBConnectButton_Text {
padding:3px 2px 3px 0px;
}
.fb_share_no_count {
display:block;
}

tr#header td {
background: url(images/background/bg-th.jpg) repeat-x bottom center;
vertical-align: bottom;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #333;
}


#simpleslider div {
padding-left: 15px;
}

input, select { margin:1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input, html>body select { margin:2px; }       /* IE 6 cannot read this, others can */
*+html>body input, *+html>body select {margin:1px; }      /* targets IE7 */

a,
a:link 
a:active {
text-decoration: underline;
padding-bottom: 10px;
color: #336699;
}
	a:visited {
	text-decoration: underline;
	color: #336699;
	}
	a:hover {
	text-decoration: none;
	color: #3f74a8;
	}

div#container {
background-color: #fff;
margin: 0 auto;
margin-top: 20px;
clear: both;
padding: 20px;
width: 900px;
}


/* TinyMCE STYLE ///////////////////////////////////////////////////////////////////////// */

.list_square_10 {
padding-bottom: 15px;
list-style-type: square;
}
.list_arrow_10 {
padding-bottom: 15px;
list-style-image: url('images/background/bg-arrow.gif');
}
.list_check_10 {
padding: 0px;
margin-left: -40px;
padding-left: 40px;
padding-bottom: 15px;
list-style: none;
background-image: url(images/background/bg-check.jpg);
background-repeat: no-repeat;
background-position: 5px 0px;
}

.list_ordered_10 {
padding-bottom: 15px;
list-style-type: decimal-leading-zero;
}
.footnote {
font-size: 11px;
}


/* HEADER ///////////////////////////////////////////////////////////////////////// */

#header {
margin: 0 auto;
text-align: left;
background-color: #fff;
height : auto;
width: 900px;
height: 70px;
clear: both;
}
#header p {
margin: 0px;
}
#header #logo { 
float: left; 
width: 400px;
color: #4A7195; 
margin-top: 15px;
font-family: Arial; 
}
#header #logo a img { 
border:none; 
}

/* HEADERLINKS ///////////////////////////////////////////////////////////////////////// */

#headerLinks {
text-decoration : none; 
font-size:12px;
font-weight: bold;
float:right;
color: #06638e;
margin-top: 35px;
} 
#headerLinks a {
text-decoration : none; 
color: #06638e;
} 
#headerLinks a:hover {
text-decoration : underline; 
}

/* HOME SHOW ================================= */

div#homeshow {
padding-top: 3px;
position:relative;
z-index: 1; 
height:300px;
}


/* BANNER ================================= */

div#banner {position:relative; z-index: 1;}
div#banner img {
margin: 0px;
padding: 0px;
padding-top: 3px;
overflow: hidden;
float : left;
}
div#banner p {
padding: 0px; 
margin: 0px;
}


/* BANNER LAYER ================================= */

div#banner-layer {
position: relative;
z-index: 2;
}
div#banner-layer .domainsearch {
color: #f0f0f0;
width: 100%;
font-size: 12px;
margin-left: 60px;
height: 115px;
margin-top: -115px;
}
div#banner-layer .domainsearch td {
vertical-align: middle;
}
div#banner-layer .domainsearch input.domain {
width: 220px;
}

/* BODY IMAGE================================= */

div#bodyimg {position:relative; z-index: 1;}
div#bodyimg img {
margin: 0px;
padding: 0px;
padding-top: 3px;
border-bottom: 5px solid #fff;
overflow: hidden;
float : left;
}

/* BODY LAYER ================================= */

div#body-layer {
display: block;
position: relative;
z-index: 2;
}
div#body-layer .buttonimg {
color: #000;
width: 100%;
font-size: 12px;
margin-left: 60px;
height: 80px;
margin-top: -60px;
float : left;
}
div#body-layer .domainsearch {
color: #000;
width: 100%;
font-size: 12px;
padding-left: 20px;
height: 60px;
margin-top: -50px;
float : left;
}
div#body-layer .domainsearch td {
vertical-align: middle;
}
div#body-layer .domainsearch input.domain {
width: 200px;
}
div#body-layer .domainsearch input.domaintransfer {
width: 280px;
}

/* CONTENT AREA ================================= */

#contentarea {
background: url('images/background/bg-contentarea.jpg') no-repeat top center;
width: 100%;
clear:both;
}
#contentshow {
width: 100%;
clear:both;
padding-top: 15px;
}

/* ACTION-AREA ///////////////////////////////////////////////////////////////////////// */

#action {
background: #fff url('images/background/bg-action.gif') repeat-x top left;
border-top: 5px solid #fff;
font-size: 11px;
margin: 0 auto;
width: 100%;
min-height: 40px;
float: left;
clear: both;
} 
#action .box1 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
text-align: center;
} 
#action .box2 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
text-align: center;
} 
#action .box3 {
float:left;
width:203px;
padding:10px;
border-right:2px solid #fff;
text-align: center;
} 
#action .box4 {
float:left;
width:203px;
padding:10px;
text-align: center;
}
#action .box4 .your_pass {
width: 150px;
color: #555;
clear: both;
}
#action .box4 .your_email {
width: 190px;
color: #555;
clear: both;
}
#action .box4 input.button {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
border: 0px;
text-decoration: underline;
width:50px;
overflow: visible;
color: #336699;
cursor: pointer;
cursor: hand;
}
#action h2 {
font-family:'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
font-size: 22px;
color: #333;
text-align: center;
font-weight: bold;
margin-bottom:20px;
margin-top: 0px;
}
#action img {
margin-top: -10px;
}


/* LEFT SIDE ================================ */

div#leftside {
width: 620px;
margin-top: 15px;
float: left;
}
	
/* RIGHT SIDE ================================ */

div#rightside {
float: left;
width: 280px;
}

/* CONTENT ================================ */

div#content {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 1.3em;
padding: 0px 35px 15px 10px;
}
	div#content p {
	line-height: 18px;
	}


/* FOOTER ================================ */

div#footer {
background: #fff url(images/background/bg-footer.jpg) no-repeat top center;
font-family: Arial,Helvetica,Verdana,sans-serif;
margin: 0 auto;
font-size: 12px;
padding: 5px 0px;
width: 900px;
min-height: 80px;
float: left;
clear:both;
}
div#footer p {
padding: 0px;
margin: 0px;
clear: both;
}
	div#footer a {
	color: #336699;
	text-decoration: underline;
	}
	div#footer a:hover {
	color: #336699;
	text-decoration: none;
	}

div#footer h2 {
padding: 0px;
margin: 0px;
color: #000;
}

div#left {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
padding: 0px; 
width:230px;
float: left;
}
div#right {
width:650px;
float: right;
}
div#right ul {
list-style: none;
margin: 0px;;
padding:0px;
}
div#right li {
background: url('images/background/bg-li-footer.jpg') no-repeat left 7px;
padding-left: 7px
}
div#right li a {
display: block; 
padding: 2px 5px;
}


/* CREDITS ================================ */

div#credits {
background: #fff url(images/background/bg-footer.jpg) no-repeat top center;
font-family: Arial,Helvetica,Verdana,sans-serif;
margin: 0 auto;
font-size: 12px;
margin-top: 20px;
padding: 10px 0px;
height: 60px;
width: 900px;
float: left;
clear:both;
}

div#credits p {
line-height: 20px;
margin: 0;
clear: both;
}
	div#credits a {
	color: #336699;
	text-decoration: underline;
	}
	div#credits a:hover {
	color: #336699;
	text-decoration: none;
	}


/* H-STYLES ////////////////////////////////////////////////////////////////////////// */

h1 {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-weight: normal;
display: block;
font-size: 22px;
color: #003366;
line-height: 1.3;
margin: 0 0 19px 0;
padding: 0 0 15px 0;
background: url(images/background/bg-h1.jpg) no-repeat bottom left;
}
h1 a,
h1 a:hover,
h1 a:visited {
color: #003366;
text-decoration: none;
}

h2 {
font-family: 'Helvetica Neue', Arial, sans-serif;
font-weight: normal;
display: block;
font-size: 18px;
color: #003366;
line-height: 1.3;
margin: 5px 0 19px 0;
padding: 5px 0 15px 0;
}

h3 {
color: #666; 
font-size: 13px;
}
h4 {
color: #666; 
font-size: 12px;
}
h5 {
color: #333; 
font-size: 11px;
}
h6 {
color: #333; 
font-size: 10px;
}


/* TABS ////////////////////////////////////////////////////////////////////////// */

#tabs {
width: 100%;
padding-top: 15px;
float: left;
}			
#tab-nav {
background: url(images/background/bg-h1.jpg) no-repeat bottom left;
width:100%;
height: 35px;
}			
#tab-nav, #tab-nav ul { 
position: relative;
list-style: none; 
margin: 0px; 
padding: 0px;  
}
#tab-nav li { 
float: left; 
margin-right: 2px;
}
#tab-nav li.active { 
float: left; 
margin-right: 2px;
height: 35px;
}


/* CALLOUT ////////////////////////////////////////////////////////////////////////// */

#callout {
font-size: 12px;
line-height: 16px;
padding-bottom: 15px;
margin-top: 10px;
}
div#callout h1,
div#callout h2,
div#callout h3 {
background: url(images/background/bg-callout.jpg) no-repeat bottom left;
color: #f0f0f0;
font-weight: bold;
font-size: 12px;
padding: 7px 10px;
line-height: 1em; 
border-bottom: 0px;
margin: 0;
text-align:left;
}
#callout ul {
margin-top: 0px;
margin-bottom: 10px;
}
#callout li {
padding-bottom: 3px;
list-style-image: url(images/background/bg-arrow.gif);
}
#callout #menu_vert li {
padding-bottom: 0px;
list-style-image: url(images/background/bg-arrow.gif);
}
div#callout p {
padding: 0px 10px;
margin: 10px 0px;
}
div#callout a {
font-weight: bold;
}
#callout input.username {width: 230px;}
#callout input.knowledgebase {width: 230px;}
#callout input.button {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
border: 0px;
padding-left: 5px;
text-decoration: underline;
overflow: visible;
color: #336699;
cursor: pointer;
cursor: hand;
}
input.button {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
border: 0px;
padding-left: 5px;
text-decoration: underline;
overflow: visible;
color: #cc0000;
cursor: pointer;
cursor: hand;
}
input.removebutton {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
border: 0px;
padding-left: 5px;
text-decoration: underline;
overflow: visible;
color: #cc0000;
cursor: pointer;
cursor: hand;
}

/* ALBUM PORTFOLIO /////////////////////////////////////////////////////// */

#album-portfolio {
background: url(images/background/bg-portfolio.jpg) no-repeat center center;
width:286px;
height:233px;
padding: 0px;
margin:0px;
text-align: center;
float: left;
}
#album-portfolio img {
max-width:250px;
height: auto;
padding:0px;
padding-top:22px;
padding-left: 15px;
margin:0px;
float: left;
}


}/* PORTFOLIO FILTER /////////////////////////////////////////////////////// */

#portfolio-filter {
margin-top: 0px;
text-align: left;
font-family:'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
}

#portfolio-filter ul {
margin: 10px;
margin-left: 25px;
padding: 0;
}
#portfolio-filter li {
list-style-type: square;
}

div#portfolio-filter a {
text-decoration:none;
}

/* TESTIMONIALS ///////////////////////////////////////////////////////////////////////// */

#testimonial {
border-top: 1px solid #c0c0c0;
padding: 20px 0px;
margin-top: 30px;
}
#testimonial .entry {
font-style: italic;
margin-top: 5px;
}
#testimonial .sender {
text-align: right;
font-weight: bold;
padding-bottom: 15px;
line-height: 16px;
margin-top: -15px;
}
#testimonial-page {}
#testimonial-page .nav {
border-top: 2px solid #999;
text-align: left;
padding-top: 10px;
}
.testimonial-button {
text-align: left;
}
.testimonial-button form {
margin: 0px;
}

#testimonial-form {}
#testimonial-form .label {}
#testimonial-form .entry input {width:240px;}
#testimonial-form input.submit {width:100px;}
#testimonial-form input.cancel {width:100px;}
#testimonial-form textarea {width: 100%;overflow:auto;}


/* NEWSLETTER ////////////////////////////////////////////////////////////////////////// */

#callout-news {
width: 220px;
}
#callout-news .your_name {
width: 140px;
clear: both;
font-size: 12px;
font-weight: bold;
color: #9e9e9e;
padding: 2px;
}
#callout-news .your_email {
width: 190px;
clear: both;
font-size: 12px;
font-weight: bold;
color: #9e9e9e;
padding: 2px;
}
#callout-news input#md4e46submit {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 12px;
background: none;
border: 0px;
text-decoration: none;
width:22px;
padding-left: 0px;
overflow: visible;
color: #336699;
cursor: pointer;
cursor: hand;
}
div.signup {
font-family: times new roman,Arial Narrow,Arial,Helvetica,Verdana,sans-serif;
padding-top: 30px;
font-size: 16px;
font-weight: bold;
height: 15px;
}
div.error {
color: #ff0000;
font-weight: bold;
height: 15px;
padding-bottom: 10px;
}




/* NEWSFEED ////////////////////////////////////////////////////////////////////////// */

#news-container {
width: 100%;
padding-bottom: 35px;
float: left;
}
#summary-news {
width: 500px;
float: left;
}
#summary-news .fullarticle {
width: 100%;
float: left;
padding: 5px;
background-color: #cc0000;
}
#detail-news {
width: 500px;
float: left;
}
#blog-stats {
width: 50px;
max-width: 50px;
float: right;
}
#blog-stats .twitter {
padding-bottom: 3px;
float: left;
}
#blog-stats .facebook {
padding-bottom: 10px;
float: left;
}
#blog-stats .google {
padding-bottom: 5px;
float: left;
}
#summary-news .date {
font-size: 12px;
margin-top: 10px;
color: #555;
width: 100%;
}


/* COMMENTS /////////////////////////////////////////////////// */

#comments {}
#comments input {
width: 260px;
}
#comments .submit input {
width: 100px;
}
#comments textarea {
width: 100%;
overflow: auto;
height: 100px;
}
#comments .data {
padding-top: 15px;
}
#comments .credit {
font-size: 12px;
color: #555;
}




/* End of 'Layout ==' */