/* CSS Document */



body

{

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color:#3d3d3a;

background-image:url(../images/bgsite.jpg);

background-position:center top;

background-repeat:no-repeat;

}



#wrapper

{

width:1020px;

height:auto;

padding:0;

margin:0 auto;

}



#top

{

width:990px;

height:83px;


padding:0 15px 0 15px;

margin:0;

}






#layout

{

width:990px;

height:auto;

background-image:url(../images/toplayoutbg.jpg);

background-repeat:no-repeat;

padding:15px 15px 0 15px;

}



#bottomlayout

{

min-width: 1020px;

width:100%;

height:54px;

background-image:url(../images/bottomlayoutbg.jpg);

background-repeat:no-repeat;

background-position:center;

}





/* ----- LOGO ------ */



a.logo

{

width:245px;

height:75px;

background-image:url(../images/logo.jpg);

background-repeat:no-repeat;

float:left;

margin:5px 0 0 0;

}



/* ----- TOP TEXT ------ */



#webdesc

{

width:445px;

height:auto;

float:right;

margin:35px 0 0 0;

font-size:12px;

color:#c0e0f3;

}



/* ----- CONTENT ------ */



#maincontent

{

width:990px;

height:auto;

background-image:url(../images/contentbg.jpg);

background-repeat:repeat-y;

}



/* -------- LEFT COLUMN ------- */



#leftc

{

width:175px;

height:auto;

padding:0 5px 0 5px;

float:left;

}



#viewall

{

width:175px;

height:22px;

margin:2px 0 0 0;

padding:7px 0 0 0;

text-align:center;

text-transform:uppercase;

background-image:url(../images/viewallg.jpg);

background-repeat:no-repeat;

font-size:11px;

}



#viewall a

{

color:#fff;

text-decoration:none;

font-weight:bold;

text-align:center;

}



#viewall a:hover

{

color:#fff;

text-decoration:underline;

}



h1

{

width:170px;

font-family:"Trebuchet MS";

font-size:14px;

font-weight:bold;

color:#ff4e00;

text-transform:uppercase;

padding:5px 0 5px 5px;

margin:0;

border-bottom:#ccd0b7 solid 1px;

}



#lmenu

{

width:170px;

height:auto;

padding:0 0 5px 0;

margin:0;

}



#lmenu ul

{

width:175px;

height:auto;

list-style:none;

margin:0;

padding:0;

}



#lmenu li

{

border-bottom:#ccd0b7 solid 1px;

}



#lmenu li a

{

color:#656561;

line-height:24px;

text-decoration:none;

padding:0 0 0 5px;

margin:0;

}



#lmenu li a:hover

{

color:#207eb4;

line-height:24px;

text-decoration:none;

padding:0 0 0 5px;

margin:0;

}



/* -------- CENTER COLUMN ------- */



#centerc

{

width:610px;

height:auto;

float:left;

margin:0 5px 0 5px;

padding:0;

}




#welcome

{

width:590px;

height:auto;

background-color:#fcfcfc;

font-family:"Trebuchet MS";

font-size:18px;

color:#757575;

border-top:#ffae00 solid 5px;

border-bottom:#e2e2e2 solid 1px;

padding:10px;

margin:0 0 10px 0;

font-weight:normal;

}



#videoad

{

width:100%;

height:auto;

margin-bottom:10px;

}

#layoutslist

{
float:left;

width:100%;

height:auto;

margin-bottom:10px;

margin-top:10px;

}

.searchContainer {
  width:125px;
  height:20px;
  background-image:url('../images/lupe.gif');
  background-color:#ffffff;
  background-repeat:no-repeat;
  background-position: center left;
  /*border: 1px solid #1675AD;*/
  border: 1px solid #CCD0B7;
}

#searchlayout {
    border:0px solid #ffffff;
    width:100px;
    margin-left:20px;
    margin-top:1px;
    margin-bottom:1px;
    height:12px;
    color: #656561;
    font-family:helvetica,arial,sans-serif;
    font-size:11px; 
}

.searchContainer input:focus {
    outline:none;
}

#searchSubmit {
    border: 1px solid #CCD0B7;
    background:#ffffff;
    color: #656561;
    font-family:helvetica,arial,sans-serif;
    font-size:11px;
    padding:0px;
    text-align:center;
    width:25px;
    height:20px;
}

.codediv {

  text-align:center;

}

.onelayout {
  
  float:left;
  
}

.onelayoutlink {
  
  padding:1px;
  float:left;
  border: 1px solid #E2E2E2;
  margin-bottom:5px;
  margin-left:3px;
  
}

