/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#ffffff;background:#000000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* SYP Styles */
html  
{
    background-color:#000000; 
    overflow-y: scroll;
}
body 
{
    height: 100%;
    background-color:#000000;
    color:#ffffff;
    font-family:Helvetica, Arial, san-serif;
    font-size:10pt;
    line-height:135%;
    padding-top:38px;
    /* padding-bottom:28px; */
    text-align:center;
}

body a 
{
    margin: 0 auto;
	color:#666666;
	font-size:8pt;
	text-decoration:none;
	display:block;
	width:836px;
	text-align:right;
}

div#container {
	margin: 0 auto;
	width:808px;
	text-align:left;
	border:1px solid #294249;
	padding:28px 14px 14px 14px;
	position:relative;
}
div#container ul 
{
    float:right;
} 
div#container ul li
{
    display:inline;
    color:#99CCFF;
    font-size:9pt;
    font-weight:bold;
}
div#content.contact a 
{
    display:inline;
    font-size:10pt;
}
div#container ul li a
{
    display:inline;
    color:#99CCFF;
    font-size:9pt;
    font-weight:bold;
}
div#content img 
{
    margin-bottom:1em;
}
a:hover 
{
    text-decoration:underline;
}
h1 
{
   /* float:left; */
    padding: 133px 0 0 0;
    overflow: hidden;
    background-image: url("syp-logo.gif");
    background-repeat: no-repeat;
 
    height: 0px !important;
    height /**/:133px;
}
h2 
{
    position:absolute;
    top:542px;
    left:419px;
    width:420px;
    font-size:13pt;
} 
h2.boxes, a.boxes
{
    position:absolute;
    left:30px;
    width:160px;
    text-align:left;
    color:#ffffff;
    font-size:13pt;
}
h2#homestrap { top:215px; }
a#homechooseus { top:337px; }
a#homeservices { top:459px; }

div#content 
{
    width:392px;
    clear:both;
    padding:14px 416px 0px 0px;
    border-top:1px solid #333333;
    background-position:406px 14px;
    background-repeat:no-repeat;
    min-height:420px;
}
div#content.home 
{
    background-image:url("home-pic.jpg");
    background-position:0px 14px;
    background-repeat:no-repeat;
    width:598px;
    min-height:30px;
    padding:380px 14px 0px 198px;
}

div#content.about { background-image:url("about-pic.jpg"); }
div#content.services { background-image:url("services-pic.jpg"); }
div#content.choose-us { background-image:url("choose-us-pic.jpg"); }
div#content.contact { background-image:url("contact-pic.jpg"); }
div#content.testimonials { background-image:url("testimonials-pic.jpg"); }
div#content.links { background-image:url("links-pic.jpg"); }

div#content h3 
{
    font-size:12pt;
    font-weight:bold;
    margin-bottom:10pt;
}
div#content p,
div#content ul 
{
    margin-bottom:10pt;
}
div#content ul li
{
    display:list-item;
    list-style:disc inside;

    display:block;
    color:#ffffff;
    font-weight:normal;
    margin-bottom:5pt;
}

div#content ul li h4
{
    
    text-decoration:none;
}

div#content h4, 
div#content strong
{
    font-weight:bold;
}
div#content h4 { text-decoration:underline; }