/* Start of CMSMS style sheet 'layout' */
/* 
 ----------------------------------------------------------------------------
	Author: iceoous design - Jokosetio Halim
 	CSS Document: layout.css
 ---------------------------------------------------------------------------- 
*/


/* default type selectors
 * ------------------------------------------------------------------------- */


* {
	margin: 0;
	padding: 0
}
body {
	background: url("uploads/images/bg-wrap.gif") #07366a top center repeat-x;
	font: 12px/18px "arial", lucida grande, helvetica, sans-serif;
	color:#FFF;
}
p {
	line-height: 18px;
        font-weight:normal;
	color:#FFF;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
	color: #fcb000;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
a:link, a:visited {
	color: #fcb000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #be7d01;
	text-decoration: none;
}
a {
	outline: none
}
a img, :link img, :visited img, fieldset {
	border: none
}
input, textarea {
	margin: 0;
	padding:0;
}

code {padding: 5px; color: #333: overflow: auto;}

ul {
	list-style-type: none
}
h1 {
	font-size: 2.5em
}
h2 {
	font-size: 2.2em
}
h3 {
	font-size: 1.4em
}
h4, h5, h6 {
	font-size: 1.1em
}
h3, h4, h5, h6, p, ul, ol {
	margin-bottom: 8px
}
h3, h4, h5, h6 {
	margin:10px 20px 10px 40px;
}

h2 {
	margin: 20px 0 20px 0;
}
/* default classes
 * ------------------------------------------------------------------------- */

.clearafter:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}
.clearall {
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearafter {
	height: 1%
}
/* End hide from IE-mac */

.ir {
	height: 0;
	overflow: hidden
}
/* layout
 * ------------------------------------------------------------------------- */
 

#bg {
margin:0 auto; 
background:url("uploads/images/bg-body.png") top center no-repeat;
}


body#index #bg { background:url("uploads/images/bg-body.png") top center no-repeat; }
body#about #bg { background:url("uploads/images/bg-body-inside.png") top center no-repeat; }
body#portfolio #bg { background:url("uploads/images/bg-body-inside.png") top center no-repeat; }
body#blog #bg { background:url("uploads/images/bg-body-inside.png") top center no-repeat; }
body#contact #bg { background:url("uploads/images/bg-body-inside.png") top center no-repeat; }
body#sitemap #bg { background:url("uploads/images/bg-body-inside.png") top center no-repeat; }


#wrap {
width:960px;
margin:0 auto; 
min-height:500px;
}

#column-left-top {
width:464px;
float:left;
}


#column-right-top {
width:496px;
float:left;
}

#banner {
margin:71px 0 0 17px;
width:446px;
height:416px;
}



#column-left { 
width:630px;
float:left;
padding-left: 10px;
margin-bottom:20px;
min-height:280px;
}


#column-right { 
width:270px;
float:left;
padding:0 0 20px 40px;
margin-bottom:20px;
}

#inside-column-right ul li, #column-right ul li, li.newscategory 
{
border-bottom:1px solid #0f4076;
padding:5px;
font-size:1.2em;
}

ul li.newscategory ul li{
margin-left:20px;
font-size:0.8em;
border:none;
padding:0;
}

/* logo
 * ------------------------------------------------------------------------- */
 
#logo {
height:114px;
display:block;
position:relative;
}


#logo a {
height:114px;
position:absolute;
width:394px;
}


#logo-inside {
height:114px;
display:block;
position:relative;
float:left;
}


#logo-inside a {
height:114px;
position:absolute;
width:394px;
}


/* intro
 * ------------------------------------------------------------------------- */
#intro {
background:url("uploads/images/intro.gif") no-repeat;
display:block;
height:252px;
overflow:hidden;
}

#intro p {padding: 100px 20px 20px 45px;}


/* quote button
 * ------------------------------------------------------------------------- */
#quote {
	height:122px;
	margin-bottom:30px;
}

#quote, #quote a {
    background:url("uploads/images/quote-button.gif") ;
}

#quote li {
	float: left;
	list-style-type: none;
	display:inline;
}
#quote a {
    display: block;
	height: 0;
	overflow: hidden;
	padding-top: 122px;
}

#quote li#quote-01 {
     margin-left:35px;
	 height:104px;
}

#quote li#quote-01 a {
	background-position:  -35px 0;
	width: 412px;
  
}

#quote li#quote-01 a:hover {
	background-position:  -35px -122px;
	
}

