/* 

    Document   : styles

    Created on : 9 Jan, 2013, 12:28:08 PM

    Author     : chandrkanth

    Description:

        Purpose of the stylesheet follows.

*/



/* 

   TODO customize this sample style

   Syntax recommendation http://www.w3.org/TR/REC-CSS2/

*/



root { 

    display: block;

}



body{

    background: #000000;

}



html,body{

    width:100%;

    height:100%;

    margin:0px;

    padding:0px;



}



#wrapper{

    width: 100%;

    height:100%;

}



a{

    border:none;

    text-decoration: none;

    color:#ff6600;

}



a:hover{

    color:#666666;

    text-decoration: none;

}



img{border:none; padding:0px; margin:0px}



.space{

    width:1200px;

    height:100%;

    margin:-20px auto;

    background:url(../img/landingPage.jpg) no-repeat center top #000000;

}
@font-face
{
font-family:SEGOEUI;
src: url(../fonts/SEGOEUI.TTF);
} 



.container{

    float:left;

    margin-left:110px;

    width: 980px;

    font-family: 'SEGOEUI', Arial;

    font-size: 13px;

    color: #000000;

}



.header{

    width:980px;

    float:left;    

    margin:0px auto;

    background:#FFFFFF;

}

.socialNetwork{    

    width:960px;

    float:left;
    margin-top: 10px;

    background:none;

    padding-top:20px;

    padding-right:20px;

    padding-bottom:0px;

    text-align: right;

    border-top:1px solid #000000;

}

.socialNetwork img{

    margin:0px 1px -4px 0px;

    border:1px solid #333333;

}



.logo{

    padding:10px 25px;

    float:left;

}

.navigation{

    height:100px;

    background:#FFFFFF;

    float:right;

    padding-right:20px;

}

.headerBG{

    width:980px;

    height:5px;

}



.sliderSpace{

    width:980px;

    background:none;

}



.content{

    width:930px;

    background:#FFFFFF;

    float:left;

    text-align: justify;

    color:#333333;

    padding:5px 25px 25px 25px;

	

}

.content h1{

    font-family:"Quicksand","SEGOEUI",Arial;

    padding:0px 0px 5px 0px;

    margin:15px 0px 10px 0px;

    font-weight:normal;

    font-size: 22px;

    color:#333333;

    border-bottom:1px solid #ebebeb;

}

.content h3{

    font-variant: small-caps;

    font-weight: normal;

    font-size: 16px;

    letter-spacing: 0.5px;

    color:#000000;

    padding:0px;

    border-bottom: 1px dotted #666666;

    width:270px;

    margin-top:25px;

    margin-bottom: 5px;

}

.content p{

    padding:5px 0px;

    margin:0px;

    line-height:22px;

}

.content ul{

    maring:0px;

    line-height: 25px;

}

.gallery_view{

	width:450px;

	height:75px;

	float:left;

	margin:100px 0px 100px 250px;

}



.gallery_view img{

	width:205px;

	height:75px;

	float:left;

	margin:0px 0px 0px 5px;

	padding:2px;

}



.pageTitle{        

    background: url(../img/title_bg.png) repeat-x;

    font-size:16px;

    text-transform: uppercase;

    color:#ffffff;

    padding:16px 25px;

}

.pageTitle a{

    color:#ff9900;

}

.pageTitle a:hover{

    color:#ffffff;

}



p.readmore{text-align: right; padding:0px; margin:0px;}



h2{

    font-family:"SEGOEUI",Arial;  

    font-size: 18px;

    font-weight:normal;

    color:#000000;

    padding:10px 0px 2px 0px;

    margin:0px 0px 10px 0px;

    border-bottom:1px dotted #333333;

	

}



.companyContent{

    width:630px;

    float:left;

    padding:10px 15px 10px 0px;

}



.news{

    width:260px;

     padding:0px 15px 10px 0px;

	

	

}



.news img{

    margin:10px 0px;

    

}



.newsFeed{

font-family:'SEGOEUI', arial;

width:905px;

margin:0px auto;

float:left;

}

.newsFeed h1{

font-family:'SEGOEUI', arial;



}

.newsFeed p{

font-family:"SEGOEUI",Arial;

font-size:14px;

text-align:left;

float:left;

margin:0px 0px 0px 420px;

}

.newsFeed img{

border:1px solid #666666;

text-align:left;

margin:-40px 15px 15px 0px;

float:left;

}



.green{

    width:980px;

    background:url(../img/greenConsulting_bg.png) no-repeat center;

    height:85px;

    float:left;

}

.consulting{

    width:725px;

    height:85px;

    float:left;

    font-size: 14px;

    color:#ffffff;

    padding-left:25px;

    padding-top:20px;

    line-height: 30px;

}

