/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME: 	NewHorizon
   TEMPLATE CODE: 	S-0018
   VERSION:          1.0	
	DATE:          	October-01-2007
 *******************************************/

/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
*
{
    padding: 0;
    margin: 0;
    outline: 0;
}

body
{
    margin: 10px 0 0 0;
    padding: 0;
    font: normal 13px/1.6em Arial, Helvetica, sans-serif;
    text-align: center;
    background: #090807 url(/sitefiles/images/web/bg.jpg) repeat-x;
    color: #8F8F8E;
}

/* links */
a
{
    color: #fff;
    background-color: inherit;
    text-decoration: none;
}
a:hover
{
    color: #99CC33;
    background-color: inherit;
}

/* headers */
h1, h2, h3, h4
{
    font: Arial, Sans-serif;
    color: #eee;
}

p, h1, h2, h3, h4
{
    margin: 0;
    padding: 0px 0px 15px 0px;
}

h1
{
    clear:both;
    font-size: 3em;
    color: #84A5DA;
    letter-spacing: -1px;
     padding: 0px 0px 20px 0px;
}
h2
{
    font-size: 2.5em;
}
h3
{
    font-size: 1.8em;
    line-height:1.1em;
}
h4
{
    font-size: 1.5em;
}



p strong
{
    color:#b1b1b1;
    font-weight: bold;
}

ul, ol
{
    margin: 10px 30px;
    padding: 0 15px;
}

/* images */
img
{
    background: transparent;
    border:none;
    vertical-align:bottom;
}
img.float-right
{
    margin: .5em 0 1em 1em;
}
img.float-left
{
    margin: .5em 1em 1em 0;
}

code
{
    margin: .5em 0;
    display: block;
    padding: 20px;
    text-align: left;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 31px;
    background: transparent;
    border: 1px solid #211E20;
}
acronym
{
    cursor: help;
    border-bottom: 1px dotted #8F8F8E;
}
blockquote
{
    margin: 10px 15px;
    padding: 10px 0 10px 30px;
    background: transparent;
    border: 1px solid #211E20;
    font: normal 1.6em/1.5em Georgia, "Times New Roman" , Times, serif;
}

/* start - table */
table
{
    
width:100%;
    border-collapse: collapse;
    margin-bottom:25px;
}
th strong
{
    color: #fff;
}
th
{
    background: #090807;
    color: #fff;
    height: 3em;
    padding-left: 12px;
    padding-right: 12px;
    text-align: left;

    border-bottom: 1px solid #211E20;
    border-top: 2px solid #8EB200;
}



tr
{
    color: #707070;
    cursor:pointer;
   
}







td
{
   
    padding:4px 12px 4px 12px;
    border: 1px solid #211E20;
    border-left:none;
    border-right:none;
    vertical-align:top;
}


.free-print-number
{
 color:#FF8B04;
 font-size:1.6em;
 padding-top:14px;
 padding-left:0px;
}

.pandp
{
     padding-top:14px;
}

.getprints
{
     padding-top:10px;
}

td strong
{
    font-weight:normal;
}


a.get-prints
{
    clear:both;
    display:block;
    border:1px solid #211E20;
    background-color:#090807;
    padding:4px 6px 4px 6px;
    background-color:#99CC33;
    color:#000;
    border:1px solid green;
    width:150px;
    height:30px;
    line-height:30px;
}

a.get-prints:hover
{
     background-color:#090807;

}


.vouchercodes
{
    width:320px;
    margin-top:13px;
}

.vouchercodes p,
table p
{
    padding:0px;
    margin:0px;
}

.voucher
{
    display:none;
     border-bottom:1px dotted #211E20;
 
}



.voucher span
{
color: #99CC33;
 
}


.voucher-info
{
    display:none;
       width:320px;
    color:#ccc;
    
}

a.info
{
    font-size:9px;
    color:#888;
}

/* end - table */

