body {
font: normal 12px "Trebuchet MS";
background:#091957 url(../images/bg.jpg) repeat-x left top;
margin:0 auto;
}


/*Reset Styles
----------------------------------------------------------------------------------- */
body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
margin: 0;
padding: 0;
border: 0;
}

.clear { clear:both; }

.float-left { float:left; }

.float-right { float:right; }

h1, h2, h3, h4, h5, h6{
clear:left;
color:#000;
padding:0 0 10px 10px;
}

h1{font: normal 24px "Trebuchet MS";}
h2{font: normal 20px "Trebuchet MS";}
h3{font: normal 18px "Trebuchet MS";}
h4{font: normal 16px "Trebuchet MS";}
h5{font: normal 14px "Trebuchet MS";}
h6{font: normal 12px "Trebuchet MS"f;}

a:active, a:visited, a:link{
color:#000;
text-decoration:none;
}
a:hover {
color:#637ee8;
text-decoration:none;
}

p {
color:#828282;
clear:left;
}

ul{
clear:left;
padding:10px 0 10px 10px;
}

li{
color: #000;
font: normal 12px "Trebuchet MS";
list-style-type:none;
background:url(../images/services-bullit.jpg) no-repeat left 4px;
padding: 0 0 10px 15px;
}

li span{
color:#b5211d;
}

/*Header
----------------------------------------------------------------------------------- */
#header{
clear:both;
width:1000px;
padding:0;
margin:0 auto;
}

.logo{
float:left;
padding:17px 0 0 3px;
}

#header p{
clear:none;
float:right;
display:inline;
font: bold 13px "Trebuchet MS";
color:#FFFFFF; 
padding:0;
margin:0 16px 0 0;
}

#header p span{
font: bold 24px "Trebuchet MS";
color:#f30a0a;
padding:0;
}

#header p.serving-padd{
padding:17px 0 0;
text-align:right;
}

/*Navigation
----------------------------------------------------------------------------------- */
#nav{
float:right;
width:667px;
position:relative;
background:#1d379f url(../images/nav-bg.jpg) no-repeat left top;
padding:0;
margin:10px 0 0;
}

#nav ul{
clear:none;
float:left;
padding:0 0 0 10px;
margin:0;
}

#nav li{
float:left;
font: normal 14px "Trebuchet MS";
color:#FFFFFF;
text-transform:uppercase;
display:inline;
background:none;
border-right: 1px solid #001f78;
list-style-type:none;
padding:0;
}

#nav li.nav-sap-none{
border:none;
}

#nav li a:active, #nav li a:visited, #nav li a:link{
float:left;
color:#FFFFFF;
text-decoration:none;
padding:19px 11px 13px;
}

#nav li a:hover{
color:#000;
background:#637ee8;
text-decoration:none;
}

/* Drop Down
----------------------------------------------------------------------------------- */
#nav ul.innerdropdown
{
float:left;
width:120px;
margin:0 auto;
border-bottom:#091957 2px solid;
padding:0 0 0 0;
background:none;
}

#nav ul.innerdropdown li
{
display:block;
font-size:12px;
border-bottom:#091957 1px solid;
background:none;
margin:0 auto;
padding:0 0 0 0;
}
#nav ul.innerdropdown li a:link, #nav ul.innerdropdown li a:visited, #nav ul.innerdropdown li a:active
{
padding:5px 5px 5px 10px;
background-color:#637ee8;
width:180px;
color:#fff;
text-transform:capitalize;
float:left;
}
#nav ul.innerdropdown li a:hover
{
color:#fff;
background:#1d379f;
}

/*Container
----------------------------------------------------------------------------------- */
#container{
clear:both;
float:left;
width:100%;
border-top: 10px solid #637ee8;
border-bottom: 4px solid #091957;
background:#FFFFFF;
padding:0 0 4px;
margin:0;
}

/*Container Inner
----------------------------------------------------------------------------------- */
#container-inner{
clear:both;
width:1000px;
overflow:hidden;
background:url(../images/container-inner-bg.jpg) repeat-y left top;
padding:19px 0 0;
margin:0 auto;
}

/*Left Pannel
----------------------------------------------------------------------------------- */
#left-pannel{
float:left;
width:262px;
display:inline;
padding:0;
margin:0 0 0 12px;
}

/*Form
----------------------------------------------------------------------------------- */
#form{
float:left;
width:262px;
background:url(../images/form-bg.jpg) repeat-y left top;
padding:0;
margin:0 0 20px 0;
}

#form h2{
float:left;
width:220px;
display:inline;
font: bold 20px "Trebuchet MS";
color:#FFFFFF;
background:#1e39a1;
padding:7px 20px 17px;
margin:0 0 5px 1px;
}

#form h2 span{

font: normal 13px "Trebuchet MS";
color:#FFFFFF;

}

#form label {
float:left;
width:143px;
font: normal 12px "Trebuchet MS";
color:#000;
padding:3px  0 0 17px;
}

#form input {
float:left;
width:215px;
color:#000;
background:url(../images/form-input.jpg) no-repeat left top;
padding:2px 5px 7px;
margin:0 0 0 14px;
}