.onelayoutlink:hover {
  border: 1px solid #1675AD;
}

.onelayoutcontainer {

  float:left;
  width:302px;
  text-align:center;
  margin-bottom:10px;
  
}

.layoutslink {

  text-decoration:none;
  color: #FF4E00;
  font-size:16px;
  margin:bottom:5px;

}

.layoutslink:hover {

  text-decoration:underline;

}

.layoutspages {
  color:#1675AD;
  float:left;
  text-decoration:none;
  font-size:16px;
  margin-left:10px;
  margin-bottom:10px;
  padding:8px;
  border: 1px solid #E2E2E2;
}

.layoutspages:hover {

  border: 1px solid #1675AD;

}



#video

{

width:300px;

height:auto;

float:left;

}



#ad

{

width:300px;

height:auto;

float:right;

}



#more

{

width:605px;

height:auto;

margin:0 0 10px 0;

text-align:right;

}



#more a

{

color:#01c1ff;

text-decoration:none;

}



#more a:hover

{

color:#4d5253;

text-decoration:none;

}



/* -------- LAYOUTS ------- */



h2

{

width:590px;

height:auto;

background-color:#fcfcfc;

font-family:"Trebuchet MS";

font-size:18px;

color:#757575;

border-top:#e50606 solid 5px;

border-bottom:#e2e2e2 solid 1px;

padding:10px;

margin:0 0 5px 0;

font-weight:normal;

}



#layouts,#news,.words

{

width:100%;

height:auto;

margin:0 0 5px 0;

text-align:center;

}

#layouts,#news {
    float:left;
    width:100%;
    
}

#layouts h2,#news h2 {
    text-align:left;
}

.news_block {
    
    display:block;
    margin-bottom:30px;
    
    width:100%;
    text-align:left;
    
    
}

.news_block h3 h2 {
    
    width:100%;
    
}

.news_topleft {
    background-image:url('../images/topleft.jpg');
    background-repeat:no-repeat;
    background-position:top;
}

.news_top {
    background-image:url('../images/top.jpg');
    background-repeat:repeat-x;
    background-position:left top;
}

.news_topright {
    background-image:url('../images/topright.jpg');
    background-repeat:no-repeat;
    background-position:left top;
}
/*
.news_left {
    background-image:url('../images/left.jpg');
    background-repeat:repeat-y;
    background-position: left top;
}

/*

.news_right {
    background-image:url('../images/right.jpg');
    background-repeat: repeat-y;
    background-position:center;
}
*/

.news_downleft {
    background-image:url('../images/downleft.jpg');
    background-repeat:no-repeat;
    background-position:left top;
}

.news_down {
    background-image:url('../images/down.jpg');
    background-repeat:repeat-x;
    
}

.news_downright {
    background-image:url('../images/downright.jpg');
    background-repeat:no-repeat;
    background-position:left top;
}


.news_content {
    background-color:#FFFFFF;
}



#ldesign

{

padding:1px;

border:#e2e2e2 solid 1px;

float:left;

margin:0 4px 4px 0;

}



h3

{

width:590px;

height:auto;

background-color:#fcfcfc;

font-family:"Trebuchet MS";

font-size:18px;

color:#757575;

border-top:#b3c438 solid 5px;

border-bottom:#e2e2e2 solid 1px;

padding:10px;

margin:0 0 5px 0;

font-weight:normal;

float:left;

}



#blinks

{

width:193px;

height:auto;

border:#cedcdd solid 1px;

background-image:url(../images/arrow.jpg);

background-repeat:no-repeat;

background-position:bottom right;

padding:5px 0 5px 5px;

float:left;

margin:0 3px 3px 0;

}



#blinks a

{

color:#01c1ff;

text-decoration:none;

}



#blinks a:hover

{

color:#4d5253;

text-decoration:none;

}



/* -------- RIGHT COLUMN ------- */



#rightc

{

width:175px;

margin:5px 5px 0 0;

padding:5px 0 5px 0;

float:right;

text-align:center;

background-color:#FFFFFF;

display:inline;

}



/* -------- FOOTER ------- */



#footer

{

width:100%;

height:auto;

margin:0;

padding:10px 0 25px 0;

text-align:center;

background-color:#45494a;

background-image:url(../images/footerbg.jpg);

background-repeat:repeat-x;

font-size:11px;

color:#cad5d6;

line-height:18px;

}

.navigation {
    float:left;
    width:100%;
}

.clear {
  clear:both;
}