/* form elements */
.contact-form
{
    /*margin: 10px 15px; */
    padding: 10px;
    background: transparent;
    border: 1px solid #211E20;
}
fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}
label
{
    display: block;
    font-weight: bold;
    margin: .4em 0;
}
input
{
    padding: .3em;
    border: 1px solid #eee;
    font: normal 1em Verdana, sans-serif;
    color: #777;
}

.linkto
{

    border:1px solid #211E20;
    background-color:#12120f;

    
}

textarea
{
    width: 55%;
    padding: .3em;
    font: normal 1em/1.5em Verdana, sans-serif;
    border: 1px solid #eee;
    height: 10em;
    display: block;
    color: #777;
}
input.button
{
    font: bold 1em Arial, Tahoma, Sans-serif;
    margin: 15px 0px 0px 0px;
    padding: .25em .3em;
    color: #fff;
    background: #000;
    border: 2px solid #211E20;
}


#subscribe
{
    border:1px solid #211E20;
    background-color:#000;
    padding:10px;

}

#subscribe p
{
    margin:0px;
    padding:0px;
}

#subscribe input
{
    margin:0px;
    padding:2px;
    color:#fff;
    width:200px;
    background-color:#000;
    border:1px solid #ccc;
}

#subscribe input.button
{
    margin:0px;
    padding:2px;
    color:#fff;
    width:auto;
}



/* search form */
.searchform
{
    background-color: transparent;
    border: none;
    margin: 0 0 0 10px;
    padding: 0 0 1.5em 0;
    width: 20em;
}
.searchform p
{
    margin: 0;
    padding: 0;
}



.searchform input.textbox
{
    width: 11em;
    color: #777;
    padding: .4em;
    border: 1px solid #E5E5E5;
    vertical-align: top;
}
.searchform input.button
{
    width: 80px;
    vertical-align: top;
}

/***********************
	  LAYOUT
************************/

#admin
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
}

#header,  #content, #footer-wrap
{
    width: 910px;
}

#nav
{
    width:870px;
}

#header h1
{
    display:none;
}

#header h2
{
    clear:both;
    font-size:80px;
    line-height:normal;
    margin:0px 0px 0px 15px;
    padding:25px 0px 0px 0px;
}

#header h3
{
    margin:0px 0px 0px 15px;
    padding:15px 0px 0px 0px;
}

/* header */
#header
{
    clear: both;
    position: relative;
    margin: 0 auto;
    padding: 0;
    background: transparent url(header-image.jpg) no-repeat right top;
    height: 340px;
    text-align: left;

}



/* Navigation */
#nav
{
    clear: both;
    margin: 0 auto;
    padding: 0;
}




#nav ul
{

   
    float: left;
    list-style: none;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    height: 56px;
}
#nav ul li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 56px;
}
#nav ul li a
{
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0px 24px 0px 24px;
    color: #a5a5a5;
    font: bold 16px/54px "Trebuchet MS" , Helvetica, Arial, sans-serif;
    text-decoration: none;
    letter-spacing: 1px;
}
#nav ul li a:hover, #nav ul li a:active
{
    color: #fff;
}
#nav ul li#current a
{
    color: #FF8B04;
}

/* content */
#content-wrap
{
    clear: both;
    float: left;
    width: 100%;
    background-color: #12120f;

}
#content
{
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width:830px;

}

/* sidebar */
#sidebar
{
    float: right;
    width: 195px;
    margin: 10px 0px 0px 0px;
    padding: 10px 0 0 0;
    background-color:#090807;
    border-left:1px solid #211E20;
}
#sidebar h3
{
    font: normal 1.6em 'Trebuchet MS' , Tahoma, Arial, Sans-serif;
    padding: .3em 0 .2em 10px;
    color: #99CC33;
    text-transform: none;
    letter-spacing: -1px;
    line-height:0.8em;
}