#form form textarea {
float:left;
width:215px;
height:71px;
background: url(../images/form-input-2.jpg) no-repeat left top;
border:none;
padding:2px 5px 0;
margin:0 0 10px 15px;
}

#form input.submit_button {
border:none;
float:left;
width:225px;
height:28px;
cursor:pointer;
background: url(../images/submit-btn.jpg) no-repeat bottom right;
padding:10px 0 0 0;
margin:0 0 5px 15px;
}

/*Our Services
----------------------------------------------------------------------------------- */
#our-services{
float:left;
width:262px;
background:url(../images/form-bg.jpg) repeat-y left top;
padding:0;
margin:0 0 20px 0;
}

#our-services h2{
float:left;
width:220px;
display:inline;
font: bold 20px "Trebuchet MS";
color:#FFFFFF;
background:#637ee8;
padding:7px 20px 13px;
margin:0 0 5px 1px;
}

#our-services ul{
clear:none;
float:left;
padding:5px 0 0 20px;
margin:0;
}

#our-services li{
font: normal 12px "Trebuchet MS";
color:#000000;
list-style-type:none;
background:url(../images/services-bullit.jpg) no-repeat left 4px;
padding:0 0 5px 20px;
}

#our-services li a:active, #our-services li a:visited, #our-services li a:link{
color:#000000;
text-decoration:none;
}
#our-services li a:hover{
color:#637ee8;
text-decoration:none;
}

/*Services
----------------------------------------------------------------------------------- */
#services{
float:left;
width:262px;
background:url(../images/form-bg.jpg) repeat-y left top;
padding:0;
margin:0;
}

#services ul{
clear:none;
float:left;
padding:5px 0 0 20px;
margin:0;
}

#services li{
font: normal 12px "Trebuchet MS";
color:#000000;
list-style-type:none;
background:url(../images/services-bullit.jpg) no-repeat left 4px;
padding:0 0 5px 20px;
}

#services li a:active, #services li a:visited, #services li a:link{
color:#000000;
text-decoration:none;
}
#services li a:hover{
color:#637ee8;
text-decoration:none;
}


/*Content
----------------------------------------------------------------------------------- */
#content{
float:right;
width:691px;
display:inline;
padding:0 0 8px 0;
margin:0 12px 0 0;
}

#content p{
float:left;
padding:0 0 19px 0;
margin:0;
}

/*text
----------------------------------------------------------------------------------- */
#text{
float:right;
width:685px;
display:inline;
background:url(../images/text-bg.jpg) repeat-y left top;
padding:0;
margin:0 3px 0 0;
}

#text h1{
font: normal 24px "Trebuchet MS";
color:#000000;
padding:8px 0 10px 11px;
margin:0;
}

#text h1 span{
font: bold 24px "Trebuchet MS";
color:#f30a0a;
}

.custom-home{
clear:left;
display:block;
margin:0 auto 10px;
}

#text p{
float:none;
font: normal 13px "Trebuchet MS";
color:#000;
padding:0 10px 10px;
margin:0;
}

#text p.project{
clear:none;
float:left;
width:325px;
padding:0 0 0 10px;
}

.text-img-left{
float:left;
padding:0 10px 10px;
}

.finiancing{
float:right;
padding:5px 10px;
}

.portfolio-img{
float:left;
padding:0 10px 20px 0;
}


/*Tag line
----------------------------------------------------------------------------------- */
#tag-line{
clear:both;
width:526px;
background:url(../images/tag-line-bg.jpg) no-repeat left top;
padding:0;
margin:10px auto 0;
}

#tag-line p{
font: normal 18px "Trebuchet MS";
color:#f30a0a;
padding:10px 0 5px 17px;
margin:0 auto;
}

#tag-line p span{
color:#091957;
}

/* Gallery
----------------------------------------------------------------------------------- */
#gallery{
float: left;
display:inline;
width: 613px;
padding:0 10px;
margin:10px 0 10px 55px;
}

#gallery ul{
clear:none;
float: left;
padding:0;
margin:0;
}

#gallery li{
float:left;
width: 131px;
list-style-type: none;
background:none;
padding:0;
margin:0 10px 5px 0;
}

/*Footer
----------------------------------------------------------------------------------- */
#footer{
width:1000px;
overflow:hidden;
background: url(../images/footer-bg.jpg) repeat-y left top;
padding:0;
margin:20px auto;
}

#footer ul{
clear:none;
width:620px;
float:left;
padding:0;
margin:0;
}

#footer li{
font: normal 12px "Trebuchet MS";
color:#fff;
display:inline;
list-style-type:none;
background:url(../images/footer-sap.jpg) no-repeat right 5px;
padding:0 15px;
}

#footer li.footer-sap-none{
background:none;
}

#footer li a:active, #footer li a:visited, #footer li a:link{
color:#fff;
text-decoration:none;
}
#footer li a:hover{
color:#000;
text-decoration:none;
}


#footer p{
font:normal 12px "Trebuchet MS";
color:#FFFFFF;
padding:5px 0 0 15px;
}

#footer p.yodle{
clear:none;
float:right;
padding:0 15px 0 0;
}

#footer p a:active, #footer p a:visited, #footer p a:link{
color:#fff;
text-decoration:none;
}
#footer p a:hover{
color:#000;
text-decoration:none;
}
