@import "reset.css";
@import "typography.css";

body
{
    margin:0;
    padding:0;
}

#wrapper
{
}
/*HEADER*/
    #header
    {
        background-image: url(../img/header-bg.gif);
        background-repeat:repeat-x;
        height:248px;
    }
    #logo
    {
        width:1010px;
        margin:auto;
        height:73px;
        padding-left:38px;
    }
    #navigation_container
    {
        height:171px;
        width:1010px;
        margin:auto;
    }
    #navigation
    {
        float:left;
        width:253px;
        height:171px;
        margin:auto;
    }
    #navigation img
    {
        display:block;
    }
    #panel
    {
        float:left;
        width:757px;   
        height:171px;
        margin:auto;
        background-image: url(../img/panel-bg.gif);
        background-repeat:no-repeat;
    }
    #templateCycle
    {
        margin-left:465px;
        margin-top:20px;
    }
/*/HEADER*/
/* FOOTER */
    #footer
    {
        background-image: url(../img/footer-bg.gif);
        background-repeat:repeat-x;
        height:191px;
        z-index:1;
    }
    #footerwrapper
    {
        width:1010px;
        margin:auto;
        height:191px;
	position:relative;
        background-image: url(../img/footer_spacer.gif);
        background-repeat:no-repeat;
        background-position:right;
    }
    #iconSet
    {
   	position:absolute;
	width:76px;
	height:38px;
	right:42px;
        background-image: url(../img/icon-bg.gif);
        background-repeat:no-repeat;
	text-align:center;
    }
    #iconSet img
    {
	margin-top:6px;
	margin-left:3px;
	margin-right:3px;
    }
    #footerpart1
    {
        width:337px;
        float:left;
        height:191px;
        background-image: url(../img/footer_spacer.gif);
        background-repeat:no-repeat;
        background-position:left;
    }
    #footerpart2
    {
        width:335px;
        float:left;
        height:191px;
        background-image: url(../img/footer_spacer.gif);
        background-repeat:no-repeat;
        background-position:left;
    }
    #footerpart3
    {
        float:left;
        width:337px;
        height:191px;
        background-image: url(../img/footer_spacer.gif);
        background-repeat:no-repeat;
        background-position:left;
    }
    .footer_col
    {
        padding:16px;
    }
    #footerpart2 input, #footerpart2 textarea
    {
        background-color:#333333;
        color:#FFFFFF;
        border:1px solid #555454;
        margin:2px;
        width:275px;
    }
    ul#ticks{
    }
    ul#ticks li {
        background-image: url(../img/tick.gif);
        background-repeat:no-repeat;
        padding-left:25px;
        padding-bottom:1px;
        margin-bottom:3px;
    }
/* /FOOTER */
/* CONTENT */
    #mainArticles
    {
        padding-top:30px;
        padding-left:30px;
        padding-right:30px;
    }
    #contentwrapper
    {
        width:1020px;
        margin:auto;
        background-image: url(../img/maincontent-shadow.gif);
        margin-top:-3px;
        z-index:10;
    }
    #content
    {
        background-image: url(../img/maincontent-bg.gif);
        background-repeat:repeat-x;
        margin:auto;
        width:1008px;
    }
    #breadcrumb
    {
        padding-top:15px;
        font-size:12px;
        font-weight:bold;
    }
    #breadcrumb img
    {
        margin-bottom:-3px;
        padding-left:8px;
    }
    #contentleft
    {
        width:630px;
        padding-right:5px;
        float:left;
    }
    #contentright
    {
        background-color:#e9e9ea;
        width:300px;
        float:right;
    }
    ul#articles{}
    ul#articles li
    {
        margin-bottom:35px;
        padding-right:13px;
    }
    ul#articles .topicImg
    {
        float:left;
        padding-top:10px;
    }
    .articles_col
    {
        padding-top:10px;
        padding-left:55px;
    }
    .normalList
    {
        list-style-type:disc;
    }
    .normalList li
    {
        margin-bottom:3px;
    }
    ul#solutions{
    }
    ul#solutions li {
        border-bottom:1px solid #d0d7d9;
        padding-top:8px;
        padding-bottom:8px;
        height:71px;
    }
    ul#solutions img {
        float:left;
    }
    .solutions_col
    {
        padding-left:55px;
        cursor:pointer;
    }
    #solutions_header
    {
        background-image: url(../img/solutions_header.gif);
        background-repeat:no-repeat;
        width:300px;
        height:8px;
    }
    #solutions_content
    {
        width:300px;
        background-image: url(../img/solutions_content.gif);
        background-repeat:repeat-y;
    }
    #solutions_footer
    {
        background-image: url(../img/solutions_footer.gif);
        background-repeat:no-repeat;
        width:300px;
        height:8px;
    }
    .padding5
    {
        padding:5px;
    }
    .btnDescription
    {
        float:left;
        height:45px;
        width:300px;
    }