#sidebar ul.sidemenu
{
    margin: 10px 0 0 0px;
    padding: .1em 0 1em 0;
    font-family: 'Trebuchet MS' , Tahoma, Sans-serif;
    border-top: 1px solid #211E20;
}
#sidebar ul.sidemenu li
{
    padding: 0;
    border-bottom: 1px solid #211E20;
    list-style: none;
}

* html body #sidebar ul.sidemenu li
{
    height: 1%;
}

#sidebar ul.sidemenu li a
{
    display: block;
    font-weight: bold;
    color: #d3d0cc;
    text-decoration: none;
    padding: .2em 0 .2em 30px;
    line-height: 1.5em;
    font-size: 1.25em;
}
#sidebar ul.sidemenu li a:hover
{
    color: #FF8B04;
}
#sidebar ul.sidemenu ul
{
    margin: 0 0 0 15px;
}
#sidebar ul.sidemenu ul li
{
    border: none;
}

/* main */
#main
{

 overflow:hidden;
    padding: 20px 0px 20px 0px;

}
#main h2
{
    font: normal 2.9em 'Trebuchet MS' , Arial, Sans-serif;
    color: #84A5DA;
    letter-spacing: -2px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #211E20;
}
#main h2 a
{
    color: #84A5DA;
    text-decoration: none;
}

#footer-wrap
{
    clear: both;
    padding: 0 0 0 100px;
    margin: 0 auto;
}

/* columns */
#columns
{
    clear: both;
    text-align: left;
    color: #5B9CFF;
    margin: 0 auto;
    padding: 1.6em 0 .5em 0;
    width: 100%;

}
#columns h3
{
    color: #99CC33;
    margin: 0;
    padding: 0 10px;
    font: normal 1.4em "Trebuchet MS" , Arial, Tahoma, Sans-serif;
    text-transform: uppercase;
}

#columns p
{
  
    padding: 0 10px;

}

#columns ul
{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    border-top: 1px solid #111;
}
#columns li
{
    border-bottom: 1px solid #111;
}
#columns li a
{
    display: block;
    padding: .5em 0 .5em 1em;
    color: #8F8F8E;
}
#columns li a:hover
{
    color: #fff;
}

#columns .col3, .col3-center
{
    float: left;
    width: 31%;
}
#columns .col3-center
{
    margin: 0 15px;
}

.col3 p
{
    color:#8F8F8E;
}

.col3 p strong
{
    color:#b1b1b1;
    font-weight: bold;
}

/* footer */
#footer-bottom
{
    clear: both;
    margin: 0 100px 0 0px;
    padding: 1em 0 1.5em 0;
    text-align: center;
    font-size: .85em;
}

/* alignment classes */
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}

.align-center
{
    text-align: center;
}

/* additional classes */
.clear
{
    clear: both;
}
.grey
{
    color: #8F8F8E;
}

.post-by
{
    font-size: .9em;
    padding-top: 0;
}

.post-footer
{
    text-align: right;
    background: transparent;
    border: 1px solid #211E20;
    padding: 5px 20px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
}
.post-footer .date, .post-footer .comments, .post-footer .readmore
{
    padding-left: 20px;
    margin: 0 3px 0 3px;
}




.psdtohtml
{
    width: auto;
}

.psdtohtml ul
{
    width: auto;
    height: auto;
}

.psdtohtml li
{
    width: auto;
    height: auto;
    background-image: url(bullet.jpg);
    background-position: left;
    background-repeat: no-repeat;
    list-style: none;
    padding-left: 25px;
    line-height: 30px;
}





.portfolio-box
{
    width: 880px;
    background: url(../images/portfolio-bg-normal.gif) right top no-repeat;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 10px;
}


.portfolio-box:hover
{
    width: 880px;
    background: url(../images/portfolio-bg-hover.gif) right top no-repeat;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    text-align: left;
    padding-bottom: 10px;
}


.portfolio-box-disc
{
    width: 350px;
    height: auto;
    float: left;
    text-align: left;
    line-height: normal;
    float: right;
    margin-bottom: 0px;
}