/* nav
 * ------------------------------------------------------------------------- */

#nav {
	height: 34px;
	margin-bottom: 0;
}
#nav, #nav a {
	background-image: url("uploads/images/nav.gif") ;
}
#nav li {
	float: left;
	list-style-type: none;
	display:inline;
}
#nav a {
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 34px;
}

#nav li#nav-01 {
	margin-left: 393px
}
#nav li#nav-01 a {
	background-position:  -393px 0;
	width: 106px
}
#nav li#nav-02 a {
	background-position: -499px 0;
	width: 112px
}
#nav li#nav-03 a {
	background-position: -611px 0;
	width: 125px
}
#nav li#nav-04 a {
	background-position: -736px 0;
	width: 98px
}

#nav li#nav-05 a {
	background-position: -834px 0;
	width: 126px
}


#nav li#nav-01 a:hover {
	background-position:  -393px -34px
}
#nav li#nav-02 a:hover {
	background-position: -499px -34px
}
#nav li#nav-03 a:hover {
	background-position: -611px -34px
}
#nav li#nav-04 a:hover {
	background-position: -736px -34px
}
#nav li#nav-05 a:hover {
	background-position: -834px -34px
}


body#index #nav li#nav-01 a {
	background-position:  -393px -68px
}
body#about #nav li#nav-02 a {
	background-position: -499px -68px
}
body#portfolio #nav li#nav-03 a {
	background-position: -611px -68px
}
body#blog #nav li#nav-04 a {
	background-position: -736px -68px
}
body#contact #nav li#nav-05 a {
	background-position: -834px -68px
}


/* footer
 * ------------------------------------------------------ */


#footer ul {margin:0px; padding:0;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 10px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #0a3360;
		}
	#footer li.first { border: none; }



#footer-top {
background:url("uploads/images/footer-top.png") no-repeat;
height:18px;
display:block;
}

#footer { 
background:url("uploads/images/footer-wrap.png") repeat-y;
text-align:center;
padding:0 20px 10px 20px;
}

#footer p {
color:#0f4076;
}


#footer a:link, #footer a:visited {
	color: #1e79e0;
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #0f4076;
	text-decoration: none;
}

#footer-bottom {
background:url("uploads/images/footer-bottom.png") no-repeat;
height:17px;
display:block;
margin-bottom:20px;
}



/* inside pages
 * ---------------------------------------------------------------*/
#inside-top {
background:url("uploads/images/footer-top.png") no-repeat;
height:18px;
margin-top:20px;

}

#inside-bottom {
background:url("uploads/images/footer-bottom.png") no-repeat;
height:17px;

}

#inside {
background:url("uploads/images/footer-wrap.png") repeat-y;
padding-bottom:20px;
}


/* Page Marker 
 * --------------------------------------------------------------*/

.pager {
width:251px; 
height:56px;
float:right;
margin-top:58px;
display:block;
}


body#about .pager { background:url(uploads/images/marker-about.png) no-repeat; }
body#portfolio .pager { background:url(uploads/images/marker-portfolio.png) no-repeat; }
body#blog .pager { background:url(uploads/images/marker-blog.png) no-repeat; }
body#contact .pager { background:url(uploads/images/marker-contact.png) no-repeat; }
body#sitemap .pager { background:url(uploads/images/marker-sitemap.png) no-repeat; }




/* 2 columns with black bg
 * --------------------------------------------------------------*/
#inside-column-left {
width:600px;
float:left;
margin-left:30px;
}

#inside-column-right {
width:270px;
float:left;
margin-left:30px;
}

/* 3 columns with black bg
 * --------------------------------------------------------------*/
.teaser {
width:270px;
float:left;
margin: 0 0px 0 40px;
}



.content { padding: 20px 10px; }

.img-pad-10 { padding-left: 10px; }



/* Rounded corners
 * ------------------------------------------------------------- */
.rounded {
background:#dceffc;
border:1px solid #5cb2ef;
padding:20px;
margin-bottom:10px;
}



/* form elements
 * ------------------------------------------------------------- */