.center
{
	text-align:center;
}
    .portfolio
    {
        background-color:#FFFFFF;
        border:1px solid #cccccc;
        height:100px;
	line-height:115px;
	vertical-align:middle;
        padding:10px;
        margin-bottom:20px;
    }
.portfolio div
{
	float:left;
	padding:10px;
}

    .bigBTN
    {
        background-color:#FFFFFF;
        border:1px solid #cccccc;
        height:115px;
        padding-top:10px;
        padding-left:10px;
        margin-bottom:20px;
        cursor:pointer;
    }
    .bigBTN-hover
    {
        background-color:#f6f6f6;
        border:1px solid #cccccc;
        height:115px;
        padding-top:10px;
        padding-left:10px;
        margin-bottom:20px;
        cursor:pointer;
    }
    .bigBTN_left
    {
        float:left;
        width:130px;
        border-right:1px solid #DDDDDD;
        margin-right:10px;
    }
    .bigBTN_right
    {
        float:left;
        margin-top:30px;
    }
    .frontPortContainer
    {
        margin-top:10px;
        position:relative;
        clear:both;
        height:200px;
    }
    .frontPortLeft
    {
        float:left;
        margin-left:15px;
        width:275px;
    }
    .frontPortRight
    {
        float:left;
        margin-left:25px;
        width:295px;
    }
    .frontPortContainer ul#whiteTick
    {
    }
    .frontPortContainer ul#whiteTick li {
        background-image: url(../img/tick_white.png);
        background-repeat:no-repeat;
        padding-left:25px;
        padding-bottom:1px;
        margin-bottom:3px;
    }
/* /CONTENT */
.padding40
{
    padding:40px;
}
.pricingTable
{
    margin-top:25px;
    margin-bottom:25px;
    border: 3px solid #d0d7d9;
    width:500px;
}
.pricingTable td, .pricingTable th
{
    padding:5px;
}
.pricingTable th
{
    border-bottom: 1px solid #d0d7d9;
    text-align:center;
}
.pricingTableLeft{}
.pricingTableSubTitle
{
    text-align:right;
}
.pricingTableRight
{
    border-left: 1px solid #d0d7d9;
    text-align:center;
}
.pricingTableOddRow
{
    background-color:#ebeaea;
}
.inputText
{
    border:1px solid #949494;
    color: #039ce5;
}
.contactInputText
{
    border:1px solid #949494;
    color: #039ce5;
    width:200px;
    margin:2px;
}
.contactInputText100
{
    border:1px solid #949494;
    color: #039ce5;
    width:350px;
    margin:2px;
}
.contactInputTextArea100
{
    border:1px solid #949494;
    color: #039ce5;
    width:556px;
    margin:2px;
}
.inputButton
{
    background-color:#039ce5;
    color:#FFFFFF;
}
.imageBorder
{
    background-color:#cccccc;
    padding:5px;
    border:1px solid #3b3b3b;
    margin:3px;
}
.centerContent
{
    text-align:center;
}
.loginFormDiv
{
    margin-right:5px;    
    margin-top:5px;
    float:left;
}
.loginFormDivBtn
{
    margin-left:5px;    
    margin-top:18px;
    float:left;
}