.greensn{

    width:230px;

    float:left;

    height:85px;

    padding-top:15px;

}

.greensn img{

    padding:2px 0px;

    margin: 0px 2px 2px 0px;

}



.footer{

    font-family: 'SEGOEUI', Arial;

    background:url(../img/footer_bg.png) repeat;

    width:980px;

    float:left;

    font-size: 13px;

    color: #666666;

    padding:15px 0px;

}

.copyright{

    width:200px;

    text-align: center;

    float:left;

    padding:10px;

}

.copyright img{

    padding-bottom:10px;

}



.footerlinks{

    width:170px;

    padding-right:15px;

    float:left;

    font-size: 13px;

}

.footerlinks h1{

    font-size: 13px;

    font-weight:normal;

    text-transform: uppercase;

    padding:0px;

    width:140px;

    padding-bottom: 5px;

    border-bottom: 1px dotted #666666;

    margin-left:25px;

}

.footerlinks ul{

    margin:0px 15px 0px 25px;

    padding:0px;

}

.footerlinks ul li{

    list-style: none;

    padding:6px 0px;

}

.footerlinks a{

    color:#666666;

}

.footerlinks a:hover{

    color: #ff9900;

}



.content th

{

    font-weight:bold;

    padding:10px 20px;

    border:1px dotted #cccccc;   

}

.content td

{

    padding:8px 20px;

    border:1px dotted #cccccc;

}



.thumbs{

margin:15px auto;

width:200px;

text-align:center;

float:left;

}

.thumbs img{

	padding:5px;

	border:5px solid #ebebeb;

	margin:10px;

    float:left;

}

.thumbs a{

color:#000000}

.thumbs a:hover{

text-decoration:underline;}



.galleryThumb img{

float:left;

padding:4px;

border:8px solid #ebebeb;

margin:16px;    

}



.locationPoint{

width:500px;

float:left;

}



.locationMap{

width:410px;

float:right;

}

.contact_form ul {

float:left;

    width:750px;

	margin:0px auto;

    list-style-type:none;

    list-style-position:outside;

}

.contact_form li{

    padding:5px;

    position:relative;

} 





/* === Form Header === */

.contact_form h2 {

    margin:0;

    display: inline;

}

.required_notification {

    color:#d45252;

    margin:5px 0 0 0;

    display:inline;

    float:right;

}



/* === Form Elements === */

.contact_form label {

    width:150px;

    margin-top: 3px;

    display:inline-block;

    float:left;

    padding:3px;

}

.contact_form input {

    height:20px;

    width:220px;

    padding:5px 8px;

    font-family:"SEGOEUI";

}

.contact_form textarea 

{

    padding:8px;

    width:300px;

    font-family:"SEGOEUI";

}

.contact_form button 

{

    margin-left:156px;

}



/* form element visual styles */

.contact_form input, .contact_form textarea { 

    border:1px solid #aaa;

    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;

    border-radius:2px;

    padding-right:30px;

    transition: padding .25s;

}

.contact_form input:focus, .contact_form textarea:focus {

    background: #fff;

    border:1px solid #555;

    box-shadow: 0 0 3px #aaa;

    padding-right:70px;

}



/* === HTML5 validation styles === */	

.contact_form input:required, .contact_form textarea:required {

    background: #fff url(images/red_asterisk.png) no-repeat 98% center;

}

.contact_form input:required:valid, .contact_form textarea:required:valid {

    background: #fff url(images/valid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #5cd053;

    border-color: #28921f;

}

.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {

    background: #fff url(images/invalid.png) no-repeat 98% center;

    box-shadow: 0 0 5px #d45252;

    border-color: #b03535

}



/* === Form hints === */

.form_hint {

    background: #d45252;

    border-radius: 3px 3px 3px 3px;

    color: white;

    margin-left:8px;

    padding: 1px 6px;

    z-index: 999; /* hints stay above all other elements */

    position: absolute; /* allows proper formatting if hint is two lines */

    display: none;

}

.form_hint:before {

    content: "\25C0";

    color:#d45252;

    position: absolute;

    top:1px;

    left:-6px;

}

.contact_form input:focus + .form_hint {display: inline;}

.contact_form input:required:valid + .form_hint {background: #28921f;}

.contact_form input:required:valid + .form_hint:before {color:#28921f;}



/* === Button Style === */

button.submit {

    background-color:#FF9933;

    border-radius:6px;

	border:1px #B05800 solid;

    color: white;

    font-weight: bold;

    padding: 6px 20px;

    text-align: center;

}

button.submit:hover {

    opacity:.85;

    cursor: pointer;

}

button.submit:active {

    border: 1px solid #20911e;

}

.videothumbs{

float:left;

width:300px;

margin:0px auto;



}