form label	{ font-size:.95em; color:#FFF;} 
input, textarea, select { 
	background:none;
       border:none;	
	color:#0F4076;
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px;
	padding-top:1px;
	padding-left:4px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

input#m2author, input#m2email, input#m2website {width:300px;border:1px solid #5cb2ef;}
input#m2captcha_phrase {border:1px solid #5cb2ef;}

select { width:300px; padding:0; }
textarea {width:300px; height:150px; overflow:auto; border:1px solid #5cb2ef;}

#contact_business { display: none; } /* do not remove */ 


input.submit-contact-main{ 
	background:url("uploads/images/button.gif") no-repeat;
        margin:80px 0 0 198px;        
        width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
       color:#FFF;
	}

input.submit-contact-main:hover, input.submit-contact-main:focus{
        background:url("uploads/images/button-rollover.gif") no-repeat;
        width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	margin:80px 0 0 198px;
        color:#FFF;    
}



/* SPECIFIC ELEMENTS
 * --------------------------------------------------------- */

#contact-main { margin:20px 0 10px 0; }
#contact-main label { 
	width:180px;
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;

	}


#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:300px;
	position:absolute; 
	left:110%; 
	top:-2px;
       background-color:#FFF;
	}

	

#contact-main dt {
	margin: 0 0 5px 200px;
	}

#contact-main label select { width:175px; }

#contact-main label textarea { height:100px; overflow:auto; }



/*
* ------------------------------- Blog setup ---------------------------------- */


.NewsSummaryPostdate, #NewsPostDetailDate
{
margin-top:58px;
color:#1E79E0;
width:100px;
float:left;
}

.NewsSummary, #NewsPostDetailContent 
{
width:500px;
float:left;
padding-bottom:20px;

}




/* comment form
*************************************************************/

.comment-form 
{
padding:20px;
background-color:#FFF; 
border:1px solid #5cb2ef;
color:#5cb2ef;
margin-bottom:20px;
}

.comment-form input, .comment-form textarea 
{
width:300px;
background:#dceffc;
}

.custom-submit-button input
{
 background:url("uploads/images/button.gif") no-repeat;
        width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
        color:#FFF;
}
.custom-submit-button input:hover, .custom-submit-button input:focus{
        background:url("uploads/images/button-rollover.gif") no-repeat;
        width:60px;
	height:25px;
	cursor:pointer; 
	padding:0; 
	
}
/* Rounded corner buttons
*********************************************************/
/*CSS 3*/
/*  
input[type="text"], input[type="password"], {
 width: 24em;
}

input[type="button"], input[type="submit"] {
	cursor: pointer;
	background: url(uploads/images/button-01.gif) repeat-x;
	color:#fff;
	border:0px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
       width:60px;
      height:25px;
}
input[type="button"]:hover, input[type="submit"]:hover {
	cursor: pointer;
	background: url(uploads/images/button-02.gif) repeat-x;
	color:#fff;
	border:0px;
	-moz-border-radius:2px;
	-webkit-border-radius: 2px;
        width:60px;
        height:25px;
}
*/
#comments, 
#comments p {color:#0F4076;}


#comments
{
      background: #333;
      width:460px;
      margin-top: 20px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
}

#comments-top
{
      /*background:url("uploads/images/comment-bg-top.gif") no-repeat;*/
      height:20px;
      display:block;
}


#comments-bottom
{
      /*background:url("uploads/images/comment-bg-bottom.gif") no-repeat;*/
      height:10px;
      display:block;
}


.comment-form
{
      background:url("uploads/images/comment-white-wrap.gif") repeat-y;
     width:458px;
    margin-left:20px;
}

.comment-form-top
{
      background:url("uploads/images/comment-white-top.gif") no-repeat;
      height:20px;
      width:458px;
      margin-left:20px;
      display:block;
}

.comment-form-bottom
{
      background:url("uploads/images/comment-white-bottom.gif") no-repeat;
      height:10px;
      width:458px;
      display:block;
      margin:0 0 20px 20px;
}


.comment-quote
{
      background:url("uploads/images/comment-quote-wrap.gif") repeat-y;
     padding:0 20px 10px 20px;
}

.comment-quote-top
{
      background:url("uploads/images/comment-quote-top.gif") no-repeat;
      height:20px;
      width:458px;
      display:block;

}

.white-bg{background:#FFF;}

.comment-quote-bottom
{
      background:url("uploads/images/comment-quote-bottom.gif") no-repeat;
      height:23px;
      display:block;
      margin:0 0 10px 0;
      padding:10px 0 0 80px ;  
}
/*
**********************************************************/


.tiny-text
{
font-size: 10px;
color:#5cb2ef;
}

.blue-text
{color:#5cb2ef;}























/* End of 'layout' */